推荐阅读
CorelDRAW绘制绿色的森林一角场景
该实例制作了一幅森林场景画面，画面以绿色调为主，通过不同绿色之间的搭配关系营造出丰富的色彩关系。在处理手法上要注意表现画面的纵深感，并且要层次分明、主次有序。图3-2为本实例的完成效果。图3-2 本实例完成效果3.1.1 技术提示本实例的画面具有一定的纵深感，制作时通过为图形添加阴影效果，拉开了画面的层次，给人一种纵深的空间感。如图3-3所示，为本实例的制作流程。图3-3 本实例制作流程3.1.2 制作步骤：绘制远景植物(1)启动CorelDRAW，新建一个工作文档，在属性栏中将“微调偏移值”设为0.1mm，其他参数保持系统默认。然后使用“矩形”工具，在视图中绘制矩形。如图3-4所示。
Photoshop调出唯美冷色效果的外景人像
最终效果原图1、打开素材图片渐变映射调整图层，参数如下 选用较暖的明暗色作为叠加层，确定后把混合模式改为“叠加”，不透明度改为：30%，如下图。2、创建色彩平衡调整图层，参数及效果如下图。
(10-2):使用字符调板
1012以上是在文字工具的公共栏中出现的选项。在点击了字符调板按钮后即会出现字符调板【窗口_字符】，如下图。在其中可以对文字设定更多的选项。在实际使用中也很少直接在公共栏中更改选项，大多数都是通过字符调板完成对文字的调整的。其中的字体、字体形式、字号、颜色、抗锯齿选项就不重复介绍了。注意其中的为亚洲文本选项，需要在Photoshop首选项〖CTRL_K〗的常规选项中开启“显示亚洲文本选项”才会出现。1013拼写检查选项是针对不同的语言设置连字和拼写规则，如下右图显示了英国英语和美国英语对同样文字的不同连字方式。注意，末尾连字只有在框式文本输入时才有效。因为框式文本是自动换行的。通过手动换行的文字是不会有连字效果的。有关框式文本的输入方法在本节后面部分介绍。连字和拼写规则对于中文是没有意义的。因为汉字为单体结构，即一个汉字字符已携带完整含义，而字母系语言需要多个字符组合才能携带完整含义。也正是因为汉字携带的信息巨大，因此现在电脑的计算能力还不足以完美处理中文化的信息结构。-1014行间距控制文字行之间的距离，若设为自动，间距将会跟随字号的改变而改变，若为固定的数值时则不会。因此如果手动指定了行间距，在更改字号后一般也要再次指定行间距。如果间距设置过小就可能造成行与行的重叠。如下左图是自动行距与手动指定为12像素行距的比较。如果有重叠发生，下一行文字将会遮盖上一行。1015竖向缩放相当于将字体变高或变矮，横向缩放相当于变胖和变瘦，数值小于100%为缩小，大于100%为放大。如下右图中3个字分别为标准、竖向50%、横向50%的效果。-1016在字符调板中有比例间距和字符间距，它们的作用都是更改字符与字符之间的距离，但在原理和效果上却不相同。我们可以动手来理解它们的区别，新建一个足够大的图像，打上simple这几个字母，字体为黑体，大小为72像素。如下图左端所示，我们看到整个文字的宽度是由字符本身的字宽与字符之间的距离构成的。这两者都是在制作字体的时候就定义好的。有的字符本身较窄，但其左右的字距也较大，这样做是为了保证每个字符占用的宽度一致。否则，较窄的字符就只能占用较小的宽度。但这种设计却也造成了字符之间疏密不同。如下图中的mp之间与pl之间的疏密就不同。这种情况一般出现在使用中文字库输入字母的时候，Windows系统自带的黑体、宋体、楷体字体都存在这种现象。因此输入英文时应避免使用这些字体。字宽与字距间的比例将随着字号的大小相应改变，也就是说，对于同一个字体来说，字号越大，字符之间的距离也越大。反而反之。那么，字符间距选项的作用相当于对所有字距增加或减少一个相同的数量。可手动输入数值。如下图中将字符间距减去100，所有的字符间距都减去100，字符就互相靠拢了。但是这样做并没有改变疏密不同的情况，尽管mp已经是互相紧靠着密不透风，但pl还是有很大的距离。当然，如果继续减少字符间距也可以最终令pl之间也“密不透风”(设为-300左右)，但mp之间却会产生重叠的效果了。我们可以用一个简单的算式来理解：假设mp原来的距离为100，pl之间的距离为300，当字符宽度设置为-100的时候，mp之间的距离为0，pl之间的距离还有200。要令pl之间的距离为0，字符宽度必须设置为-300，但同时mp的距离必须为-200，所以mp产生了重叠的现象。比例间距选项的作用是同比例地减少(注意，只能是减少而不能增大)字符的间距。按照上一个算式中的前提来假设计算的话就是：当比例间距设为50%，相当于所有字符间距减半(mp间距为50，pl间距为150)，当设为33%的时候，所有字符间距减为原先的三分之一(mp间距约为30，pl间距为100)，当设为100%的时候，所有字符的间距就都被降为0了。因此我们看到的效果是所有字符都彼此依靠(抗锯齿选项及字体形式的不同可能带来微小差异)。1017间距微调选项是用来调整两个字符之间的距离，使用方法与字符间距选项相同。但其只能针对某两个字符之间的距离有效。因此只有当文本输入光标置于字符之间时，这个选项才能使用。1018竖向偏移(也称基线偏移)的作用是将字符上下调整，常用来制作上标和下标。正数为上升，负数为下降。一般来说作为上下标的字符应使用较小的字号。如下图。1019强迫形式的名称是我们为了与文字形式相区别而起的，它的作用也和文字形式一样是将字体作加粗、加斜等效果，但选项更多。即使字体本身不支持改变形式，在这里也可以强迫指定。它与字体形式可以同时使用，效果加倍(更斜、更粗)。其中的全部大写字母选项的作用是将文本中的所有小写字母都转换为大写字母。而小型大写字母选项的作用也是将所有小写字母转为大写，但转换后的大写字母将参照原有小写字母的大小。如下图所示。上标与下标选项的作用与竖向偏移类似，就是增加了可同时缩小字号的功能。下划线选项与删除线选项的作用是在字体下方及中部产生一条横线。
用PS完美抠出复杂的羽毛头饰的简单教程
打开如下图片，复制图层，将 背景 层锁定。我们将在复制层进行抠图，隐藏背景层。选择 >> 色彩范围，打开色彩范围窗口，选择最左边的吸管工具并点击图像背景，这时在色彩范围窗口中你会发现被选择部分变成了白色，移动颜色容差滑杆，使得图像大部分区域变成黑色，并且背景易于选取。提示：要添加颜色到选区时，应使用中间的吸管工具点击要添加的色彩部分2 获得选区，在通道面板中，按下“将选区存储为通道”按钮，得到一alpha通道，取消选择（Ctrl+D），点击“Alpha 1”层，这时图像变成黑白色。提示：图像中的黑色区域是我们要保留的部分，白色为要扣除的部3 这时我们发现图像中还有部分灰色区域，这些将成为半透明区域，所以必须将他们调整为纯黑色或纯白色。图像 >> 调整 >> 色阶，打开色阶窗口，由左向右拖动黑色滑杆直到灰色区域变为纯黑色为止。由右向左移动白色滑杆将白色区域变的更清晰4 选择黑色笔刷并提高笔刷边缘硬度，涂抹需要保留的区域，用白色笔刷涂抹羽毛边缘，根据涂抹区域大小的不同使用不同粗细的笔刷
最新发布
Dreamweaver MX全新接触(上)
大家想必对Flash MX已经很熟悉了吧，它是Macromedia公司MX计划的先锋官。Macromedia在推出Flash MX后不久，马不停蹄地又推出了MX家族的第二员悍将――Dreamweaver MX(下简称DW MX)。那就让我们一起来体验一下它带来的快乐，欣赏一下它的迷人风采吧。图1 从相关网站下载了Dreamweaver MX Beta 3的软件压缩包并解压，双击后一路按照默认选项点击“Next”，出现设定缺省编辑器的界面(如图1)，我们可以看到，DW MX可以支持编写的网页文件已经非常多，尤其是增加了对ASP/JSP/ASP.NET/PHP这些动态网页文件的支持，这说明 DW MX已经不仅仅只局限于一个网页编辑软件的范畴，它已经可以实现完整的数据库文件的编写，把原属于Macromedia家族中Dream-weaver Ultra DEV的功能整合了进来。图2 第一次启动DW MX，它会让你选择工作界面(如图2)。三种选择分别是DW MX风格、DW 4(Dreamweaver 4.0的简写)风格和Homesite/Coder-Style风格。其中Homesite/Coder-Style风格指的是纯代码编辑界面，适用于对网页编程有较高水平的使用者。我们选择第一种DW MX风格，即可看到DW MX的全新面容。 熟悉DW 4编辑界面的你，很可能会为 DW MX 那漂亮的外表而惊叹。呵呵，别着急，其实原属于DW 4的那些选项都还在，只是改变了排列方式。其中，偏向于操作的设计、代码、应用程序面板等仍在屏幕右侧，但是比起DW 4来已经有所扩充，我们来一一了解。 Design项图3 (如图3)这里包括“Css Styles”、“Html Styles”、“Behaviors”3个选项卡。基本使用方法与DW 4中相同。
巧用Dreamweaver制作复杂交换图像
有些网页制作爱好者提出了这样一个问题――怎么使用Dreamweaver制作出交换图像来。今天，我向大家介绍制作复杂交换图像的方法，相信能够对大家有所帮助。 制作效果 我们要制作出一列7个按钮的图片，并且在这一列的按钮图片的前面加上一个指针，我们要实现的效果是当我们在将鼠标移向某一个按钮图片的时候，这个按钮上面的文字变换颜色。并且指针指向这张图片(效果如图1所示)。图1 制作原理 交换图像的制作原理是应用到Dreamweaver中的行为面板上的翻转图像(Swap image)这一个工具。将它设置成为当产生鼠标悬停在某一个按钮图片的动作的时候，让按钮本身实现一个图像的交换(交换成为黄色文字的图片)，与此同时设计指针图像的交换(交换成为指针指向当前按钮的指针图片)，以实现上述效果的实现。 ^-^：其实网页上的一些东西看起来似乎很神秘，可究其根源它也只不过是几张图片或几个图层的简单变化而已。 制作材料 这里演示的是7张按钮图片的翻转，所以，我们需要14张按钮图片和7张指针图片共21张图片的制作来实现所示效果。其中7张前台按钮图片分别命名为B1-1~B1-7，7张后台按钮图片分别命名为B2-1~B2-7，其中7张指针图片分别命名为Z1~Z7，它们的指针分别指向第一到第七个按钮。您可以用Fireworks等图片制作软件来制作按钮图片。
使FrontPage与Dreamweaver“亲密合作”
作为一个网页设计初学者的时候，你是否曾经为选择一款好的设计软件而困惑?是不是有人向你推荐FrontPage，因为FrontPage是微软的王牌、网页制作的老前辈，应该使用FrontPage。但是又有人告诉你Dreamweaver是网页制作的当红小生，他对网页设计的影响谁也不能小瞧，应该使用Dreamweaver。 许许多多的人为自己喜欢某个软件而争执不休。但是如果你仔细想一想，为什么不兼 而有之，发挥两者的长处呢? 我们可以从网页的各方面的构成来讲解FrontPage和Dreamweaver结合使用。 1、结构 网页结构的架构是网页设计是否成功的关键之一。就象一只美丽的风筝同样需要科学设计骨架一样。使用过FrontPage的朋友都知道虽然微软宣传所见即所得，但是经常会出现我们设计的结构很好但是预览时候却出现各个“零件”挪位的情况。而Dreamweaver在这方面做的要比FrontPage好的多。因此，在网页的整体设计阶段，我建议大家使用Dreamweaver。等到我们在构建结构的过程中临时改变主意决定要加一个图片的时候，那么小范围的框架就需要重新设计。如果再使用Dreamweaver，他只会增加或者删除一个网格，形不成错落有置的局面。这个时候，需要你使用FrontPage的“橡皮”和“画线”工具来帮助你。使你网页机构美观大方，设计合理。在结构的设计过程中，我们会常常遇到怎么设计表格更美观这一问题。如果使用FrontPage，我们必须不断地使用右键改变网格属性。如果使用Dreamweaver这样的事情就会避免发生，因为Dreamweaver的工具栏就浮现在我们的设计面板上，所以我们可以进行更改，免去了很多的麻烦。 2、源代码 我们都知道任何一个所见既所得的软件设计的网页都有其不合理的地方。一个网页设计师只懂得使用软件是不行的，还要学会编辑网页的源代码，这样的网页才能更美观大方。使用Dreamweaver的朋友都知道，Dreamweaver虽然设计的网页漂亮。但是他本身在制作网页的过程中形成的源代码界面非常模糊。如果这个时候使用FrontPage就可以避免这种现象。在FrontPage的源文件项中，当我们看网页源代码的时候，网页源代码是错落有置，而且各种不同的程序例如Javascript、Java、Css等都呈现出各种不同的颜色。这样可以方便我们更改网页源代码。但是FrontPage在这个方面也有其缺点，比如在我们的网页中嵌入的ASP代码。如果在FrontPage编辑格式下看到是一片空白，让我们常常不知道要编辑代码的位置。在Dreamweaver编辑状态下我们就能够看到各种代码标记，一般显示为黄色的小标记。当我们选中它的时候在源文件状态下就可以方便地更改我们嵌入各种代码了。这是Dreamweaver和FrontPage在源代码更改时候结合使用的方法，建议大家灵活掌握。 3、修饰 每一个网页就象一件艺术品，他的后期工作应该是精雕细琢然后才能焕发出光彩。Dreamweaver在网页修饰方面远远不如FrontPage做的好。比如我们在网页制作中经常会使用插入搜索框、下拉框等。如果单纯使用效果很简单。如果使用一些必要的修饰，那么我们的网页就会奕奕生辉。使用FrontPage修饰边框要比Dreamweaver做出来的漂亮得多，也很有个性。每一个网页设计师都希望自己设计网页越小越好，如果他使用FrontPage，那么冗余代码就多，反之，Dreamweaver冗余代码相对较少。在网页的修饰的收尾阶段，建议大家使用Dreamweaver。 最后需要提醒大家：在Dreamweaver和FrontPage结合编辑一个文件的过程中，Dreamweaver经常会跳出提示，问你是否保存修改后文件，这个时候一定要看清楚了再决定呀！ 每一个软件之所以受人喜爱并保持长久不衰都有其存在的理由。不要对使用Dreamweaver还是FrontPage而犹豫不绝了。在做网页的过程中，把二者都打开吧，你会发现他们都是你的好朋友！
公司建站完全手册DD网页色彩设计点滴
大自然是彩色的。信息时代的快速到来，网络也开始变的多姿多彩。人们不再局限于简单的文字与图片，他们要求网页看上去漂亮，舒适。所以当代设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。一、 色彩的一些基本概念首先了解一下色彩的一些基本概念。自然界中有好多好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种（红，黄，蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只有明度属性。色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿，暗绿，草绿，亮绿。明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffff00），暗红（#cc3300）跟草绿（#99cc00），暗蓝（#0066cc）跟橙色（#ff9933）等。图1中的（1）就是明度由高到低变化的例子。[IMG]http://www.pconline.com.cn/pcedu/sj/wz/other/10206/pic/candy-24-image001.gif[/IMG]图1 （1）明度变化（2）纯度变化纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。如图1中的（2）是纯度从低到高的变化。相近色：色环中相邻的三种颜色。如图2中的黄绿色，黄色和桔黄色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。[IMG]http://www.pconline.com.cn/pcedu/sj/wz/other/10206/pic/candy-24-image002.gif[/IMG]图2 相近色[IMG]http://www.pconline.com.cn/pcedu/sj/wz/other/10206/pic/candy-24-image003.gif[/IMG]图3 互补色互补色，色环中相对的两种色彩。如图3中的亮绿色跟紫色，另外如红色跟绿色，蓝色和橙色等。对互补色，调整一下补色的亮度，有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧，看图6，调整了蓝色的亮度以后其搭配效果是不是更好呢？补色在网站设计中用得也极为普遍。http://www.pconline.com.cn/pcedu/sj/wz/other/10206/pic/candy-24-image004.gif图4 补色亮度调节暖色，如图5中的黄色，橙色，红色，紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。冷色，如图6中的绿色，蓝色，蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果。[IMG]http://www.pconline.com.cn/pcedu/sj/wz/other/10206/pic/candy-24-image005.gif[/IMG]图5 暖色[IMG]http://www.pconline.com.cn/pcedu/sj/wz/other/10206/pic/candy-24-image006.gif[/IMG]图6 冷色色彩均衡，网站让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。二、 色彩的联想色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。三、 黑白灰的运用黑白灰是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。对一些明度较高的网站，配以黑色，可以适当地降低其明度。白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。四、 确定网站的主题色一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。五、 页面各要素上面学习了颜色的一些基本概念及颜色的一些搭配问题，具体运用到网页中，各要素的色彩又是如何搭配的呢？1． 背景与文字如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。当然，有些网站为了让浏览者对网站留有深刻的印象，他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块，是不是让你豁然开朗呢！此时他为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。2． LOGO和BANNERLOGO和BANNER是宣传网站最重要的部分之一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？我们将LOGO和BANNER做的鲜亮一些，也就是色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。3． 导航，小标题导航，小标题是网站的指路灯。浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，层次分明。想往哪里走都不会迷失方向。4． 链接颜色设置一个网站不可能只是单一的一页，所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接，因为链接区别于文字，所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快，不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色，让人感觉他的独特性，自然而然好奇心必然趋使他移动鼠标，点击鼠标。为了你的页面更美观，更舒适，为了增强你的页面的可阅读性，必须合理，恰当地运用与搭配页面各要素间的色彩
寻找Dreamweaver鲜为人知的小秘诀
一、背景分析 对想要在视觉化环境下制作复杂网页的专业网页制作者来说，Dreamweaver已经渐渐在网页编辑工具中展露头角，成为专业人士编写网页的最佳选择。根据Macromedia公司的调查，Dreamweaver目前已累积有超过七十万名的使用者，占有率在网页编辑工具中居冠，像“AdobeGolive”和“NetObjects Fusion”等竞争者都被遥遥抛在后头。因此一般地预估Dreamweaver的使用群体将会持续的增加。在这种势不可挡的普及率席卷之下，可想而知Dreamweaver内置的功能可说是越来越多、越来越丰富、齐全。在这次我们的介绍中，就有新增一些功能提供网页制作者一些更快速的设计、更容易地编码及整合性更强的功能。事不宜迟，以下我们介绍如何善用Dreamweaver里的一些功能。以下密技共有十二项，可分成四个主题。分别是：设计网页页面（Dreamweaver里具有弹性的页面设计功能）、搭配Macromedia其它产品一起使用Dreamweaver（制作动画和图片不求人）、自订使用界面（享受个性化的使用经验）和最后的加入Dreamweaver扩充程序（在网页中载入扩充高级功能）。二、设计网页页面的秘诀不管你是要运用HTML原始语法逐字逐字来编写网页，或是运用标准化窗口来进行网页的视觉设计，以下的小秘诀都可以派得上用场。秘诀1：让网页页面大小更有弹性 有些网页开发者称以下要介绍的这种技巧为“liquid”，在这儿则把这种技巧叫做是“弹性延伸的技巧”。这是一种技巧，可在访客浏览器窗口大小改变时也随之调整网页页面大小，因此如果窗口过大就不会有空白处；窗口过小边缘就不会跑出上下移动的拉条。其实大多数简单的网页会自己随着浏览器窗口大小来调整页面大小，但是如果是网页里用到很多不同的框架及表格，网页页面大小就很难自动弹性地调整。通常网页设计者会用混合运用固定宽度的框架，和GIF图片作为间隔来设计网页页面，这样一来不论是用InternetEXPlorer或是用Netscape Navigator，页面大小都会固定而不会跑掉。用Dreamweaver4.0可以轻而易举的设计出会自动弹性调整的网页。要怎么做呢？★具体做法：用工具面板（Objectpalette）上的按钮打开网页，并且转换到“格式查看”（Layoutview）。这时可以看到文字方块的栏度，每一栏的方框上方中间还有一个小小的下拉式箭头，点选想要设置弹性显示的栏上方的小箭头，接着选择“将栏设为弹性显示”（MakeColumn Autostretch）。（设置自动调整栏的宽度以一栏为限）这时该栏方框上方就会出现一条波浪形的线，而不是原本表示栏度的数字。Dreamweaver会自动制作出固定版面的空格图片，这个空白图片是以栏上方的两个长条形的空白表格表示，如此版面会自动被填充，才会完成弹性版面设置。（在第一次增加空白图片时会跳出一个对话框问你是否要使用内置图片，为求效果，我们建议你让Dreamweaver自动产生一个，不然就不用使用空白图片来填充版面。）秘诀2：创造个人调色板Dreamweaver新的“Assetspanel”（属性控制面板）是一种可以在编辑网站时根据文件格式，例如图片、样式等来管理文件的新工具。★具体做法：当你定义新站点时（点选Site NewSite），所有类型的物体会自动增加到“Asset panel” 里的适当表框中。这个新加入的“Assetspanel”属性控制面板里也有颜色框，储存你网站里所用到的所有色彩，包含文字的颜色、背景的颜色，以及超链接的颜色等。这是一个为使用者量身定做的网站导航颜色盘。只要启动“Assetspanel”（先选“Window”再点“Assets”），接着点左方那个小小的色彩卷轴，就可以看到你网站里各式各样的颜色选项。当然你可以将这些颜色拉到某些特定选取的文字中。甚至当你选择某种颜色时，画面上会出现这种颜色的十六进位值的色彩淡浓度，和三原色对照码（RGB）。如果想将调色板工具栏缩小一点，甚至可以仅加入某些颜色到调色板的“我的最爱”里。只需将选取的颜色反白、点选窗口里一个叫做“新增到我的最爱的”按钮（最下方靠右的按钮），就可以完成了。
巧用Dreamweaver模板统一站点风格
话说阿蒙的主页建设的也差不多了，不过问题也出现了，为了使整个网站的风格保持一致，很多网页的版式都是相同的，但是每次都做一个版面风格相同的网页势必很麻烦，况且阿蒙本来就是一个懒人。鸣涧看不过去了，告诉阿蒙还是使用模板吧，这样可以方便许多。 阿蒙不解，模板是什么意思啊？打个比方吧，在一批版面风格类似的网页中，比如网页上面的标题、导航都是相同的，而下方的正文部分不同，那么就可以使用模板了，建模板可以将网页中无需变化的对象固定下来，然后再用来应用到其他风格类似的网页中。这样就可以实现，只修改部分页面就可以快速实现网页制作了。下面就来介绍一下如何制作模板。 制作一个网页 首先需要制作好一个网页(如图1)，制作这个网页过程中，需要注意的是，凡是页面上无需变化的部分都预先制作好，并确定在固定的位置上。将需要填写正文文本内容的部分预留出空间，比如文章的标题区和文本正文区。图1 哪些是固定的，哪些是变化的？ 保存模板 执行菜单“File→Save As Template”命令，选择“另存为模板”，在打开的系统对话框中输入模板名称后单击“Save”按钮。保存后，此时窗口中的标题栏已经发生变化，在标题栏中出现了“<>”的字样，表示当前编辑的页面已经是模板了。 设置模板可编辑区 最重要的工作就是设置模板可编辑区域，否则的话，使用此模板生成的页面将是无法编辑的。首先我们选中页面标题区的单元格，然后执行菜单“Modify/Templates/New Editable Region”命令建立一个新的可编辑区。此时会打开一个对话框(如图2)，输入可编辑区域名称为“edit1”，然后按下“OK”按钮，这样页面中就生成了一个{}包围的可编辑区域的标记，表示当前区域为可编辑区。同样道理设置好正文可编辑区域。并将模板保存退出。
让Dreamweaver为你的站点定制颜色
在Dreamweaver 4.0中，你可以存储你自己设定的图片、链接、Flash影片、颜色表、模板等等组成这个站点的资产，这就是Assets面板！当我们定义一个站点时，这个站点内的所有上述类型的元素，将自动分类在Assets面板中显示。同时，我们还能为这个站点定义自己喜欢的元素，以便随时拿出来使用。现在我们单击 window > Assets，或者按F11键，如图1。图1Assets面板的左边9个按钮将你站点中的元素根据类型分别归类管理，当你单击一个按钮时，相应的名称会出现在面板顶部，名称旁边有site与Favoritesg两个单选按钮。现在我们来看一看如何定做自己的颜色表，如图2。图2首先单击颜色按钮，这时Assets面板的顶部出现了Colors的字样。当选择site列表时，我们可以看见站点中定义了哪一些颜色。如果站点内的某些文字又加了一些颜色，可以单击Assets面板下部的（Refresh Site List)按钮来刷新站点，这样后定义的颜色就可以在Assets面板中显示。Assets面板可以保管你站点中的所有颜色，这样就大大地方便了网页制作者。一般我们做网站会在页面上用不同的颜色，为此不得不记下所使用颜色的十六进制值。虽然有了样式表，但是重复修改样式表也麻烦。现在有了这个Assets面板，我们可以测试多个颜色，最后将配好的颜色保留下来，以便下次重复使用。言归正传，你可以在Assets面板显示的颜色中将自己喜欢的颜色选中，然后单击下面的(Add to Favorites)按钮增加到Favorites列表中。我们选中Assets面板顶部的Favorites选项切换到它的列表中，这个列表显示了你选择的颜色。你可以单击(new favorit es folder)按钮建立一个文件夹，将不同频道的颜色放在不同的文件夹中，如图3。图3单击(new color)按钮，在出现的颜色表中选择一个颜色，这个颜色就被增加到Favorites面板中。
DreamWeaver让网页“活蹦乱跳”
DreamWeaver最炫的功能之一就是可以和Macromedia其它家族产品搭配使用，产生你意想不到的效果。与Fireworks搭配使用，DreamWeaver可以提供全功能、双向的图片编辑功能，你也可以轻易地在DreamWeaver内制作出Flash的动画及Flash按钮。 图片动起来 如果你同时安装有DreamWeaver和FireWorks，这两种产品搭配的完美程度将使你赞不绝口。即使你不是专业的图片设计者，在设计网页时也多多少少想把一些GIF图片修改得活灵活现。其实DreamWeaver可以让你自己制作出动画，而且很简单，来动手吧！ 1.在标准窗口里选择要进行修改的图片，然后在“Property Inspector”里点选“编辑”(Edit)按钮。如果你安装的DreamWeaver里附有FireWorks，那么FireWorks就是DreamWeaver预设图片的编辑器，这时图片就会自动载入到FireWorks。(若仔细看，一定会发现FireWorks的画面会出现“Editing From DreamWeaver”这样的文字和图样，指示你可以由DreamWeaver里进行图片编辑。) 2.在FireWorks里点选要编辑的图片，选择“Modify Animate”→“Animate Selection”。 3.接下来完成“Animate Dialog Box”里的设定，选定动画的帧数、动画移动的方向、透明度等等的设定。你也可以点选“Frames”工具列设定移动速度，选择“Object”面板来改变设定。要导出文件时只要点选“Optimize”工具列，在文件类型的地方选择“Animated GIF”。 4.完成以后FireWorks就会自动将图片以最佳化设定导出，并且自动将GIF图片更新，还会在DreamWeaver里将更新过的图片显示出来。 5.点选“File Preview in Browser”，这样就可以在浏览器里预览刚刚制作完成的可爱图片！ 闪动的按钮
Dreamweaver常见使用问题解答
1.如何在网页中插入空格 我们在用Dreamweaver的所见即所得编辑模式下编辑中文网页时，往往需要在段落的开头空两格，但是Dreamweaver本身没有提供插入空格的功能，我们可以这样来做：先用Ctrl+Shift切换到中文输入法，比如微软拼音，然后按Shift+空格，此时输入字符变为全角模式，你现在就可以在Dreamweaver中按空格键轻松的插入空格了。另外一种方法是直接打开HTML源代码编辑窗口，在需要插入空格的地方输入&nbs;，效果相当于前边的一个全角空格。另外插入半角空格的方法也很简单，在HTML中，对于字符的换行和间断，都被自动解释为一个半角空格，注意只是一个半角空格，不论空多少行。而在Dreamweaver中插入半角空格，只需直接按空格，但是只在前边有字符的情况下才起作用。 2.为何我定义的表格长宽和实际浏览效果不同 这有几种情况： a、如果表格定义的高度低于12个像素的话，Dreamweaver仍然显示的是15像素的高度，因为在单元格中会自动产生一个&nbs;，相当于一个看不到的字符，把表格给撑大了，解决的办法是在HTML编辑窗口中删去其中的&nbs;即可。 b、如果表格定义的宽度低于6个像素的话，也会产生效果差异，同样是刚才的原因，解决方法见上。 c、有时候修改表格的长宽以后，但是表格却没有变化，那是因为在表格中的单元格已经定义了超出表格长宽的值，当然这样你无法把表格压缩了，解决方法是把鼠标放到单元格中，此时在属性栏中会显示此单元格的长宽，根据情况进行修改从而和表格的长宽相匹配就可以了。 d、有时候一不小心把设置好的表格给弄乱了，此时按Ctrl+Z虽然撤销了上一布操作，但是却无济于事，这时候只要把鼠标放到表格以外的区域点一下，表格就等于进行了一次刷新，又恢复到了从前的样子。 3.如何让网页紧贴顶部和左部
利用Dreamweaver MX制作弹出菜单
不知道大家有没发现DWMX中有一个和FW差不多的制作弹出菜单功能？这个功能允许用文字和图片做为主菜单，如果用文字的话要先做虚拟链接。下面简单和大家说说制作的过程！ 1.我这次是用图片，先在DWMX中新建一个页面，插入图片。选取图片，打开行为窗口，点击+号，选取“显示弹出式菜单”选项，这时候DWMX就打开一个窗口如下图： 大家可以看到有四个选项，分别为：“内容、外观、高级、位置” 2.在文本框写上你的菜单名称，通过点击+号来增加你所需菜单数目如下图： 如果你的菜单还有下级菜单的话，则选取其菜单，再点击缩进项，如下图： 3.点击“外观”选项，名副其实这里可以设定你的菜单外观，可以选择垂直菜单还是水平菜单，字体的大小，是否居中，和菜单的一般状态和鼠标滑过的样式。如下图：