购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

2.3 提高
——设置页面属性

当进行网页制作时,要在开始做具体页面之前就先对整个网站的页面属性进行设置,这样在制作过程中能够统一网站的风格,保证网页的协调性和整体性,给人以美的感觉。网站风格的统一能够给浏览者带来视觉上的享受。

最终效果

本例的最终效果如图2-25所示。

图2-25 最终效果

解题思路

1 确定网站或者网页的整体颜色和风格。

2 根据整体风格确定文字的颜色和大小。

3 制作完成后对页面的整体风格进行修饰。

操作提示

1 运行Dreamweaver CS6软件,选择菜单“文件”→“新建”命令。在弹出的“新建文档”对话框中,单击“页面类型”列表中的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 Dreamweaver CS6中使用CSS设置文本的格式。可以通过“首选参数”对话框设置首选参数改变HTML的页面格式。CSS在Dreamweaver CS6中是使用非常广泛的文本格式设置方式,设置完成的页面如图2-32所示。

图2-32 预览效果 zCyvF8YPmQqOyUWvWUkPnjfvrxl1pXssNUUDcCN0FkdNcBcAn7vW+7cBONiawVHL

点击中间区域
呼出菜单
上一章
目录
下一章
×