
实例6 新世纪海湾网页(二)
实例说明 在本实例中将指导读者键入新世纪海湾网页上的文本,并为网页命名。通过本实例的学习,使读者掌握网页基础操作中的标题和编码的设置。
技术要点 在本实例中,首先在AP Div内键入相应文本,并设置文本的属性,然后设置页面属性下的标题和代码,便于网页的管理。图6-1所示为本实例完成后的效果。

图6-1 新世纪海湾网页
1 打开实例5中保存的文件。
2 参照图6-2所示的左图定位鼠标,然后键入“新世纪海湾”文本,如图6-2右图所示。

图6-2 左图为定位鼠标,右图为键入文本
提示
AP Div可以在页面上任意创建和定位,便于键入文本和插入图像等操作。在本实例中将不为读者详细讲解AP Div的创建,在以后的实例中进行讲解。
3 单击“属性”面板中的按钮,进入HTML编辑模式,在“格式”下拉选项栏中选择“标题1”选项,如图6-3所示。

图6-3 设置文本的格式
4 设置文本格式后的效果如图6-4所示。

图6-4 “标题1”字体样式效果
5 使用同样的方法,在如图6-5所示的位置键入“黄金海岸,沐浴沙滩阳光”、“水上皮艇,激情五月天”、“海底潜水,探索深海奥秘”文本。

图6-5 键入文本
6 选择步骤5中键入的所有文本,右击文本,在弹出的快捷菜单中选择“列表”/“项目列表框”选项,设置文本的列表样式,如图6-6所示。

图6-6 设置文本的列表样式
7 在“属性”面板中的“格式”下拉选项栏中选择“标题2”选项,设置文本的格式,如图6-7所示。

图6-7 设置文本的格式
8 在如图6-8所示的位置键入“订餐、订房 客服电话:410-504-1987-1020”文本,使用默认文本设置。

图6-8 键入文本
9 单击“属性”面板中的“页面属性”按钮,打开“页面属性”对话框,在“分类”显示窗中选择“标题/编码”选项,在“页面属性”对话框中会显示“标题/编码”编辑窗,在“标题”文本框中键入“新世纪海湾”,为网页命名,在“编码”下拉选项栏中选择“简体中文(GB2312)”选项,如图6-9所示。

图6-9 “页面属性”对话框
提示
“编码”是设置当前网页字体采用的编码种类,计算机中显示的文字需要对应的编码支持,才能正确显示。在中文模式下默认的编码为“简体中文(GB2312)”。
10 现在本实例的制作就全部完成了,图6-10所示为本实例完成后的效果。如果读者在制作过程中遇到了什么问题,可以打开本书附带光盘中的“网页基础设置/实例5~6:新世纪海湾网页/新世纪海湾网页.html”文件,该文件为本实例完成后的文件。

图6-10 新世纪海湾网页