photoshop结合dreamweaver制作网页相册

《photoshop结合dreamweaver制作网页相册》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、Photoshop结合Dreamweaver制作网页相册http://www.webjx.com 更新日期：2006-08-0110:44 出处： 作者：　　本教程适用对象：有一定的PS基础，最好有网页设计制作基础，那样在PS处理好后可以在DM里面做一个后期的CSS以及布局方面的处理，当然，DM&FW也可做图片批处理并生成相册，不过我个人认为PS&DM的效果比较好。　　PS的批处理功能是很强大的，如果利用好可以做为我们做很多工作。今天我想讲的是“PS批处理设计制作图片展示”　　开始吧　　一、准备好自己要做相册的素材，产品展示啦，案例展示了，照片展示了都可以，

2、统一将这些图片放在一个文件夹下，我这里将这个文件叫做“Res_IMg"，这里面放的都是大的图片，小图片一会儿ps会为我们做的。　　二、打开PS，选择菜单如下：　　三、这个就是PS制作图片展示的主要界面啦，主要有以下几个：　　样式中可以选择生成不同的html页面的形式，PSCS版本中提供了8种格式，都不错的。　　源图像工作区：　　上面的”浏览“是选择你要批量做图片展示的文件夹，也就是上面我所说的"Res_Img"。　　下面的”目的“就是PS处理完后存放的文件夹，可以存在你想要保存的位置，我这里面建个文件夹叫”Pic_Ok"。　　“选项”里面就是具体的一些设置　

3、　一共有六项，其中一定要设置的是“横幅”“大图像”“预览”。　　”横幅“中可以设置这个首页面html的名称，也就是html页面的Title,再就是联系信息，时间什么的，如果填写上最后都会显示出来。　　而“大图像”则可以设置生成“图片展示”后大图片的长宽等，而且PS可以自动优化图片大小，当然也可以不设置。　　“缩览图”可以设置生成html页面中小图片的大小，也可以设置个边框什么的。我直接用默认的“0”。　　通过以上设置后，就可以按“好”了，然后就等着PS把咱的这堆图片变成一个图片展示吧。Dreamweaver网页制作超级技巧36则http://www.webj

4、x.com 更新日期：2006-05-3014:18 出处：网页教学网 作者：　　1.用Dreamweaver4.0轻松设计会自动弹性调整的网页　　首先需要保证的是你的页面内容采用了表格的格式，然后打开你要编辑的页面，按“Ctrl+F6”或者菜单“View→TableView→Layout?View”转换到布局视图。这时可以看到单元格的列宽，在列宽数字的旁边还有一个小小的下拉式箭头，点击你要设定弹性显示的列上方的小箭头，接着选择“将列设为弹性显示”(MakeColumnAutostretch)。该列方框上方就会出现一条波浪形的线，而不是刚才表示列宽的数字。完

5、成后你的页面就变成了一个具有弹性的页面了。此外，需要注意页面中不要有尺寸过大的图片。　　2.用Dreamweaver4.0制作有闪动效果的Flash按钮　　选择菜单Insert→Interactive?Images→Flash?Button就可看到有哪些内嵌按钮。在弹出的对话框里，你可以在“Style”列表里选择自己想要的按钮样式，在预览(Sample)窗口里可以看到这种样式的效果如何。选择好之后，在“Button?Text”窗口输入按钮上面的文字，在“Font”窗口选择字体，在“Size”窗口输入文字的大小，在“Link”窗口输入链接的目标，在“Targe

6、t”窗口选择链接打开的方式，在“BgColor”选择按钮背景颜色，在“Save?As”窗口输入保存的文件名。完成这些后，按下“OK”按钮，你就完成了一个Flash按钮啦。这个按钮还会自动插入你的网页中，然后在Dreamweaver编辑窗口选中你刚才制作的按钮，属性窗口就会显示出这个按钮的属性，单击上面的“Play”按钮，你就可直接在编辑窗口预览这个按钮的闪动效果。需要注意的是Dreamweaver?4.0的这个功能不支持中文字体。　　3.在Dreamweaver4.0中自定义键盘快捷键　　选择菜单“Edit→Keyboard?Shortcuts”，在对话框中

7、会列出目前已经启用的以及可以更改的快捷键一览表，你可以在这里把快捷键改成自己习惯用的。如果要更改快捷键，首先要选取你要更改的命令，接着选取目前的快捷键，这个快捷键就会出现在“Shortcuts”列表中，然后在“PressKey”窗口输入你想要使用的快捷键，然后点击“Change”按钮更改即可完毕。你还可以利用“+”、“-”按钮增加或者删除当前的快捷键。　　4.让DreamweaverMX4.0和Fireworks整合　　如果你的电脑里同时安装了Dreamweaver/Fireworks，那么你就可以使用Dreamweaver?4.0提供的整合Firework

8、s的功能。利用这个功能你可以把你的GIF图片修改得更