section 2.4 实践经验与技巧
导读
本节将侧重介绍和讲解与本章知识点有关的实践经验与技巧,主要包括使用辅助线、使用图像跟踪等方面的知识与操作技巧。
2.4.1 使用辅助线
微课堂 00分46秒
在Dreamweaver CC中,辅助线功能可以在创建网页时用于辅助的定位。下面详细介绍使用辅助线的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【辅助线】菜单项,3.在弹出的子菜单中选择【显示辅助线】菜单项,如图2-18所示。
图2-18
第2步 1.单击【查看】主菜单,2.在弹出的菜单中选择【标尺】菜单项,3.在弹出的子菜单中选择【显示】菜单项,如图2-19所示。
图2-19
第3步 在左侧的标尺上单击并拖动鼠标,在上侧的标尺上单击并拖动鼠标,即可拖曳出辅助线,如图2-20所示。
图2-20
■ 指点迷津
在Dreamweaver CC中,网页设计者还可以对辅助线的属性进行具体设置。只需单击【查看】主菜单,在弹出的菜单中选择【辅助线】菜单项,在弹出的子菜单中选择【编辑辅助线】菜单项,在弹出的【辅助线】对话框中即可对辅助线的相关属性进行具体的设置。
2.4.2 使用跟踪图像
微课堂 00分35秒
用户在制作网页时,还可以使用图像跟踪功能,下面详细介绍使用图像跟踪的方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【跟踪图像】菜单项,3.在弹出的子菜单中选择【载入】菜单项,如图2-21所示。
图2-21
第2步 弹出【选择图像源文件】对话框,1.选择要载入图片的位置,2.选中准备载入的图片,3.单击【确定】按钮,如图2-22所示。
图2-22
第3步 通过以上步骤即可完成图像跟踪的操作,如图2-23所示。
图2-23
■ 指点迷津
在Dreamweaver CC中插入跟踪图像后,单击【查看】主菜单,在弹出的菜单中选择【跟踪图像】菜单项,在弹出的子菜单中可以设置图像的位置。
2.4.3 设置缩放比率
微课堂 00分24秒
用户可以根据自身需要设置画面的缩放比率,下面详细介绍设置缩放比率的方法。
一点即通
如果觉得【缩放比率】菜单中的百分比率都不合适,可以按Ctrl+=组合键放大页面,按Ctrl+-组合键缩小页面,直至调整到适合的比率。网页制作完成后,还可以选择【缩放比率】菜单中的【符合全部】菜单项来调整页面大小。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【缩放比率】菜单项,3.在弹出的子菜单中选择25%菜单项,如图2-24所示。
图2-24
第2步 图片比例发生变化,如图2-25所示,通过以上步骤即可完成设置缩放比率的操作。
图2-25
2.4.4 设置窗口大小
微课堂 00分22秒
用户可以根据自身需要设置窗口大小,下面详细介绍设置窗口大小的操作方法。
操作步骤 >> Step by Step
第1步 启动Dreamweaver CC程序,1.单击【查看】主菜单,2.在弹出的菜单中选择【窗口大小】菜单项,3.在弹出的子菜单中选择【320×480智能手机】菜单项,如图2-26所示。
图2-26
第2步 窗口大小发生变化,如图2-27所示,通过以上步骤即可完成设置窗口大小的操作。
图2-27