![Dreamweaver CS4网页制作100例](https://wfqqreader-1252317822.image.myqcloud.com/cover/418/680418/b_680418.jpg)
实例6 新世纪海湾网页(二)
实例说明 在本实例中将指导读者键入新世纪海湾网页上的文本,并为网页命名。通过本实例的学习,使读者掌握网页基础操作中的标题和编码的设置。
技术要点 在本实例中,首先在AP Div内键入相应文本,并设置文本的属性,然后设置页面属性下的标题和代码,便于网页的管理。图6-1所示为本实例完成后的效果。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0036_0001.jpg?sign=1739682203-IUOARSxiW5Rr2wOqpUF7zffrbvFc8Mq9-0-ffe07c102c06c973d3cfd360f6107c17)
图6-1 新世纪海湾网页
1 打开实例5中保存的文件。
2 参照图6-2所示的左图定位鼠标,然后键入“新世纪海湾”文本,如图6-2右图所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0036_0002.jpg?sign=1739682203-lgytmcR1stUyomvau10PZPAgQ1vSpZKR-0-09d74dd32e577a22b933c0fc661939a2)
图6-2 左图为定位鼠标,右图为键入文本
提示
AP Div可以在页面上任意创建和定位,便于键入文本和插入图像等操作。在本实例中将不为读者详细讲解AP Div的创建,在以后的实例中进行讲解。
3 单击“属性”面板中的按钮,进入HTML编辑模式,在“格式”下拉选项栏中选择“标题1”选项,如图6-3所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0036_0004.jpg?sign=1739682203-a8kn0MaJZ45h91hJcfWRw7wSFA62d6T4-0-f5950402d4456f86445269d3f1548a0a)
图6-3 设置文本的格式
4 设置文本格式后的效果如图6-4所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0001.jpg?sign=1739682203-XpCA8mWB7XpbiP3dFxquuD9r4fHibob6-0-c7fbd21175c5f962c665042563f5710f)
图6-4 “标题1”字体样式效果
5 使用同样的方法,在如图6-5所示的位置键入“黄金海岸,沐浴沙滩阳光”、“水上皮艇,激情五月天”、“海底潜水,探索深海奥秘”文本。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0002.jpg?sign=1739682203-45OooupKMWDahBVTOsvDd1tA5CxqI4Yl-0-5acf6fcd4c00f76bd2a387366bb179d3)
图6-5 键入文本
6 选择步骤5中键入的所有文本,右击文本,在弹出的快捷菜单中选择“列表”/“项目列表框”选项,设置文本的列表样式,如图6-6所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1739682203-zGURmfVBa1cTnm6UJpanVDWvK8zGYFkK-0-bc4f8ea7684afa3e1524939c2b6e2bfc)
图6-6 设置文本的列表样式
7 在“属性”面板中的“格式”下拉选项栏中选择“标题2”选项,设置文本的格式,如图6-7所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0004.jpg?sign=1739682203-1sczyzXClqVo5YBrBSIFWceSZayrFmjB-0-d432fb0418b6379d343ea5d1bc0cf72b)
图6-7 设置文本的格式
8 在如图6-8所示的位置键入“订餐、订房 客服电话:410-504-1987-1020”文本,使用默认文本设置。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1739682203-Hw0udPJBVAULncEdsAdDFCgunui8wJG2-0-420a3800e01fe0021584071b951c5794)
图6-8 键入文本
9 单击“属性”面板中的“页面属性”按钮,打开“页面属性”对话框,在“分类”显示窗中选择“标题/编码”选项,在“页面属性”对话框中会显示“标题/编码”编辑窗,在“标题”文本框中键入“新世纪海湾”,为网页命名,在“编码”下拉选项栏中选择“简体中文(GB2312)”选项,如图6-9所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0038_0001.jpg?sign=1739682203-SHvJIilBewo33fHTU9jRF2G3qYqxQAvQ-0-01f101de7f779f2eca79c00bf1199420)
图6-9 “页面属性”对话框
提示
“编码”是设置当前网页字体采用的编码种类,计算机中显示的文字需要对应的编码支持,才能正确显示。在中文模式下默认的编码为“简体中文(GB2312)”。
10 现在本实例的制作就全部完成了,图6-10所示为本实例完成后的效果。如果读者在制作过程中遇到了什么问题,可以打开本书附带光盘中的“网页基础设置/实例5~6:新世纪海湾网页/新世纪海湾网页.html”文件,该文件为本实例完成后的文件。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1739682203-u2OMRDm3sdTBuALZcwTu2E144vLuIwAI-0-55210a8e1582b0a852c6fb137813ebb8)
图6-10 新世纪海湾网页