Photoshop結合Dreamweaver制作网页相册.doc

Photoshop结合Dreamweaver制作网页相册 ? 更新日期：2006-08-01 10:44? 出处：? 作者： 　　本教程适用对象：有一定的PS基础，最好有网页设计制作基础，那样在PS处理好后可以在DM里面做一个后期的CSS以及布局方面的处理，当然，DMFW也可做图片批处理并生成相册，不过我个人认为PSDM的效果比较好。 　　PS的批处理功能是很强大的，如果利用好可以做为我们做很多工作。今天我想讲的是“PS批处理设计制作图片展示” 　　开始吧 　　一、准备好自己要做相册的素材，产品展示啦，案例展示了，照片展示了都可以，统一将这些图片放在一个文件夹下，我这里将这个文件叫做“Res_IMg，这里面放的都是大的图片，小图片一会儿ps会为我们做的。 　　二、打开PS，选择菜单如下： 　　三、这个就是PS制作图片展示的主要界面啦，主要有以下几个： 　　样式中可以选择生成不同的html页面的形式，PS CS版本中提供了8种格式，都不错的。 　　源图像工作区： 　　上面的”浏览“是选择你要批量做图片展示的文件夹，也就是上面我所说的Res_Img。 　　下面的”目的“就是PS处理完后存放的文件夹，可以存在你想要保存的位置，我这里面建个文件夹叫”Pic_Ok。 　　“选项”里面就是具体的一些设置 　　一共有六项，其中一定要设置的是“横幅”“大图像”“预览”。 　　”横幅“中可以设置这个首页面html的名称，也就是html页面的Title,再就是联系信息，时间什么的，如果填写上最后都会显示出来。 　　而“大图像”则可以设置生成“图片展示”后大图片的长宽等，而且PS可以自动优化图片大小，当然也可以不设置。 　　“缩览图”可以设置生成html页面中小图片的大小，也可以设置个边框什么的。我直接用默认的“0”。 　　通过以上设置后，就可以按“好”了，然后就等着PS把咱的这堆图片变成一个图片展示吧。 Dreamweaver网页制作超级技巧36则 ? 更新日期：2006-05-30 14:18? 出处：网页教学网? 作者： 　　1. 用Dreamweaver 4.0轻松设计会自动弹性调整的网页 　　首先需要保证的是你的页面内容采用了表格的格式，然后打开你要编辑的页面，按“Ctrl+F6”或者菜单“View→TableView→Layout?View”转换到布局视图。这时可以看到单元格的列宽，在列宽数字的旁边还有一个小小的下拉式箭头，点击你要设定弹性显示的列上方的小箭头，接着选择“将列设为弹性显示”(Make Column Autostretch)。该列方框上方就会出现一条波浪形的线，而不是刚才表示列宽的数字。完成后你的页面就变成了一个具有弹性的页面了。此外，需要注意页面中不要有尺寸过大的图片。 　　2. 用Dreamweaver 4.0制作有闪动效果的Flash按钮 　　选择菜单Insert→Interactive?Images→Flash?Button就可看到有哪些内嵌按钮。在弹出的对话框里，你可以在“Style”列表里选择自己想要的按钮样式，在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后，在“Button?Text”窗口输入按钮上面的文字，在“Font”窗口选择字体，在“Size”窗口输入文字的大小，在“Link”窗口输入链接的目标，在“Target”窗口选择链接打开的方式，在“BgColor”选择按钮背景颜色，在“Save?As”窗口输入保存的文件名。完成这些后，按下“OK”按钮，你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中，然后在Dreamweaver编辑窗口选中你刚才制作的按钮，属性窗口就会显示出这个按钮的属性，单击上面的“Play”按钮，你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是Dreamweaver?4.0的这个功能不支持中文字体。 　　3. 在Dreamweaver 4.0中自定义键盘快捷键 　　选择菜单“Edit→Keyboard?Shortcuts”，在对话框中会列出目前已经启用的以及可以更改的快捷键一览表，你可以在这里把快捷键改成自己习惯用的。如果要更改快捷键，首先要选取你要更改的命令，接着选取目前的快捷键，这个快捷键就会出现在“Shortcuts”列表中，然后在“Press Key”窗口输入你想要使用的快捷键，然后点击“Change”按钮更改即可完毕。你还可以利用“+”、“-”按钮增加或者删除当前的快捷键。 　　4. 让DreamweaverMX4.0和Fireworks整合 　　如果你的电脑里同时安装了Dreamweaver/Fireworks，那么你就可以使用Dreamweaver?4.0提供的整合Fireworks的功能。利用这个功能你可以把你的GIF图片修改得