![Dreamweaver CC中文版网页设计与制作从新手到高手](https://wfqqreader-1252317822.image.myqcloud.com/cover/545/27110545/b_27110545.jpg)
4.6 练习:制作班级管理制度
Dreamweaver具有强大的文本编辑能力,可以帮助用户制作出界面优美的文本网页。在本练习中,将通过制作班级管理制度网页,来详细介绍新建网页文档、设置网页及文本属性等网页编辑操作方法。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00325.jpg?sign=1739616286-xD9SS5UEQDcm5cgh9D15jDpmXEJZpOZD-0-04d2dbc7e7940be0b3c2bd1a706cd867)
练习要点
□新建网页
□设置页面属性
□插入对象
□设置段落格式
□对齐文本
□插入结构
□插入水平线
操作步骤
STEP|01 启动Dreamweaver,在欢迎界面中选择HTML选项,创建一个空白页面。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00326.jpg?sign=1739616286-cxgLagQ61cSmv9PmB1GyaSo6CpRPxiy6-0-553cc7639a6338ca053f4097d9e9b962)
STEP|02 在页面下方的【属性】面板中,单击【页面属性】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00327.jpg?sign=1739616286-LmXDYY9XYoI3NY54LcbOXgveZ89OxF3g-0-737062ee4808cb31846b18ba0b393bc9)
STEP|03 在弹出的【页面属性】对话框中的【外观(CSS)】选项卡中,设置页面的背景颜色。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00328.jpg?sign=1739616286-tCrAIv9J1EzyhJ4chVDrCMwmNL3pFOGw-0-10efc48f4d18bd1dbf7e673745add7d6)
STEP|04 激活【标题/编码】选项卡,在【标题】文本框中输入网页的标题文本,并单击【确定】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00329.jpg?sign=1739616286-xfEIZ6TwcJDDqlBbFNLfenihH11W8N5K-0-ae9f0659d65168ab1fdba701395c990c)
STEP|05 切换到【设计】视图中,复制已编辑好的“班级管理制度”文本。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00330.jpg?sign=1739616286-oJb0aRwpIlmPXAVAsc6ylnSaM8L4PYJm-0-ce918ab56c4912467aee5590166a930c)
STEP|06 选择全部文本内容,并执行【插入】| Div命令,在弹出的【插入Div】对话框中,单击【确定】按钮,即可将文本包含在一个<div></div>标签中。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00331.jpg?sign=1739616286-MCAlDpOXvi4Mcn6B70MVpqGoFLB67TnQ-0-536b5f52a48af0f694855cd620f6636a)
STEP|07 选择标题名称,执行【格式】|【段落格式】|【标题1】命令,设置标题的段落格式。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00332.jpg?sign=1739616286-SlMocDfN4KsoXC0L0XyqWpWrxU36mvOV-0-1ebc7628de10b4253dcb1f02670f7a27)
STEP|08 执行【格式】|【对齐】|【居中对齐】命令,设置标题为居中显示格式。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00333.jpg?sign=1739616286-cYQl2fZbRUPu6fkJqWjGoSJMmmUBd2tN-0-e732a4001250d07507921e00052258c5)
STEP|09 选择标题以外的内容,执行【插入】|【结构】|【文章】命令。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00334.jpg?sign=1739616286-2ujdWlC2wqw6iEv6TADOCYAkQPEnhI03-0-cf840cf8835895c50ef04147b091b86d)
STEP|10 在弹出的【插入Article】对话框中,单击【确定】按钮,即可在文档中所选内容外添加<article></article>标签。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00335.jpg?sign=1739616286-krKPgljFlLsEMg4SCslIwF1JYyJ0YR5F-0-4930d4c4582daab9f702b09a9bb00690)
STEP|11 选择“(一)班干部职责”文本,执行【插入】|【结构】|【章节】命令,在弹出的【插入Section】对话框中,单击【确定】按钮。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00336.jpg?sign=1739616286-EOTP67kqgazexSVmnLpo7Js1PntvAqpt-0-4fe034ea0a8a4a326bea8e868da36b93)
STEP|12 执行【格式】|【段落格式】|【标题3】命令,设置所选文本的段落格式。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00337.jpg?sign=1739616286-BMJU6hkUwgXLaYnr5cgcotaZb1JIFQef-0-f5476f09e8c41070c77bf360016d5c9b)
STEP|13 分别选择该节内容中,每段内容中“冒号”(:)及之前的文本,在【属性】检查器中单击【加粗】按钮,设置文本的加粗格式。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00338.jpg?sign=1739616286-yt4GnoRn7CqYlspI7rvWzQG46BwYuWK5-0-8e2bbd63e65b1e7cc20970b59bacb3b1)
STEP|14 分别选择“(二)学生课堂常规”、“(三)班级环境管理制度”等内容,分别设置为章节内容,并设置节标题为“标题3”。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00339.jpg?sign=1739616286-pY6xFf6mbw2Y3nMM6Ay9LCmfU0I9qr7C-0-55dd3f5b06a98f50f89ee5cd92da4e40)
STEP|15 选择“(一)班干部职责”和“(二)学生课堂常规”文本之间的所有内容,执行【格式】|【缩进】命令,缩进文本。采用同样方法,缩进其他文本。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00340.jpg?sign=1739616286-MpI301c3ab3N2MoXWoVWcA5SWWC6CaDI-0-05907f5d450ebca9d48c8c6c09279f77)
STEP|16 切换到【设计】视图中,将光标定位在标题文本后,执行【插入】|【水平线】命令,插入一条水平线。
![](https://epubservercos.yuewen.com/F962BF/15477639704528206/epubprivate/OEBPS/Images/00341.jpg?sign=1739616286-GB3Or5YtFWPTCfbqJx64M3rZy8HMQ0Rj-0-4807adcf3a028bdcfe850d2c85d601f1)