- Dreamweaver CC中文版网页设计与制作从新手到高手
- 吴东伟
- 677字
- 2021-03-19 19:00:32
4.5 练习:制作诗词欣赏页
在制作诗词页面中,用户对文本内容可以进行一些格式设置,如标题、段落等。并且,用户在录入文本时,需要插入特殊字符。

练习要点
□新建文档
□插入页眉
□插入标题
□插入文章
□插入格式
□保存文档
操作步骤
STEP|01 启动Dreamweaver,在欢迎界面中选择HTML选项,创建一个空白页面。

STEP|02 在页面下方的【属性】面板中,单击【页面属性】按钮。

STEP|03 在弹出的【页面属性】对话框中的【外观(CSS)】选项卡中,设置页面的背景颜色。

STEP|04 在【代码】视图中,将光标定位于<body>标签之后,并按【回车】键。然后,执行【插入】|【结构】|【页眉】命令。

STEP|05 在弹出的【插入Header】对话框中,单击【确定】按钮。此时,在代码中将插入<header></header>标签。

STEP|06 执行【插入】|【结构】|【标题】|【标题1】命令,插入<h1></h1>标签。

STEP|07 在<h1>标签中,用户可以输入诗词的名称。

STEP|08 在<h1>标签之后,再插入<h3></h3>标题标签,并输入诗词的作者信息。

STEP|09 将光标定位于</h3>标签之后,并执行【插入】|【结构】|【文章】命令。

STEP|10 在弹出的【插入Article】对话框中,单击【确定】按钮,即可在文档中添加该标签。

STEP|11 将光标定位于<article></article>标签中,并执行【格式】|【段落格式】|【已编排格式】命令。

STEP|12 在<pre></pre>标签中,录入诗词的内容。

STEP|13 将光标定位于</pre>标签的后面,执行【插入】|【结构】|【章节】命令。

STEP|14 在弹出的【插入Section】对话框中,单击【确定】按钮,即可在文档中添加该标签。

STEP|15 在<section> </section>标签中,再插入文本内容。

STEP|16 在</section>标签后面添加其他章节内容,并输入文本。

STEP|17 修改<title></title>标签中的网页标题名称。

STEP|18 执行【文件】|【保存】命令,在弹出的【另存为】对话框中,设置保存名称和位置,单击【保存】按钮。
