7.3 创建网站相册(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

7.3 创建网站相册 相册与人们的生活密切相关，它可以用来收集、查看照片。在制作个人网站时，用户也可以把自己的电子相册放到网页中去。用Dreamweaver CS4制作相册的优点主要是可以设置更多的选项，页面制作得更漂亮。 在制作相册前，首先要确保计算机中安装有Fireworks图像处理软件，Dreamweaver CS4需要调用它来处理图片。 制作电子相册的操作步骤如下： （1）新建一个用来存放图片的文件夹images，再建立final文件夹用来存放生成的html文件。 （2）将所要放到相册中的图片保存到images文件夹中。 （3）运行Dreamweaver CS4，执行【文件】→【新建】菜单命令，新建一个空白页面，专门用来存放电子相册。 （4）执行【命令】→【创建网站相册】菜单命令，弹出【创建网站相册】对话框，输入生成的网页标题，在【源图像文件夹】中输入images文件夹路径，在【目标文件夹】中输入final文件夹路径，如下图所示。 （5）设置完成后单击 按钮，系统自动调用Fireworks，完成相册主页的创建过程，如图所示。 （6）单击 按钮，将弹出相册的页面，如图所示。 （7）可以使用CSS样式表来美化相册，在【新建CSS规则】对话框中设置参数如图所示，新建一个<table>标签的CSS样式来修饰表格的边框。 （8）单击 后，弹出【table的CSS规则定义】对话框，在“分类”列表中选择“边框”，设置表格边框的样式、宽度、颜色，如图所示。 （9）再新建一个单元格<td>标签的CSS样式，参数设置如图所示。 （10）单元格的类型与边框参数设置。类型中设置文字为白色；边框中设置样式为实线(solid)、宽度(width)为1px、颜色(color)为灰色。如图所示。 （11）单元格的扩展参数设置如图所示。在“过滤器”栏中输入Glow所需要的参数（Color=green,strength=5）,然后单击 按钮。 （12）完成以上操作步骤后，可看到相册网页有变化（文字是白色的,所以下面的文字看不到），如图所示。 （13）按F12键预览，打开浏览器窗口后，即可看到发光的文字与边框，如图所示。 $$