![Dreamweaver CC中文版网页设计与制作从新手到高手](https://wfqqreader-1252317822.image.myqcloud.com/cover/545/27110545/b_27110545.jpg)
4.5 练习:制作诗词欣赏页
在制作诗词页面中,用户对文本内容可以进行一些格式设置,如标题、段落等。并且,用户在录入文本时,需要插入特殊字符。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00306.jpg?sign=1739617983-IVBQUMaYbBpGoTAT2uz2FgXLgG0a68nO-0-dabaec644f8b5639698fdd28732d016f)
练习要点
□新建文档
□插入页眉
□插入标题
□插入文章
□插入格式
□保存文档
操作步骤
STEP|01 启动Dreamweaver,在欢迎界面中选择HTML选项,创建一个空白页面。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00307.jpg?sign=1739617983-USFs6Vk0rxfhfefVgMo1CoZGGfcEEVjM-0-1f1d6fa3f2357d4c4e2d57389a3f3452)
STEP|02 在页面下方的【属性】面板中,单击【页面属性】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00308.jpg?sign=1739617983-1lGKKYSAVM7QiIRgazARtOkD3rvjX4zS-0-fd172b2a2ba3d41bf661301be3412355)
STEP|03 在弹出的【页面属性】对话框中的【外观(CSS)】选项卡中,设置页面的背景颜色。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00309.jpg?sign=1739617983-ksDOgY77GrKK4RJGcKeAwklMtn8ayVdF-0-c6e8487b4cb762642d1e162bec0f9935)
STEP|04 在【代码】视图中,将光标定位于<body>标签之后,并按【回车】键。然后,执行【插入】|【结构】|【页眉】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00310.jpg?sign=1739617983-hzY3NDBLVrcAPefqDSp6CSfif3xzljwJ-0-4e0d8430f83eabbd99bf824936f08df6)
STEP|05 在弹出的【插入Header】对话框中,单击【确定】按钮。此时,在代码中将插入<header></header>标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00311.jpg?sign=1739617983-t979eVbHWQjvXOOzFTDr3T0pRF6WA9Rn-0-c2b8fc739ac55fbf0b5d3ce1705006e3)
STEP|06 执行【插入】|【结构】|【标题】|【标题1】命令,插入<h1></h1>标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00312.jpg?sign=1739617983-Uuw49YHZ9oqNLnct7X0NMmtGlmjs6WuX-0-13ae975b5937b9c914a26a5695717989)
STEP|07 在<h1>标签中,用户可以输入诗词的名称。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00313.jpg?sign=1739617983-Uu5UqLlQbLVuiwn0d7m6NHtI29aPHrx2-0-709689d45d97a3cdee6c0c3300654274)
STEP|08 在<h1>标签之后,再插入<h3></h3>标题标签,并输入诗词的作者信息。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00314.jpg?sign=1739617983-nGrndPfRuZCfvODjdikHCO6ZI2kyKZkJ-0-385fe72385afa6e9aa1b296b1554c9de)
STEP|09 将光标定位于</h3>标签之后,并执行【插入】|【结构】|【文章】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00315.jpg?sign=1739617983-7vLl3CcAtzRETX6T8OBkWZVEBLiVEkyK-0-4e8c1b9430cdf276232a1d66fd2a10c3)
STEP|10 在弹出的【插入Article】对话框中,单击【确定】按钮,即可在文档中添加该标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00316.jpg?sign=1739617983-TheCzdsJwjZUVJiEh5Yk3kaEDVlvKKqZ-0-f441e78af7c38a28f05dbe3ae4f0d8c1)
STEP|11 将光标定位于<article></article>标签中,并执行【格式】|【段落格式】|【已编排格式】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00317.jpg?sign=1739617983-hjr4hBQjOY9yVhOv2Yiri3hy1wX49T0w-0-6de7ac33f902bdfb09c5aa9bf232e077)
STEP|12 在<pre></pre>标签中,录入诗词的内容。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00318.jpg?sign=1739617983-Ob4liyu406am5j0MclDPPI8EmqXLlWkQ-0-9d477397c42ce5b85205164ee58112e4)
STEP|13 将光标定位于</pre>标签的后面,执行【插入】|【结构】|【章节】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00319.jpg?sign=1739617983-3jzTueSUkOUOK4ofRYAxHZoEiIkL9EKS-0-ba40f1b0ad8b5d41625e6a41fc449a3b)
STEP|14 在弹出的【插入Section】对话框中,单击【确定】按钮,即可在文档中添加该标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00320.jpg?sign=1739617983-eJf4OlEvPDFSFp8vVzIBWinhHMBY9rxi-0-9a80fff8c3f31196dd4db12716fbf2e3)
STEP|15 在<section> </section>标签中,再插入文本内容。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00321.jpg?sign=1739617983-NQ0JqkJDnpPtPuAzuu22Hg5AX2l7Eej9-0-aa721f8f4b2ed50d8cb8e0333e925292)
STEP|16 在</section>标签后面添加其他章节内容,并输入文本。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00322.jpg?sign=1739617983-quGOJ7ggzw5ZuC40yMdR3j9zjuTtipLv-0-962846f2a159f723880cd9d64fe2eda1)
STEP|17 修改<title></title>标签中的网页标题名称。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00323.jpg?sign=1739617983-30Jln29lzxqy76gzyVfp4ZF2YiNBqhvb-0-c17c12c52ba7416493167b16fa7fa0b4)
STEP|18 执行【文件】|【保存】命令,在弹出的【另存为】对话框中,设置保存名称和位置,单击【保存】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00324.jpg?sign=1739617983-KqJVSr0Ayrh0XsgyY8BLQR53oI3ZveLp-0-644884b4131b2d52cd5cde577ccbd592)