第三章DREAMWEAVER基本操作.pptVIP

第3章 Dream weaver基本操作 第3章 Dream weaver基础 3.1 Dream weaver 工作界面 3.1 Dream weaver 8工作界面 3.1 Dream weaver 工作界面 3.3 网页文件的基本操作 3.3 网页文件的基本操作 3.3 网页文件的基本操作 3.3 网页文件的基本操作 3.3 网页文件的基本操作 3.3.6 设置页面属性 1.设置网页标题 2.外观 3.连接 4.跟踪图象 第3章 Dream weaver基础 1 在网页中插入文本 2 在网页插入图像 3 插入其他网页元素 4 设置网页的页面属性 5 设置超级链接 2.1 插入图像 2.2 设置图像属性 2.3 编辑图像 2.4 图像外部编辑 2.5 鼠标经过图像 2.6 创建导航条 2 在网页插入图像 　　在网页中插入图像的操作为： 　　1 ．将光标定位在要插入图像的位置。 　　2 ．执行以下操作之一： 　　? 单击菜单栏中的“插入” | “图像”命令。 　　? 在“插入”栏的“常用”类别中，单击“图像”按钮 　　3．打开“选择图像源文件”对话框，选择需要的文件名称。 　　4．在“相对于”下拉列表中选择“站点”。 　　5．单击“确定”按钮，图像则插入到网页中。 2.1 插入图像 2 在网页插入图像 　　在文档窗口选中图像时，在“属性检查器”中就可以显示该图像的属性，并可对其进行修改。 　　1．设置图像大小：可以直接在“宽”和“高”两个文本框内输入新的数值即可。还可以直接用鼠标拖动来改变图像的大小。具体操作为： 　　（1）选中要改变的图像，图像四周出现控制点。 　　（2）拖动任一个控制点则可改变图像大小 　 2.2 设置图像属性 2 在网页插入图像 　　2．设置图像对齐方式 　　3．其他图像属性 　　? “源文件”：指定图像的源文件。单击“浏览”　按钮 或者直接键入文件的路径，可以重新定义源文件。 　　? “替代”：用于指定在图像不能正常显示时，显示的关于图像的文本提示信息。在某些浏览器中，当鼠标指针滑过图像时也会显示该文本。 　　? “垂直边距和水平边距”：以像素为单位设定图像与周围的网页元素间的距离。 　　? “边框”：是以像素为单位的图像边框的宽度。默认为无边框。 2.2 设置图像属性 2 在网页插入图像 　　在Dreamweaver 8中提供了基本图像编辑功能，各编辑按钮如下： 　　——优化。单击此按钮可以打开“Fireworks”程序对图像进行优化。 　　——裁剪。可让修剪图像的大小，从所选图像中删除不需要的区域。 　　——重新取样。可对已调整大小的图像进行重新取样，提高图片在新尺寸和形状下的品质。 　　——亮度和对比度。可让调整图像的亮度和对比度设置。 　　——锐化可调整图像的清晰度。 2.3 编辑图像 2 在网页插入图像 　　启动外部图像编辑器执行以下操作之一： 　　? 双击要编辑的图像。 　　? 选择要编辑的图像，然后在属性检查器中单击“编辑”。 　　? 在“站点”面板中双击图像文件，启动主图像编辑器。如果尚未指定图像编辑器，Dreamweaver 8将启动该文件类型的默认编辑器。 2.4 图像外部编辑 2 在网页插入图像 　　设置鼠标经过图像的操作为： 　　1．在“文档”窗口中，将光标定位在要显示鼠标经过图像的位置。 　　2．执行以下操作之一，打开插入鼠标经过图像对话框： 　　? 单击菜单栏中“插入|图像对象|鼠标经过图像”命令。 　　? 在“插入”栏的“常用”类别中，单击“图像”按钮右侧的箭头，在弹出 的菜单中，选 择 “鼠标经过 图像” ，如图 所示。 2.5 鼠标经过图像 2 在网页插入图像 　　3．打开“鼠标经过图像”对话框。 　　4．单击“确定”，在网页中插入了鼠标经过图像。 　　5．保存并在浏览器中预览网页。 2.5 鼠标经过图像 2 在网页插入图像 　　1．准备好用于制作导航条的图像，这些图像最好大小尺寸一样。 　　2．在文档窗口中，将光标定位在要显示导航条的位置。一般导航条位网页的顶部或两侧。 　　3．单击菜单栏中“插入”|“图像对象”|“导航条”。 　　4．打开对话框，在对话框中设置。 　　在导航条中，每一个项目都对应一个按钮，该按钮具有一组状态图像，最多可达四个。项目名称在“导航条项目”列表中显示。用箭头按钮排列项目在导航条中的位置。单击“+”按钮，添加另一个项目，单击“-”可以删除选中的项目。向上和向下的箭头按钮，用于调整项目在导航条中排序。 2.6 创建导航条 2 在网页插入图像 　　5．设置完成一个项目后，单击加号“+”按钮向导航条添加另一个项目，然后重复上述步骤定义该项目。 　　6．