![Dreamweaver CC中文版网页设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/659/26943659/b_26943659.jpg)
section 4.5 实践经验与技巧
导读
本节将侧重介绍和讲解与本章知识点有关的实践经验与技巧,主要包括使用查找与替换功能、设置页边距、设置网页的默认格式以及设置文本缩进格式等方面的知识与操作技巧。
4.5.1 使用查找与替换功能
微课堂 00分29秒
当发现网站中的某些细节需要修改时,可以利用查找和替换功能进行修改。下面详细介绍使用查找与替换功能的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【编辑】主菜单,2.在弹出的菜单中选择【查找和替换】菜单项,如图4-44所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0073-0142.jpg?sign=1739309792-wstrQHtIQ75KMa22wCuKErkU0ROUXB41-0-92cfa626f15dae0b8b030a31cdab77d2)
图4-44
第2步 弹出【查找和替换】对话框,1.在【查找】文本框中输入需要替换的内容,2.在【替换】文本框中输入准备替换的内容,3.单击【替换全部】按钮即可完成查找和替换的操作,如图4-45所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0073-0143.jpg?sign=1739309792-RPECTfpEBnUMvTLCt8u9N4v10yXgWwNb-0-febe649a52ba6b9fa47d552e8966c964)
图4-45
4.5.2 设置页边距
微课堂 00分26秒
按照文章的书写规则,正文与纸的四周需要一定的距离,这个距离叫页边距。网页设计也是如此,在默认的状态下文档的上、下、左、右边距不为零。在Dreamweaver CC中设置页边距的方法非常简单,下面详细介绍操作步骤。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【修改】主菜单,2.在弹出的菜单中选择【页面属性】菜单项,如图4-46所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0073-0144.jpg?sign=1739309792-lGk6ZnmpBlgkPb9W2Dec5WlwxoBjw4dh-0-484d0a7ed5546edff5d38e8250fd657c)
图4-46
第2步 弹出【页面属性】对话框,1.在【分类】列表框中选择【外观(CSS)】选项,2.根据需要在【左边距】、【右边距】、【上边距】、【下边距】文本框中输入相应的数值,3.单击【确定】按钮即可完成设置页边距的操作,如图4-47所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0073-0145.jpg?sign=1739309792-fIyJoeink6QnuqiAY4DZA1ejQbuVoL0b-0-0be7d06871313bd408ba4c8eefc81657)
图4-47
4.5.3 设置网页的默认格式
微课堂 00分18秒
用户在制作新网页时,页面都有一些默认的属性,比如网页的标题、网页边界、文字编码、文字颜色和超链接的颜色等。下面介绍修改网页默认格式的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【修改】主菜单,2.在弹出的菜单中选择【页面属性】菜单项,如图4-48所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0074-0146.jpg?sign=1739309792-yqgRaAguUjN1MMobLm5JezdqgOkSewVS-0-e626a13aff9d5961edc9856d898d5e8e)
图4-48
第2步 弹出【页面属性】对话框,在对话框中设置相应的属性即可,如图4-49所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0074-0147.jpg?sign=1739309792-m42SFOLHg5En0slNbhRDo3RJv6UlJgmQ-0-2672d44fa44f4d72185d8f7592fda068)
图4-49
4.5.4 设置文本缩进格式
微课堂 00分14秒
在Dreamweaver CC中,设置文本缩进的方法非常简单,下面详细介绍操作步骤。
操作步骤 >> Step by Step
第1步 在编辑窗口选中文本,1.单击【格式】主菜单,2.在弹出的菜单中选择【缩进】菜单项,如图4-50所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0074-0148.jpg?sign=1739309792-QHPm4bO6ePwXQUvx2BadvNF2TX4VlzXe-0-f549e3f1642a25dc4b854faffc066da7)
图4-50
第2步 通过以上步骤即可使段落向右移动,如图4-51所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0074-0149.jpg?sign=1739309792-MH5T64c2u4ToYfYuZgFsMF5Na30AkYLl-0-5e4abcbe61600e6d04d1bda54192c883)
图4-51
4.5.5 设置网页打开时的效果
微课堂 00分34秒
用户在制作网页时,可以根据需要设置网页打开时的效果,下面详细介绍具体操作步骤。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【插入】主菜单,2.在弹出的菜单中选择Head菜单项,3.在弹出的子菜单中选择Meta菜单项,如图4-52所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0075-0150.jpg?sign=1739309792-Ip0nvoJJrcZB54KO0a7tMbIEOhx8H9vy-0-baaf2c76c6cd9ed09a648f930981bfc4)
图4-52
第2步 弹出META对话框,1.在【属性】下拉列表中选择HTTP-equivalent选项,2.在【值】文本框中输入Page-Enter,3.在【内容】文本框中输入“revealTrans (duration=10, transition=20)”,4.单击【确定】按钮即可完成设置网页打开效果的操作,如图4-53所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0075-0151.jpg?sign=1739309792-wfj76zJwmn9bp1kcWah7mMFJ8ikuviMy-0-193ec61137573046dfd72f020d8d0e63)
图4-53
4.5.6 设置网页退出时的效果
微课堂 00分35秒
用户在制作网页时,可以根据需要设置网页退出时的效果,下面详细介绍操作步骤。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【插入】主菜单,2.在弹出的菜单中选择Head菜单项,3.在弹出的子菜单中选择Meta菜单项,如图4-54所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0075-0152.jpg?sign=1739309792-0xyEp4EwlAica0MGXXrYbZ5fXC4It5oq-0-ca9fd807cf8c56eb6abde3dc113c0fa5)
图4-54
第2步 弹出META对话框,1.在【属性】下拉列表中选择HTTP-equivalent选项,2.在【值】文本框中输入Page-Exit,3.在【内容】文本框中输入“revealTrans (duration=20, transition=10)”,4.单击【确定】按钮即可完成设置网页退出效果的操作,如图4-55所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0075-0153.jpg?sign=1739309792-n5CEv1gOXJWk5kZhiTrEAxF1qitnYSFR-0-91f06db23ff233301a3196b171eec1d4)
图4-55
4.5.7 设置Cookie过期时间
微课堂 00分23秒
Cookie,有时也用其复数形式Cookies,翻译成中文为“浏览器缓存”,指某些网站为了辨别用户身份、进行Session(会话控制)跟踪而储存在用户本地终端上的数据(通常经过加密)。
用户在制作网页时,可以根据需要设置Cookie过期的时间,下面详细介绍设置Cookie过期时间的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【插入】主菜单,2.在弹出的菜单中选择Head菜单项,3.在弹出的子菜单中选择Meta菜单项,如图4-56所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0076-0154.jpg?sign=1739309792-LUMzpeWo5hqIHf1pUk6XV04Qugr8fmm5-0-8a8a28db170909cb81a8d44600108f1a)
图4-56
第2步 弹出META对话框,1.在【属性】下拉列表中选择HTTP-equivalent选项,2.在【值】文本框中输入set-cookie,3.在【内容】文本框中输入“Thu,29 Sept 2016 18:00:00 GMT”,4.单击【确定】按钮即可完成设置Cookie过期时间的操作,如图4-57所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0076-0155.jpg?sign=1739309792-ETKcCTyb5DSyDtIjmkKhyuydy8OiXzlL-0-c899b433e3a0b610539b456c0e02cd67)
图4-57