推荐阅读
Photoshop调出古典唯美效果图的外景婚片调色
案列对比图：左为原片，右为效果图1、[注：一直不厌其烦的讲复制背景层，不要在背景层上修改]。复制背景层，生成新的背景层，而后复制背景层生成图层1，修改混合模式为滤色，操作目的：提亮。2、创建“色相/饱和度”调整层，设置参数如下：3、创建“渐变映射”调整层，操作布草如下：
插画艺术网
本实例以造型优美的、抽象的花朵形象和渐变的、绚丽的花朵色彩，来表现插花艺术网页页面的设计主题。该设计效果强烈，点、线、面、色彩和图形的组合运用是构成网页的装饰要素。紫红色的运用为画面增添了浪漫气息。如图11-40所示，为本实例的完成效果。图11-40 本实例完成效果在本实例中所设计的内容与主题相符，体现插花这门艺术的优美与浪漫。协调的处理色彩与其他设计要素之间的相互关系，增强网页的信息和情感传递效果，使人们在浏览的时候产生共鸣。在制作过程中主要采用绘制路径、描边路径来绘制图像，使用“画笔”工具来修饰图像的颜色，更改图像的混合模式使两幅图像叠加起来，能得到更加丰富的图像效果。如图11-41所示，为本实例的制作流程。图11-41 本实例制作流程（1）启动Photoshop，执行“文件”→“新建”命令，参照图11-42所示对打开的“新建”对话框进行设置，创建一个名为“插画艺术网”的新文档。图11-42 设置“新建”对话框（2）单击“图层”调板底部的“创建新图层”按钮，新建“图层 1”，然后使用工具箱中的“矩形选框”工具，参照图11-43所示在视图中绘制一个矩形选区。
CSS兼容IE6,IE7,FIREFOX的一些收集
第一种，是CSS HACK的方法height:20px; /*For Firefox*/*height:25px; /*For IE7 & IE6*/_height:20px; /*For IE6*/注意顺序。这样也属于CSS HACK，不过没有上面这样简洁。#example { color: #333; } /* Moz */* html #example { color: #666; } /* IE6 */*+html #example { color: #999; } /* IE7 */第二种是使用IE专用的条件注释<!--其他浏览器 --><link rel="stylesheet" type="text/css" href="css.css" /><!--[if IE 7]><!-- 适合于IE7 --><link rel="stylesheet" type="text/css" href="ie7.css" /><![endif]--><!--[if lte IE 6]><!-- 适合于IE6及一下 --><link rel="stylesheet" type="text/css" href="ie.css" /><![endif]-->第三种css filter的办法，以下为经典从国外网站翻译过来的。.新建一个css样式如下：#item { width: 200px; height: 200px; background: red;} 新建一个div,并使用前面定义的css的样式：
最新发布
水平细线的几种制作方法
一、水平线法 1.在 Dreamweaver 中新建一个文档，插入一条水平线，双击水平线，调出属性面板。 2.在水平线的属性面板上设置高度 H = 0 pixel。 3.Copy 此条水平线，在属性面板中把 Shade 的勾点掉。 4.按 F12 进行预览，请对比下面的（1）（2）源代码及效果。(1)源代码：<hr size="0" color="#3366FF" noshade> (2) 5.另外制作两条 H = 1 pixels 的水平线，分别有 Shade 和 没 Shade。
为你的站点定做颜色
在dreamweaver4中，你可以存储你自己设定的图片，链接，flash影片，颜色表，模板等等，组成这个站点的资产，这就是Assets面板！当我们定义一个站点时，这个站点内的所有上述类型的元素，将自动分类在Assets 面板中显示。同时，我们还能为这个站点定义自己喜欢的元素，以便随时拿出来使用。 现在我们单击window > Assets 。或者按F11键。 Assets 面板出现在屏幕上，面板的左边9个按钮将你站点中的元素根据类型分别归类管理，当你单击一个按钮时，相应的名称会出现在面板顶部，名称旁边有site与Favoritesg两个单选按钮。现在我们来看一看如何定做自己的颜色表。 首先让我们单击颜色按钮，这时Assets面板的顶部出现了Colors的字样，当我们选择site列表时，我们可以看见我们站点中定义了哪一些颜色。如果你对站点内的某些文字又加了一些颜色，不用担心，我们可以单击Assets面板下部的（Refresh Site List)按钮来刷新站点，使后定义的颜色在Assets面板中显示。 Assets面板保管你站点中的所有颜色，使你可以重复使用，这大大的方便了网页制作者，象小六做网站，不同的页面用上不同的颜色，为此不得用一个本记下所使用的颜色的十六进制值，虽然是有了样式表，但是重复修改样式表也麻烦，且样式表又不能显示出来，如果不用还得移去样式表，现在有了这个Assets面板，我们可以测试多个颜色，最后将配好的颜色保留下来，下次重复使用。言归正传，你可以在Assets 面板显示的颜色中将自己喜欢的颜色选中，然后单击下面的(Add to Favorites)按钮，这时出现一个提示框，提醒你这个颜色将被增加到Favorites列表中，即然你选好了，就按ok罢，如果不行，也不用怕，在Favorites列表中，我们还可以将它移去。 选中Assets面板顶部的Favorites选项.我们切换到Favorites列表中，这个列表显示了你选择的颜色。在这个列表中，当你在不同的频道中用不同的颜色时，你可以单击(new favorites folder)按钮建立一个文件夹，将不同频道的颜色放在不同的文件夹中。
使网页随浏览器伸展
过去我们常被dreamweaver的表格的自动伸缩搞的头痛不已，对Fontpage能够随意的画表格而感到羡慕。但现在在dreamweaver4中，这一切都变的非常的简单。 dreamweaver4提供了两种视图，布局视图和标准视图。如果你认为你已经能够控制dreamweaver的表格，那么你可以在你熟悉的标准视图中工作，如果你很喜欢Fontpage的画表格功能，那么在布局视图中你可以随心所欲的做到这一点。而且在这个视图中你还能让你的网页某一部份固定，而另一部份自动伸展，这样无论你的浏览器窗口多大，都能使你的网页适合浏览器的窗口，而不发生变形。 如果你用过macromedia公司的另一个产品Fireworks，你一定知道fireworks也能生成html文件，但它也总会产生1个像素的gif图片，这个图片是用以填充你表格的空白区域，使你的表格不会变形。现在dreamweaver4也有了这项功能，它能自动生成一个名为spacer的gif图片来填充你的表格，使你的表格不会发生自动伸缩的现象。 实现上面的两个功能，在dreamweaver4中是非常的简单。让我们先建立一个新站点，然后我们用熟悉的表格工具画一个1*3的表格，不要管它的宽度。因为，我们可以让它自动伸展适合浏览器窗口（当然你也可以直接在布局视图中画表格）然后，单击对象面板最底下的布局视图按钮，这时出现一个对话框，你不用担心，这只是简单的介绍布局视图中两个工具的使用等，按ok。我们切换到了布局视图。 现在看我们的表格左上角有一个绿色的layout table标签，它代表着你这个表格。标签中有三个空白部份且每一个都标明了宽度且有一个小三角形。在这个表格中，我希望我的表格最左边的列固定，而整个表格适合浏览器的宽度。在dreamweaver4之前，这是非常困难的。我们能将表格设为100%来使它适合浏览器的宽度，但我们要想要固定某个单元格却相当困难。但是现在你只需要决定表格中哪一部份是你想固定的，哪一部份是你想伸展的就行了。唯一要记住的是，我们只能让一列自动伸展！！ 在这里，我决定将我的蓝色表格作为伸展列。
用Dreamweaver实现漫天花雨效果
淡蓝色的天空下，一朵朵花瓣随风飘下，慢慢的在屏幕中飘荡。你一定要说这种效果用FLASH可以实现。其实用DREAMWEAVER也可以很轻松的实现！ Dreamweaver之所以能够超过Frontpage而成为网页设计师的首选设计工具，在于它对DHTML的强大设计功能，上面所说的效果，其实是DHTML的一种。但是使用Dreamweaver，你无须去编写冗长的代码，在DW的窗口里几个拖放，就能轻松搞定。 首先用Firework或Imageready一类的软件制作出几幅动态的GIF花瓣图片来。以ImageReady3.0为例子。按Ctrl+N 新建一个文件，大小100*100左右，背景色可根据网页的背景自行设定。按Ctrl + Shift + N新建一层，取名Flower1，用勾画工具（Polygonal Lasso Tool），勾画出一个花瓣的外形，如图1所示。然后将前景色设为粉红色（颜色代码为：FF99FF），按Edit / Fill 填充，然后在层面版的Flower1上按右键，选择Layer Style / Stroke ，如图2所示。在弹出的Stroke面板里的选择色彩的地方选择一个比刚才的粉红略深的颜色，(颜色代码为：C764B4)，Size选择为1，这样花瓣就被描边，看上去更真实一些。这样一个花瓣就制作完成了。
浅析DW4中的站点管理
Check In/Out功能简介：该功能是专门针对多用户管理而预设的。矣即多用户使用多帐号管理同一站点。该功能的强大之处在于，当多人同时登陆站点进行同步更新时，对方用户所指定修改的内容将被锁定，其他用户不能更改这部分内容。同时，该功能配合Design Notes（设计笔记）的使用可给予其他用户以提醒，指明“某文件我正在使用或修改，请不要擅自改动”。可以说，当DW引入该功能于站点管理中后，使其功能得到很大的提升，不让Frontpage专美与前。简要说明：由于绝大多数网站所提供的远端站点管理都是以FTP功能为主，所以在本篇中就以FTP功能为例进行分析说明。逐步分析：第一步：选择Site－Open Site打开一个站点。然后在Site选项中双击，DW会自动弹出Site Definition for（站点名称）－站点定义对话框。选择第二项Remote Info－远端信息，在Access－数据列表中有４个附属选项，选择第二项FTP，打开FTP远程管理设置面板进行设置。看下图及注解：图1 注解：首先来看上半部分。其中FTP Host即FTP登陆地址；Host Directory即远程文件夹。在这里你可以指定一个用来上载文件的目录。如果是直接上传到根目录下，敲入“／”即可；Login即用户名；PassWord即远程登陆密码；Use Passive FTP即使用被动的FTP功能；Use Firewall一项为使用防火墙。这一部分都是为远程登陆所做的一些必要设置。现在来看下半部分。本身Check In/Out是一个副选项，因为单人管理站点时是用不到该功能的。首先要勾选它，才可以看到下面的内容。其中Check Out Files when Opening即提示我们“在检查文件时打开”，这里的“打开”的内容就是指下面的Check Out Name（检验者名称）以及Email Address（检查者的邮件地址）。它的作用在于，当多位用户同时登陆远程站点进行管理时用来表明各自的身份。第二步：做完相关设置后，点下OK键返回到站点管理状态，让我们来观察一下，做完设置后站点管理器发生了什么变化。见下图及注解：
利用Dreamweaver插件改变IE浏览器滚动条
做网页，常常觉得IE浏览器的滚动条与设计的网页不一致，就像好好的一锅汤，不小心掉了老鼠屎进去一样，严重影响了网页整体的美观。想尽办法去处理，却不尽人意，比如用弹出窗口，免不了造成浏览都点击放大按钮的麻烦，把滚动条去掉，可是它不适用于一屏显示不了的网页。 现在好了，这样的问题已经从一定的程度上得到了解决！让人讨厌的微软，做尽不少垄断事情的微软，还是从客户方向考虑增强软件的功能的，IE浏览器5.5以上版本已经允许人们设置样式表来改变滚动条的外观。来看看效果吧 现在我们一步步来看看是如何制造这种效果的吧： 原理之前已经说了，就是IE5.5以上版本内嵌了用样式表（Css）来控制它的游动条的功能，只要为网页添加CSS代码即可完成。有些人听到代码就头疼，大家放心，有人已经利用Dreamweaver的扩展接口做好了MXP插件，大家只要去有关网站即可下载安装。我们做的功夫只是选择颜色数值。 ＊＆＾%￥＠＃，哇，谁扔蕉皮？ *&^&$^%&%&$$#，哇，谁砸石头？ ... 好了好了，废话少说，只因公司要字数，只好...希望大家体谅体谅！不想看的可以直接去效果页面，直接copy源代码！ 废话少说，现在让我来开门见山(嘻嘻，还开门见山！！)，由安装开始。
在IE中调用Dreamweaver编辑网页
做网页常常避免不了预览，查看一下自己制作的网页元素位置有没有布置好，字体的大小有没有满意，图片是否正确显示等等等等。而Dreamweaver3.0预览时总会产生临时文件，临时文件也常常没有自动删除，给做网页的人带来不少的烦恼。（在Dreamweaver4.中这样的现象少很多了）因此笔者做网页极少用快捷键“F12”预览，而是装一个PWS（win98中）或者IIS（win200中），做个内部网来测试。而测试时切换窗口有时觉得比较麻烦，想起IE中带有一个直接调用网页编辑器选项的功能。IE中的编辑按钮（笔者的IE版本是6.0第二个测试版，所以是英语的）：在默认情况下，dreamweaver没有自动加入“编辑”按钮选择菜单中。网络上早有报道说可以修改修改注册表来增加一个编辑按钮，但注册表事关整个系统的安全与稳定，一个不慎可能会导致大问题。在此笔者为大家介绍两个简单方便安全的方法，解决这个问题。方法一：打开任意一个文件目录，在菜单栏中选择：工具(tool)>>文件夹选项(Folder Options)（系统为WIN2000、IE6.0）。如下图：
DreamWeaver表格妙用-线框制作详解5
4> 隔距边框的制作 “隔距边框”在网页中主要用来排列各个栏目或频道的项目列表用的，为了方便大家理解，笔者先把制作完成以后的效果图给大家展示下，如下： 下面是相应的制作过程，（以制作三框隔距为例说明） 首先在网页中插入一个1行3列的表格对象，在插入过程中直接把“Border”设定为0，“CellSpace”设定为2，“CellPad”设定为1，如图 注意：在这里进行设置，同属性板中是完全等效的。 鼠标按住左键不放，在各个单元格上拖动，同时选中3个单元格对象。在属性板中将其“Bgcolor”设定为“红色”，注意该颜色即隔距边框的颜色。 为了实现隔距的效果，我们这里要用到“嵌套表格”的制作了。笔者先告诉大家一些设计“嵌套”表格时的注意事项，在单元格中插入表格时，最好预先将单元格内容的定位属性“Horz”（左右位置）及“Vert”（上下位置）分别设定为“Left”和“Top”，这样避免再次调节嵌套表格大小时的不必要的麻烦，直接拖拉右下角即可实现。如下 依次在三个单元格中插入一个表格对象，将“Border”，“CellSpace”，“CellPad”全部设定为“0”，同时在属性板中将每个表格的背景颜色均设定为同网页背景色“白色”，另外还有一点就是，将“Width”（宽）和“Height”（高）均设定为比例显示状态下的“100%”，这样可以使它根据大小自动充满整个单元格。 现在可以预览查看效果了。 在隔距边框的制作中，与细线边框的不同之处在于边框的宽度1是通过“CellPad”属性来实现的，而不是前面的“CellSpace”，这里的“CellPad”指的是单元格中内容与单元格的边界之间的距离，无疑本例中被我们作为内容插入的就是另外的三个表格。那么调整“CellSpace”可以改变各个边框的间距，比如“6”单位的效果 同样，类似的方法你可以制作出竖放的隔距边框。 上面我们细致的剖析了几种网页中常见边框类型的制作过程，原理及调整方法。效果对比的形式相信更加有利于大家认识它们各自的差别，从而加深印象，当然更希望大家能够按照类似的设计思路找到更多的边框效果。
DreamWeaver表格妙用-线框制作详解4
3> “粗”线边框的制作 有了上面介绍细线边框的制作基础，相信大家理解粗线边框就简单多了。粗线边框就是一种边框特别粗的效果，他往往配合其他网页元素来完成指定效果的。 在细线边框制作中，我们提到单纯将“Border”设定为1达不到“细化”要求，那么粗度应该没有问题了吧，很好，因此粗线边框的制作就有了两种方法。 方法一：利用Border来实现 选中已经插入的表格，在属性板中将“Border”值设定为“8”（可为需要宽度的任意值），同时特别注意要把“CellSpace”重置为“0”，最后通过“Brdr color”设定边框的颜色，这里仍以红色为例，如图 预览效果如图： 方法二：通过CellSpace的差距来实现 关于利用CellSpace实现的过程这里就不在赘述了，只要将细线边框制作时的“CellSpace”也设定为“8”，就能达到与上面完全相同的效果啦。
DreamWeaver表格妙用-线框制作详解2
将Width的显示状态从“Percent”更改为代表实际大小的“Pixels”，这样避免在窗口放缩时引起的错乱，OK，同时在网页编辑窗口中用鼠标选定表格，属性板如下： 这是默认状态下的表格属性设置，将其中的“Border”，“CellPad”，“CellSpace”值全部设定为0。 鼠标在表格内部空点，这时属性板已经自动切换到单元格的属性设置窗口，将单元格的“Bg”设定为“红色”（为最终细线的颜色，可自由设置），同时把“H”设置为“1”，如图 单击编辑窗口左上的“Show code view”按钮进入源代码窗口，将代码＜td＞＜/td＞之间的“ ”去掉，现在可以看看效果了。 此外，你可以通过调整表格的“Width”值控制细线的长度。类似的方法，还可以制作出竖幅细线。