![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=1739316518-l2EMoMtnZRT3hcubCZbmjyJeo7Or17iE-0-7312390744fa2fc1bfbabc258e7d341e)
图6-1 新世纪海湾网页
1 打开实例5中保存的文件。
2 参照图6-2所示的左图定位鼠标,然后键入“新世纪海湾”文本,如图6-2右图所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0036_0002.jpg?sign=1739316518-si3fcSQwyeZBOfLidW9EHfSWUwRp1qPj-0-5fd8571ed19316c128fa49762e19deca)
图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=1739316518-gFb7CGvbXPsCWOzi9oRLGM397g36qsh4-0-4480ee9680bb76123dd669e01443c4a1)
图6-3 设置文本的格式
4 设置文本格式后的效果如图6-4所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0001.jpg?sign=1739316518-gYX5foKYEhFnRB2VQ8QGQkOMiqv5Bweh-0-330c17a28effbb65ad2c26955e03c279)
图6-4 “标题1”字体样式效果
5 使用同样的方法,在如图6-5所示的位置键入“黄金海岸,沐浴沙滩阳光”、“水上皮艇,激情五月天”、“海底潜水,探索深海奥秘”文本。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0002.jpg?sign=1739316518-VjGnw18rQ9cwxr9haxJrWtyoHZ4cCMOD-0-a9981f9d06a99e3026771160bd5dfa22)
图6-5 键入文本
6 选择步骤5中键入的所有文本,右击文本,在弹出的快捷菜单中选择“列表”/“项目列表框”选项,设置文本的列表样式,如图6-6所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0003.jpg?sign=1739316518-oXOi78ZwiX17LAErPG9dXKcLqY4FZBjU-0-497fd7e8ad5a99182509b4867c192794)
图6-6 设置文本的列表样式
7 在“属性”面板中的“格式”下拉选项栏中选择“标题2”选项,设置文本的格式,如图6-7所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0004.jpg?sign=1739316518-BiZ7fy3D5fUaeDHWx5EjKzYw8lJQsAHj-0-fd29397811c62d01635375ca588fb8a0)
图6-7 设置文本的格式
8 在如图6-8所示的位置键入“订餐、订房 客服电话:410-504-1987-1020”文本,使用默认文本设置。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0037_0005.jpg?sign=1739316518-yKiTv0gDKX4sGzT25hf5HgHXlW4fG0HJ-0-ae2c76ea23b9c174f5a9812bb4827565)
图6-8 键入文本
9 单击“属性”面板中的“页面属性”按钮,打开“页面属性”对话框,在“分类”显示窗中选择“标题/编码”选项,在“页面属性”对话框中会显示“标题/编码”编辑窗,在“标题”文本框中键入“新世纪海湾”,为网页命名,在“编码”下拉选项栏中选择“简体中文(GB2312)”选项,如图6-9所示。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0038_0001.jpg?sign=1739316518-QoGYE3DHj0f6F4toaCZNwfhyIrl89qAO-0-a6bcf089bf4625cb4acbbf868ec49cf8)
图6-9 “页面属性”对话框
提示
“编码”是设置当前网页字体采用的编码种类,计算机中显示的文字需要对应的编码支持,才能正确显示。在中文模式下默认的编码为“简体中文(GB2312)”。
10 现在本实例的制作就全部完成了,图6-10所示为本实例完成后的效果。如果读者在制作过程中遇到了什么问题,可以打开本书附带光盘中的“网页基础设置/实例5~6:新世纪海湾网页/新世纪海湾网页.html”文件,该文件为本实例完成后的文件。
![](https://epubservercos.yuewen.com/587855/3590444703767501/epubprivate/OEBPS/Images/figure_0038_0002.jpg?sign=1739316518-vLrTJ5WeV29wVmTnHazcGuuKA2LLm8AQ-0-dfac24d84b017eefb5fa01b50f6d8f60)
图6-10 新世纪海湾网页