推荐阅读
法国设计师菲力浦B斯达克
小到牙刷，大到建筑 法国设计师菲力浦·斯达克（phlllipe starck）是20世纪末西方最有影响的设计师，同时也是一个发明家、思想家。 他的作品涵盖了建筑、室壬杓啤⒒车、家电、家具I域，从食品、刀叉餐具、厨房用品、沙发座椅、摩托，一直到餐要、宴会展示场和建筑。不论小到清洁口腔的牙刷，或是尺度巨大庞然的建筑物，他都可以显F出对细节的同样执着。 艺术经历 Philippe Strack于1948年一月十八日在巴黎出生，父亲是一名飞行员及飞机工程师，他是在满室设计蓝图的家庭中长大成人的。在父亲的设计桌上乱画，拆开家里的电器来研究，都是S track童年时的主要消遣，这些启发了他对建筑和设计的兴趣。 其后，Philippe Strack考进巴黎的Ecole Nissim de Camondo学院，主修建筑。毕业后Strack有感读书时过分用功，决定到世界各地去旅行，环游世界后，Philippe Strack在皮尔.卡丹担任艺术指导一职，不久他便成立自己的公司，这时他设计的三脚椅子和Cafe Costes内的布置，使他逐渐受到人们的注意。 真正令Strack声名大噪的，当然是1982年负责法国总统密特朗新居的设计工作，之后的Nani Nani大厦、Royalton和Paramount两间酒店，更令Philippe Strack成为名闻全球的名字。 幽默与设计 像很多天才一样，斯达克小时候既不是好孩子也不是好学生，他的调皮似乎随着年龄的增长而有增无减，成为他形象的一部分。这种儿时的顽皮，慢慢演变为成熟的幽默，渗透在他的设计当中。他的幽默感，从他让事务所的工作人员戴上斯达克脸孔面具可见一般，他在嘲笑自己的同时，也嘲笑了这个端庄做作的世界。尽管斯达克现在已经是设计界少数少年得志的明星，但外表还是一副标新立异、吊儿郎当的模印
关于“层”定位的问题的解答
一. 常出现的问题 当你的表格选居中的时候又插入了层（插入层方法1：object->draw layer）的时候（800*600），分辨率一旦变大、窗口最大化之后，层就错位了，而如果使用菜单(插入层方法2：Insert->Layer)插入层的时候，这个层就会与它的上级元素相对定位，但是一旦在Dreamweaver中用移动工具动了它，它就会马上变成绝对定位，不会再与上级元素相对定位了。 二. 思想： 通过object面板置入的层是绝对定位的层，这个绝对定位指的是层的左上角与浏览器窗口内部的左部、顶部距离，代码中的写法是left与top。 通过菜单置入的层是相对定位的层，这个相对定位指的是层与它的上级元素的距离（它的上级元素的左上角），由于这个div中不再有left与top的属性，所以浏览器把它的位置定为与它的上级元素相同 （总结一：只要去掉层的left与top属性就可以相对定位！） 例图： 三. 深入思想： 现在层已经相对定位了，可是只是这样还完全不能满足要求，因为很多时候不能把表格设定得那样准确，否则会把表格搞得很麻烦，把代码搞得很大很大。 如果在上面说做出的相对定位的层的基础上再做一个层对它相对定位，不就解决问题了吗？ 这就涉及到了父层与子层的问题（由于它是层的基础，在书与网上教程中就可以看到，这里不再阐述），父层相对于某点定位，而子层相对于父层定位，就可以达到层的相对定位这个目标了 四. 具*作（只介绍最简单的方法，对代码熟的朋友可以手敲的）： 先在页面内插入表格（可以设居中，表格就居中了，否则几乎无意义），鼠标在某单元格内点一下，让光标在此闪动，然后通过菜单插入一个层，这个层就相对与这个单元格定位了。插入一个层之后，不要动它，而且也永远不要动，但是可以更改它的大小，比如把它的高与宽都改成"0"，让它不再影响你对其他内容的编辑，否则，这个层的left与top属性出现之后就成了绝对定位了，变成绝对定位后你可以把它的left与top属性去掉，就恢复成相对定位了。变成"0"之后，有时子层会看不见，可以按[f11]键点它恢复编辑。 现在光标在这个层内闪动，再通过菜单插入子层，这时子层与父层重叠，你可以随意移动它，不管怎么动，它都是相对与父层定位。 好了，一个相对定位的层（子层）做好了，你可以在里面随意添加内容了，也可以改变它的尺寸、位置、背景等所有属性，但是不要动left与top属性，因为它是相对于父层的左上角定位的。 下面给出父层与子层在Dreamweaver中的属性面板： 父层： 子层： 五. 技巧： 先插入一个表格,在其中一个单元格中插入父层，可以把它定得小一点，比如说20象素宽、10象素高，这样它就不会盖住下面的链接，也不影响子层的相对定位。 如果要用778象素宽定义表格，可以把父层插入到表格的第一行第一个单元格中，这样就可以在所有层制作完后插入父层了！对代码熟的朋友就可以手敲父层而不必再去调整子层的位置了。
XHTML基础教程(二)
合理的添加图片可以使一个网页更加的美观。<img>标签用于在网页里插入图片。<img>标签有一个重要的属性"src"，它的属性值就是图片的地址。下面我们就在我们的index.html里插入一个图片。打开”index.html“文件，在</body>前加上如下代码： 保存后浏览网，请确认您的网页与该页面相同。 我们注意到<img>是一个空标签，需要在结尾加上一个"/"以符合XHTML的要求。这里的例子除src外还有一个属性alt，我们把它叫做做替换属性，当图片由于某种原因而无法显示的时候，alt的属性值就会代替图片出现；而当图片正常显示时，只要把鼠标停在图片上就会看到alt属性的属性值。 我们在之前的教程中曾经学习过创建超级链接，下面我们打开“index.html”并且将刚插入的代码改为下面这段：
最新发布
Flash实用技巧之蜡烛制造（2）
4． 制作蜡烛。=版权所有 软件 下载 学院 版权所有= 蜡烛的制作比较简单。按Ctrl+F8键，新建一个名为“蜡烛”的Graphic符号。然后在场景里画一个与图10相似的蜡烛。蜡烛为黄色，可以用少许橘黄色做点缀（此为300%的图片）。 图10 蜡烛 图11 烛油 图12 Library面板 技巧提示：在动画的制作过程中，如果元件太大或者太小的话，我们就要通过实时地调整场景的缩放比例，这样才能使设计更加方便。 5． 制作烛油。 烛油的制作也比较简单。先按Ctrl+F8键，新建一个名为“烛油”的Graphic符号。然后在场景里画一个与图11相似的烛油即可（此为800%的图片）。 接着再按Ctrl+F8键，新建一个名为“烛油”的Movie Clip符号。可能有的读者会奇怪，为什么元件可以同名呢？是的，元件是可以同名的，只要我们把元件放在不同的文件夹里即可同名，如图12所示。另外，在设计较大的动画时使用符号文件夹来管理元件不但方便，而且可以大大提高我们的工作效率。 把Graphic符号“烛油”从库中拖拽到影片剪辑“烛油”的场景里，然后选中第30帧，按下F6键插入关键帧。右键单击第1帧，选择Create Motion Tween命令。接着把第30帧中的烛油向下移动60 px。 6． 制作黑烟。
Flash视觉效果之漫天飞雪
本例讲解的是Flash制作大雪纷飞效果的方法。效果中鹅毛般的雪花悠悠而落，相当逼真。实例中通过简单的AS复制雪花并控制它们的运动，形成大雪纷飞的效果，如效果图所以。 效果图：效果预览（点击这里播放） 源文件下载：点击这里下载(4K, zip压缩文件) 效果预览：点击这里预览 1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板设置场景大小为450px x 180px，背景为#00105A，帧频为18fps。 2．按快捷键Ctrl+F8打开“创建新元件”面板新建一个名为“雪片”的图形元件，点选“椭圆”工具，在“雪片”元件的编辑场景中按Shift键拉出一个直径为5像素的圆，再用“箭头”工具稍微调整一下，最后形状大概如图1所示。图1
Flash视觉特效之魔幻曲线
本例实现的关键是曲线本身是需要运动的，然后用程序复制和删除它们。另外，读者还要学习如何使用输入文本来设置动态的变量。=版权所有 软件 下载 学院 版权所有=效果截图（点击这里播放） 源文件下载：点击这里下载 效果预览：点击这里预览 1．新建一个Flash文档，单击“属性”面板中的“尺寸”按钮，打开“文档属性”面板设置场景大小为260px x 280px，背景为白色，帧速率30fps。=版权所有 软件 下载 学院 版权所有= 2．按快捷键Ctrl+F8新建一个名为“彩线”的影片剪辑元件。点选“工具”面板中的“直线”工具，在“彩线”元件的场景绘制三条直线，线段样式为不规则点状虚线。如图1所示（此图为400%显示）。图1
Flash AS教程之二 按钮的AS编写规则
在flash中的交互功能一般是由按钮来完成的。掌握按钮的编写规则也是一个闪客的基本技能。 OK，现在咱们来说说按钮脚本如何编写。上一讲中提过，AS脚本编写可以写在时间轴的关键桢上，也可以写在对象本身上面。按钮也不例外，既可以写在时间轴上，也可以写在按钮本身上面。只不过这两种编写规则都要遵循一定的规矩，这是后话。=版权所有 软件 下载 学院 版权所有= 现在咱们来做一个例子，做一个按钮，这个按钮要实现的功能就是打开一个指定的网页。（这个例子非常基础，用这个例子来讲解按钮AS两种编写方法。） 第一种：把脚本写在按钮本身。 一、 在舞台上绘制一个矩形，选中矩形并按F8，将这个矩形转换成按钮元件。 二、 编写动作脚本： 选中按钮，按F9，打开动作面板，在专家模式下输入以下脚本：on(release){getURL("http://bbs.graphicvale.com/","_blank")} 现在这个按钮就实现了一个打开网页的功能。通过例子你应该注意到，按钮的AS书写规则就是：on(事件){//要执行的脚本程序，刚才的例子是用getURL来打开一个网页。你也可以使用脚本程序来执行其他功能，例如跳转到某一个桢，或载入外部一个动画文件。} 大可以看到，其实就一个on语句，这个on语句就是按钮的AS编写规则了。需要注意的是on里面的事件，这个事件你可以理解为是鼠标或键盘的动作。刚才的例子我们使用的事件是release（按一下鼠标）我现在把常用的按钮事件列出来： 事件名字 说明 Press 事件发生于鼠标在按钮上方，并按下鼠标 Release 发生在按钮上方按下鼠标，接着松开鼠标时。也就是“按一下”鼠标 Releaseoutside 发生于在按钮上方按下鼠标，接着把光标移动到按钮之外，然后松开鼠标 Rollover 当鼠标滑入按钮时 Rollout 当鼠标滑出按钮时 Dragover 发生于按着鼠标不放，光标滑入按钮 Dragout 发生于按着鼠标不放，光标滑出按钮 Keypress 发生于用户按下特定的键盘按键时 下面来看看第二种按钮AS的编写方法。 这种方法是把脚本程序写在时间轴上，而不是按钮本身上面。 一、 选中按钮，在下面的属性面板中为按钮起一个名字，这里我起了一个bt 二、 选中时间轴的第一桢，按F9打开动作面板。输入如下脚本：bt.onrelease = function() {getURL("http://bbs.graphicvale.com/", "_blank");}; 这种编写AS的方法要遵循的规则就是下面的公式而已：按钮实例的名字.事件名称=function(){//要执行的脚本程序。=版权所有 软件 下载 学院 版权所有= } 大家只要记住这个公式就可以套用了。 按钮的AS就先将到这了，这个可以算是基本技能了。希望大家都能掌握。：）
Flash另类效果之透明按钮设计
本例主要给大家介绍一种另类、实用的钮――透明按钮。通过对本文的学习，读者不仅能掌握两种实用按钮的制作方法，还能学习一些简单的Actions，可谓一举多得。效果图相关下载： 源文件下载：点击这里下载(18.3K, zip压缩文件) 1．打开Flash MX 2004，如图1所示新建一个Flash文档。按快捷键Ctrl+F3打开“属性”面板，单击“文档属性”按钮打开“文档属性”面板（快捷键Ctrl+J），设置场景大小为200px x 120px，背景色为白色色，帧频为12fps。如图2所示。 图1，图2 2．单击【窗口】→【其他面板】→【公共库】中的Buttons命令，打开“按钮”库。如图3所示从“Arcade buttons”文件夹中把按钮arcade button - orange拖入到“场景1”中。
Flash MX 2004 Media组件实现多首mp3连放
Flash MX 2004 的Media组件确实不错，大家在使用的时候可能发现MediaDisplay组件只能播放一首mp3，如果要让他播放完一首歌曲后再接着播放另一首歌曲就不行了。今天就来给大家介绍一下怎样用MediaController和MediaDisplay组件实现多首mp3的联播。 播放器界面如图： 思路如下： 歌曲列表用一外部XML文件来记录，便于修改。开始的时候定义一XML对象，并载入外部XML文件，载入后再将歌曲列表提取出来放入一数组中。接着用attachMovie()方法将MediaController和MediaDisplay组件载入舞台，然后设置各自的参数，并将二者相关联（Media.associateController()或者Media.associateDisplay()方法都行）当一首歌曲播放完后，触发MediaDisplay的complete事件，在此事件中我将MediaController和MediaDisplay组件卸载并重新载入MediaController和MediaDisplay组件（使用attachMovie()方法）并给一新的实例名，并设置MediaDisplay组件的播放内容为下一首歌曲，如此往复来播放所有的歌曲。 制作步骤： 1.新建一个FLASH文档，设置舞台大小：220*70。 2.将组件MediaController和MediaDisplay拖入舞台，然后从舞台上删除。这样做的目的是将这两个组件载入库中，为接下来用attachMovie()方法将MediaController和MediaDisplay组件载入舞台做好准备。
XHTML+CSS网站设计的优势和问题
XHTML是目前国际上倡导的网站标准设计语言，Webjx.com也侧重于这方面，进行了比较全面的介绍。因为XHTML网站设计语言具有的基本特点，这种XHTML+CSS模式的网站设计具有一定的优势，不过目前在网站建设应用中XHTML+CSS模式也存在一些问题。昨天利用一晚上的时间终于把破洛洛的CSS改成在FIREFOX下能正常浏览了！本文综合网站技术和设计人员的体会，并从网络营销应用的角度，将XHTML+CSS网站设计的优势和问题归纳如下：XHTML+CSS网站开发的优势 一、CSS的极大优势表现在简洁的代码，对于一个大型网站来说，可以节省大量带宽，而且众所周知，搜索引擎喜欢清洁的代码（其真正意义在于，增加了有效关键词占网页总代码的比重），因此使用XHTML+CSS的web标准制作的网站具有搜索引擎友好的一定优势。 二、XHTML+CSS制作的网站使得网站改版相对简单，很多问题只需要改变CSS而不需要改动程序，从而降低了网站改版的成本。XHTML+CSS网站开发的问题 尽管XHTML+CSS具有一定的优势，不过现阶段XHTML+CSS网站建设存在的问题也比较明显，主要表现在： 一、对于CSS的高度依赖使得网页设计变得比较复杂。相对于HTML4.0中的表格布局（table），XHTML+CSS尽管不是高不可及，但至少要比表格定位复杂的多，即使对于网站设计高手也很容易出现问题，更不要说初学者了，这在一定程度上影响了XHTML网站设计语言的普及应用。 二、CSS文件异常将影响整个网站的正常浏览。CSS网站制作的设计元素通常放在几个l外部文件中，这一个或几个文件有可能相当复杂，甚至比较庞大，如果CSS文件调用出现异常，那么整个网站将变得惨不忍睹。 三、对于CSS网站设计的浏览器兼容性问题比较突出。基于HTML4.0的网页设计在IE4.0之后的版本中几乎不存在浏览器兼容性问题，但XHTML+CSS设计的网站在IE浏览器里面正常显示的页面，到火狐浏览器（FireFox ）中却可能面目全非（这也是为什么建议网络营销人员使用火狐浏览器的原因所在 ）。XHTML+CSS还有待于各个浏览器厂商的进一步支持。 四、XHTML+CSS对搜索引擎优化与否取决于网页设计的专业水平而不是XHTML+CSS本身。XHTML+CSS网页设计并不能保证网页对搜索引擎的优化，甚至不能保证一定比HTML网站有更简洁的代码设计，何况搜索引擎对于网页的收录和排序显然不是以是否采用表格和CSS定位来衡量，这就是为什么很多传统表格布局制作的网站在搜索结果中的排序靠前，而很多使用CSS及web标准制作的网页排名依然靠后的原因。因为对于搜索引擎而言，网站结构、内容、相关网站链接等因素始终是网站优化最重要的指标。
制作主流邮箱能正常显示的HTML邮件的技巧
几乎每个会员制网站都需要通过后台发送邮件来与会员进行沟通，如注册确认、营销推广。这些由站方发给会员的信件，往往纯文本格式已不能满足界面和交互的要求，这时候我们就需要发送HTML页面。由于HTML邮件不是独立的HOST在本站的页面，是寄人篱下的。所以编写HTML邮件与编写HTML页面有很大的不同。因为，各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤。毫无疑问，JS代码是被严格过滤掉的，包括所有的事件监听属性，如onclick、onmouseover，这是基于邮件安全性的考虑。不仅如此，CSS代码也会被部分过滤。本人要讲的就是如何编写不被各大主流邮箱过滤的，能正常显示的HTML邮件。发送html邮件的建议：用style写内联的CSS；少用图片；用table实现左右布局或者更复杂的布局；用background元素设置背景图片等。首先，我们先来看看邮箱是如何展现HTML邮件的。我本人没有做过邮件系统，况且各大邮箱后台的过滤算法也不是那么容易可以让外人知道的。所以，我们只能通过前端展现，来推测哪些是被邮箱接受的写法，而哪些又是会被过滤掉的。通过对gmail、hotmail、163、sohu、sina几个邮箱的分析，我把邮箱分为两类：第一类包括gmail、hotmail、sohu，这类邮箱，邮件内容是被布局在整个邮箱页面中的某个div中。第二类，包括163、sina，这类邮箱，邮件内容被布局在独立的iframe中。熟悉HTML的朋友都知道，iframe内容是作为独立的document，与父页面的元素和CSS是互不相干的，几乎可以作为一个独立的页面来对待。而如果如果邮件内容是在div中，那么邮件内容是作为整个邮箱页面的一个组成部分。显然，以iframe作为展现方式的邮箱，对邮件内容就会宽容许多，因为它给了你一个足够独立的表现空间。而div就不是那么客气了。试想一下，如果你在你的邮件里写上这么一句CSS，是不是整个邮箱的展现页面上字体都变成20px而因此乱了套：<style type="text/css"> body {font-size:20px} </style> <style type="text/css">body {font-size:20px}</style>我们需要写兼容各邮箱的统一邮件模板，那么必然就要避开以上这种外联CSS写法，另外类似于float、position等成非正常内容流的style也会被过滤，假如你写了，很可能会影响到外部邮箱的表现。
html标签：sub标记和sup标记
相关文章：HTML标记:optgroup、sub、sup和bdo今天来认识一下两个我不太常用到的html标签：sub标记和sup标记。定义和用法:<sub> 标签可定义下标文本。<sup> 可定义上标文本。都属于行内元素，默认比当前字体稍小。例子:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>html中的sub与sup标签</title><style type="text/css">* { font-size:12px; font-family:Tahoma}</style></head><body><div>这个标签是<sub>sub</sub>这个标签是<sup>sup</sup></div></body></html>
HTML代码实例：详细讲解超级链接
超级链接是网站中使用比较频繁的HTML元素，因为网站的各种页面都是由超级链接串接而成，超级链接完成了页面之间的跳转。超级链接是浏览者和服务器的交互的主要手段，在后面的技术中会逐步深化学习。— 注意：图片也可以做链接，将在下一章“网页中的图片”详细学习。 4.5.1 给文字添加链接超级链接的标签是<a></a>，给文字添加超级链接类似于其他修饰标签。添加了链接后的文字有其特殊的样式，以和其他文字区分，默认链接样式为蓝色文字，有下划线。超级链接是跳转到另一个页面的，<a></a>标签有一个href属性负责指定新页面的地址。href指定的地址一般使用相对地址。— 说明：网站开发中，文档相对地址使用更为普遍。在D:\web\目录下创建网页文件，命名为a.htm，编写代码如代码4.18所示。代码4.18 超级链接的设置：a.htm<html><head>