4.2设置主体部分（课件）-高二《网页设计与制作》同步教学（人民邮电版）

本任务主要是对贺卡网页主体部分的图像进行设置，涉及的知识点有图像属性参数设置，如图像大小、替换文本、垂直边距和水平边距、图像边框及图像对齐方式等。 Dreamweaver 8 网页设计与制作 项目四： 编排贺卡网页 任务二 设置主体部分 任务一 小 结 任务二 实 训 本操作主要是编排左侧栏目中的教师卡，同时介绍通过图像【属性】面板打开图像处理软件编辑图像的方法。通过本操作的学习，应该掌握的内容主要有： 操作一 编排左侧栏目中的教师卡 1. 在Dreamweaver中定义图像处理软件的方法 Dreamweaver 8 网页设计与制作 项目四： 编排贺卡网页 如果在安装Dreamweaver的同时也安装了Fireworks，那么Fireworks就是默认的图像处理软件。如果没有安装，也可以通过【首选参数】对话框的【文件类型/编辑器】选项来设置调用已安装的其他软件来处理图像。 编排左侧栏目中的教师卡操作动画 任务一 小 结 任务二 实 训 操作一 编排左侧栏目中的教师卡 2. 在Dreamweaver中调用图像处理软件的方法 Dreamweaver 8 网页设计与制作 项目四： 编排贺卡网页 在网页中选择图像文件，然后单击【属性】面板中的 （编辑）按钮，系统将自动启动所定义的图像处理软件并打开该格式的图像以便进行编辑。 3. 设置图像对齐的方法 在图像【属性】面板中，单击 按钮，可使图像左对齐；单击 按钮，可使图像居中对齐；单击 按钮，可使图像右对齐。 任务一 小 结 任务二 实 训 操作二 编排右侧栏目中的专题贺卡 Dreamweaver 8 网页设计与制作 项目四： 编排贺卡网页 本操作主要是编排右侧栏目中的专题贺卡，同时介绍通过【属性】面板来设置图像大小、替换文本、图像对齐以及通过 按钮对图像进行优化的方法。通过本操作的学习，应该掌握的内容主要有： 1. 设置图像显示大小 在图像【属性】面板的【宽】和【高】文本框中分别输入相应的数值即可。在【属性】面板中输入宽度和高度只是改变了图像的显示尺寸，单击其后面的 图标将恢复图像的原始大小，然后可重新进行定义。 编排右侧栏目中的专题贺卡操作动画 任务一 小 结 任务二 实 训 操作二 编排右侧栏目中的专题贺卡 替换文本的作用是，当由于网速或者其他原因导致图像不能立即显示时，替换文本就可以优先显示出来，让用户知道该处的大致内容以决定是否等待。在【属性】面板的【替换】文本框中输入替换文本即可。 Dreamweaver 8 网页设计与制作 项目四： 编排贺卡网页 2. 图像替换文本的作用和设置方法 在【属性】面板中单击 （使用Fireworks最优化）按钮打开【查找源】对话框，单击 （使用此文件）按钮打开【Optimisc pic】对话框，可以根据需要进行设置。 3. 图像优化的方法 任务一 小 结 任务二 实 训 Dreamweaver 8 网页设计与制作 操作二 编排右侧栏目中的专题贺卡 项目四： 编排贺卡网页 【Optimisc pic】对话框 任务一 小 结 任务二 实 训 本操作主要是编排右侧栏目中的新卡推荐，同时介绍通过【属性】面板来设置图像边距、边框、图像裁剪、调整图像亮度和对比度、图像锐化的方法。通过本操作的学习，应该掌握的内容主要有： Dreamweaver 8 网页设计与制作 操作三 编排右侧栏目中的新卡推荐 项目四： 编排贺卡网页 【垂直边距】是指图像在垂直方向与文本或其他页面元素的间距。【水平边距】是指图像在水平方向与文本或其他页面元素的间距。【边框】是指图像边框的宽度。在【属性】面板的【垂直边距】、【水平边距】和【边框】文本框中输入相应数值即可。 1. 设置图像边距和边框的方法 编排左侧栏目中的新卡推荐操作动画 任务一 小 结 任务二 实 训 在【属性】面板中单击 （裁剪）按钮弹出提示对话框，单击【确定】按钮，这时在图像的上边、下边、左边和右边以及4个角的位置出现黑方块，将鼠标放在黑方块上面，当出现双箭头时按住鼠标左键拖曳鼠标来定义图像要裁剪的范围。当裁剪范围确定后，将鼠标放在图像中使其呈现 形状，然后双击鼠标即完成裁剪。 对图像进行裁剪的目的是去除图像周边不需要的内容，虽然也在客观上改变了图像的大小，但这种改变和通过【属性】面板设置图像