![Dreamweaver CC中文版网页设计与制作](https://wfqqreader-1252317822.image.myqcloud.com/cover/659/26943659/b_26943659.jpg)
section 2.4 实践经验与技巧
导读
本节将侧重介绍和讲解与本章知识点有关的实践经验与技巧,主要包括使用辅助线、使用图像跟踪等方面的知识与操作技巧。
2.4.1 使用辅助线
微课堂 00分46秒
在Dreamweaver CC中,辅助线功能可以在创建网页时用于辅助的定位。下面详细介绍使用辅助线的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【辅助线】菜单项,3.在弹出的子菜单中选择【显示辅助线】菜单项,如图2-18所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0042-0050.jpg?sign=1738778210-Xwtx7ws4Pm7mdWYooHWYLrK2SNpUkvZg-0-0eefff58e5c4f68929dce996664ec079)
图2-18
第2步 1.单击【查看】主菜单,2.在弹出的菜单中选择【标尺】菜单项,3.在弹出的子菜单中选择【显示】菜单项,如图2-19所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0042-0051.jpg?sign=1738778210-OVupMrC1rUFNbDtPLrx6Y8zNySIaqmcB-0-9cc72c7d80435a758ba9289ec68e75e8)
图2-19
第3步 在左侧的标尺上单击并拖动鼠标,在上侧的标尺上单击并拖动鼠标,即可拖曳出辅助线,如图2-20所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0042-0052.jpg?sign=1738778210-CHGtCPhOH8iNeoovMXOmYWXoZFvG9fHF-0-778bde530cc4971cd985a3ee6828e003)
图2-20
■ 指点迷津
在Dreamweaver CC中,网页设计者还可以对辅助线的属性进行具体设置。只需单击【查看】主菜单,在弹出的菜单中选择【辅助线】菜单项,在弹出的子菜单中选择【编辑辅助线】菜单项,在弹出的【辅助线】对话框中即可对辅助线的相关属性进行具体的设置。
2.4.2 使用跟踪图像
微课堂 00分35秒
用户在制作网页时,还可以使用图像跟踪功能,下面详细介绍使用图像跟踪的方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【跟踪图像】菜单项,3.在弹出的子菜单中选择【载入】菜单项,如图2-21所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0043-0053.jpg?sign=1738778210-zChvYAlbCqqpWKWBwlx0VKMgYVH0ikT5-0-95d9b63f13ff30d863742291cdea638c)
图2-21
第2步 弹出【选择图像源文件】对话框,1.选择要载入图片的位置,2.选中准备载入的图片,3.单击【确定】按钮,如图2-22所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0043-0054.jpg?sign=1738778210-nTiPKPIVIW2EB5mUd3j6S8SmvSFQM4dr-0-d50bf7cb39733a14d1aa3f6bc08023c3)
图2-22
第3步 通过以上步骤即可完成图像跟踪的操作,如图2-23所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0043-0055.jpg?sign=1738778210-cJiyPmxakZyyjCWewJZsPPCqEgNORJMn-0-c736120c94abbc09160eaabd3995fd59)
图2-23
■ 指点迷津
在Dreamweaver CC中插入跟踪图像后,单击【查看】主菜单,在弹出的菜单中选择【跟踪图像】菜单项,在弹出的子菜单中可以设置图像的位置。
2.4.3 设置缩放比率
微课堂 00分24秒
用户可以根据自身需要设置画面的缩放比率,下面详细介绍设置缩放比率的方法。
一点即通
如果觉得【缩放比率】菜单中的百分比率都不合适,可以按Ctrl+=组合键放大页面,按Ctrl+-组合键缩小页面,直至调整到适合的比率。网页制作完成后,还可以选择【缩放比率】菜单中的【符合全部】菜单项来调整页面大小。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【缩放比率】菜单项,3.在弹出的子菜单中选择25%菜单项,如图2-24所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0044-0057.jpg?sign=1738778210-quGCCdTuaP6rceEBPv6YOcEs33FWUknO-0-26e4dfe9c8fe416c4419e70ecd782e3f)
图2-24
第2步 图片比例发生变化,如图2-25所示,通过以上步骤即可完成设置缩放比率的操作。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0044-0058.jpg?sign=1738778210-rf75la54GGACkS0jl9b4kcJ6lWbT214r-0-57b07244c0a28e3b9db512dcd69e6b35)
图2-25
2.4.4 设置窗口大小
微课堂 00分22秒
用户可以根据自身需要设置窗口大小,下面详细介绍设置窗口大小的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【窗口大小】菜单项,3.在弹出的子菜单中选择【320×480智能手机】菜单项,如图2-26所示。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0044-0059.jpg?sign=1738778210-GUB3FSLg9qKwtfqG7G4nPLVT5L6hDJb1-0-271e12aa2fa883ed061d686369f8e207)
图2-26
第2步 窗口大小发生变化,如图2-27所示,通过以上步骤即可完成设置窗口大小的操作。
![](https://epubservercos.yuewen.com/F92054/15367248304200606/epubprivate/OEBPS/Images/Figure-0044-0060.jpg?sign=1738778210-0AcJD5nVmvNamHln1SWsOzNLllSrtXvh-0-c411fbce4757c42f3d66ecde5ac5bfac)
图2-27