首页 理论教育 计算机应用技能:设置网页外观,保证美感

计算机应用技能:设置网页外观,保证美感

时间:2023-10-18 理论教育 版权反馈
【摘要】:图5.7“新建文档”对话框2.设置页面属性当进行网页制作时,要在开始制作具体页面之前就对整个网站页面的外观效果即页面属性进行设置,这样在制作过程中能够统一网站的风格,保证各网页的协调性和整体性,给人以美的感觉。

计算机应用技能:设置网页外观,保证美感

站点可以说是网页的容器,站点创建好后,就可以创建网页了。

1.新建网页

Dreamweaver CC 2017为用户提供了HTML、CSS、JS、PHP等多种文档类型,不仅可以创建空白网页文档,还可以创建启动器模板和网站模板。

单击“文件”→“新建”菜单命令,打开如图5.7所示的“新建文档”对话框,选择“新建文档”选项,在“文档类型”列表框中选择“HTML”选项,在右侧的“框架”选项区域中选择“无”选项,然后单击“创建”按钮,即可创建一个空白文档。

图5.7 “新建文档”对话框

2.设置页面属性

当进行网页制作时,要在开始制作具体页面之前就对整个网站页面的外观效果即页面属性进行设置,这样在制作过程中能够统一网站的风格,保证各网页的协调性和整体性,给人以美的感觉

单击“窗口”→“属性”菜单命令打开“属性”面板(图5.8),单击“属性”面板上的“页面属性”按钮,弹出如图5.9所示的“页面属性”对话框,从中可以设置外观、链接、标题、标题/编码和跟踪图像等属性。用户可在“分类”列表框中选择相应的项目,然后根据对话框右侧更新的选项区域,设置网页的全局属性。(www.xing528.com)

图5.8 “属性”面板

图5.9 “页面属性”对话框

在使用浏览器打开网页文档时,浏览器的标题栏会显示网页文档的名称,这一名称就是网页的标题。通过标题/编码属性可以方便地设置这一标题内容,除此之外,还可以设置网页文档所使用的语言规范、字符编码等多种属性。

在设计网页时,往往需要先使用Photoshop或Fireworks等图像设计软件制作一个网页的界面图,再使用Dreamweaver对网页进行制作。跟踪图像属性的作用就是将网页的界面图作为网页的半透明背景插入到网页中。用户在制作网页时即可根据界面图,决定网页对象的位置等。

3.保存和预览网页

完成网页的编辑后需要对所编辑的网页进行保存和预览,其操作相当简单,如通过单击“文件”→“保存”菜单命令或按Ctrl+S快捷键就可以保存网页,而通过单击“文件”→“实时预览”菜单命令或按F12快捷键就可以预览网页。

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈