当进行网页制作时,要在开始做具体页面之前就先对整个网站的页面属性进行设置,这样在制作过程中能够统一网站的风格,保证网页的协调性和整体性,给人以美的感觉。网站风格的统一能够给浏览者带来视觉上的享受。
最终效果
本例的最终效果如图2-25所示。
图2-25 最终效果
解题思路
1 确定网站或者网页的整体颜色和风格。
2 根据整体风格确定文字的颜色和大小。
3 制作完成后对页面的整体风格进行修饰。
操作提示
1 运行Dreamweaver CS5软件,选择菜单“文件”→“新建”命令。在弹出的“新建文档”对话框中,单击“页面类型”列表中的HTML,新建一个HTML网页,单击“创建”按钮,如图2-26所示。
图2-26 “新建文档”对话框
2 选择菜单栏中的“修改”→“页面属性”命令,或单击属性面板中的“页面属性”按钮,如图2-27所示。
图2-27 属性面板
3 接下来设置网页“页面属性”中的“外观”参数。选择页面属性设置窗口左侧“分类”列表中的“外观”选项,在右侧可以设置具体的参数,如图2-28所示。
4 页面属性设置完成后,单击“确定”按钮保存设置,然后打开“页面属性”对话框,并选择左侧“分类”列表中的“链接”选项,在右侧可以对链接的样式进行详细设置,如图2-29所示。
图2-28 外观属性
图2-29 链接属性
5 在完成了链接属性设置之后,单击“确定”按钮保存设置,然后打开“页面属性”对话框,在左侧的“分类”列表中选择“标题”和“标题/编码”选项,设置页面标题和编码的相关属性,如图2-30所示。
图2-30 标题及标题/编码属性
6 完成“标题/编码”属性设置后,单击“确定”按钮保存设置,接下来再次打开“页面属性”对话框,在左侧“分类”列表中选择“跟踪图像”选项。跟踪图像可以在设计页面时插入用来作为参考的图像文件,如图2-31所示。
图2-31 跟踪图像
7 Dreamwaver CS5中使用CSS设置文本的格式。可以通过“首选参数”对话框设置首选参数改变HTML的页面格式。CSS在Dreamweaver CS5中是使用非常广泛的文本格式设置方式,设置完成的页面如图2-32所示。
图2-32 预览效果