![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=1738982626-N2ONm3tfHaVOolpY1n9BR3WRQlMopMwA-0-caca5f3524eea27fc469a609f8ddc0d5)
练习要点
□新建文档
□插入页眉
□插入标题
□插入文章
□插入格式
□保存文档
操作步骤
STEP|01 启动Dreamweaver,在欢迎界面中选择HTML选项,创建一个空白页面。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00307.jpg?sign=1738982626-mFVVfeGJaSpXFlQY5hhegmJWqxZSpr8X-0-d5cef0906b759336fe8ceb7ff4aec37c)
STEP|02 在页面下方的【属性】面板中,单击【页面属性】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00308.jpg?sign=1738982626-jcrqURgCZjktjYKT6m4npJwwgdzEsWFc-0-0d3d83e49c83ba53420bc8390fec6f3f)
STEP|03 在弹出的【页面属性】对话框中的【外观(CSS)】选项卡中,设置页面的背景颜色。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00309.jpg?sign=1738982626-RlbLPa4O6r39Mw230EKMMc7u3L9Mw4ys-0-2d6e56fa4f66665b1c82ea52084725df)
STEP|04 在【代码】视图中,将光标定位于<body>标签之后,并按【回车】键。然后,执行【插入】|【结构】|【页眉】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00310.jpg?sign=1738982626-KvIupDoxLULLpr2dtH5bAuqfzvexTONH-0-569deeb3bde95535d454569c0911c470)
STEP|05 在弹出的【插入Header】对话框中,单击【确定】按钮。此时,在代码中将插入<header></header>标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00311.jpg?sign=1738982626-Z2OVhbDmvv2aD9cnpnDSntPOSMPgZIeZ-0-66f2b8a87295770a93c50746e93549a4)
STEP|06 执行【插入】|【结构】|【标题】|【标题1】命令,插入<h1></h1>标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00312.jpg?sign=1738982626-COKTuMzvh5J6dJWvhMR3FOzABK4HnWgj-0-7050786c0fa52bad7e08c4901a223dbe)
STEP|07 在<h1>标签中,用户可以输入诗词的名称。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00313.jpg?sign=1738982626-Puab3YIuCJZ5LJ6Ws2KGXLquIeGUWJEv-0-0e3df8f6f07301a2267a10877ddd1c8c)
STEP|08 在<h1>标签之后,再插入<h3></h3>标题标签,并输入诗词的作者信息。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00314.jpg?sign=1738982626-FVDeanmjeZjSHBOJeedo8OZK1vV8DwSG-0-a65688464023a24844d2a2cfc6b95a91)
STEP|09 将光标定位于</h3>标签之后,并执行【插入】|【结构】|【文章】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00315.jpg?sign=1738982626-FDjjXgsXMAKuaFOX3zor3YGYUaNEga2q-0-4b20377676fc18229de2d64c48a41f5d)
STEP|10 在弹出的【插入Article】对话框中,单击【确定】按钮,即可在文档中添加该标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00316.jpg?sign=1738982626-Sug4J9aJv9PyVxvM7YCqicVXfXGCHTqp-0-bc27bb615fe640cd8547d8309f935f0e)
STEP|11 将光标定位于<article></article>标签中,并执行【格式】|【段落格式】|【已编排格式】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00317.jpg?sign=1738982626-dr3WvGVAhQXbSEcTYE5tUzzSVpXacPse-0-fa6ecdbcfbfd36935ff6befce35e8d6d)
STEP|12 在<pre></pre>标签中,录入诗词的内容。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00318.jpg?sign=1738982626-wDleYisPKDJM04CzbK0ej7CnV0dXgEPr-0-ce032aabc01e18f9af1a9ceeab86cf81)
STEP|13 将光标定位于</pre>标签的后面,执行【插入】|【结构】|【章节】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00319.jpg?sign=1738982626-i0nyXucs9lfszMDUc8YRb8pInGPbs7Ws-0-5c1e48228b487ce489e3d592da9c9744)
STEP|14 在弹出的【插入Section】对话框中,单击【确定】按钮,即可在文档中添加该标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00320.jpg?sign=1738982626-cbgzLKWgPhUwkeCNoUn2eplF6l1Rmotz-0-b3c917079c78b67addd864b1c7be842b)
STEP|15 在<section> </section>标签中,再插入文本内容。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00321.jpg?sign=1738982626-Civ92ov1RSacvqBPgAmpvcENmEPgPDaz-0-de4a442144743fbd71dfb0e38c483c2e)
STEP|16 在</section>标签后面添加其他章节内容,并输入文本。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00322.jpg?sign=1738982626-fEsMeJqCpxiDq6treJJLNcj2KdXNgqVa-0-1423e49c19e8d511dc231620c0297b5c)
STEP|17 修改<title></title>标签中的网页标题名称。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00323.jpg?sign=1738982626-Fa9bUtSstWxvyZ6TlFdq1xa79VkSjnL6-0-a70792b33fcf2c6916d4899181a194b4)
STEP|18 执行【文件】|【保存】命令,在弹出的【另存为】对话框中,设置保存名称和位置,单击【保存】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00324.jpg?sign=1738982626-NdjBEaS9K1ecQj8BfUzLqP3PxN1h3IBb-0-e5624377278854f93878f22b34953264)