2创新杯说课大赛国赛说课课件幻灯片.pptVIP

　　　“地图名称和热点工具”：用于绘制、编辑热点。在第五单元详细介绍。 　　　“垂直边距和水平边距”：设置图像边缘到“文档窗口”边界的距离。 　　　“目标”：设置链接文件在哪个窗口或框架中打开，具体应用方法在以后的内容中详细介绍。当图像没有链接到其他文件时，此选项不可用。 　　　“低解析度源”：指定在载入主图像之前应该载入的图像。许多设计人员使用主图像的2位（黑和白）版本，它可以迅速载入并使访问者对他们等待看到的内容有所了解。 　　　“边框”：是以像素为单位的图像边框的宽度。默认为无边框。 　　　“替换”：设置鼠标指向图像时显示的文本。　　　 任务三 添加图像 　　相关知识： 1． CSS样式的四种类型 使用“CSS样式”面板定义新的样式时，在弹出的对话框中要进行样式类型的选择，其中包含了“类”、 “ID”、“标签”和“高级”四种类型，四种类型分别具有如下特点。 “类”样式：“类”样式是最为灵活的一种类型的样式，它可以任意定义名称并且应用到网页中的各种对象上。但是这种类型的样式在定义之后，需要选择对象并应用后才会生效。 “ID”样式：定义一个“ID”样式后，页面中同一ID的网页元素都会应用该样式。 任务四 创建与应用CSS美化网页 “标签”样式：“标签”样式的定义是建立在HTML语言基础上的，可以针对网页中的各种标签进行定义，所以用这种类型的样式定义的名称仅限于固定的标签名称，并且在样式定义后，直接被应用到页面中相应的标签对象中。 “复合”样式：这种样式仅用于定义超级链接的4种状态，所以可定义的样式名称也只有相应的4种，分别是：“a:link”用于定义超级链接初始状态；“a:visited”用于定义已经访问过的超级链接状态；“a:hover”用于定义鼠标经过超级链接对象时的状态；“a:active”用于定义超级链接的活动状态。 任务四 创建与应用CSS美化网页 2． CSS样式可定义参数简介 “类型”选项：用于定义常规的文本属性，包括“字体”、“大小”、“颜色”等选项。 “背景”选项：用于定义背景属性，可设置“背景颜色”、“背景图像”、背景图像的“水平位置”等选项。 “区块”选项：用于定义文本的间距与对齐方式等属性。 “方框”选项：用于定义表格、框架等对象的属性。 “边框”选项：用于定义各种对象的边框属性，表格、框架、水平线的边框样式都可以使用这一选项进行定义。 “列表”选项：用于定义文本列表的属性。 “定位”选项：用于定义层对象的属性。 “扩展”选项：用于定义光标、图像等内容的视觉效果的扩展属性。 任务四 创建与应用CSS美化网页 　　⑷ 使用Ctrl+Alt+I组合键插入图像“D:/mysite/images／flying.gif” ，插入位置为立志飞翔”部分的第五段文字前，对齐属性为“左对齐”。 　　⑵ 使用菜单栏插入图像“D:/mysite/images／flying.gi-f” ，插入位置为立志飞翔”部分的第一段文字前 ，对齐属性为“左对齐”。 　　⑶ 使用插入栏常用类别中的按钮 插入图像“D:/mysite/images／flying.gif” ，插入位置为立志飞翔”部分的第三段文字前， 对齐属性为“右对齐”。 任务三 添加图像 　　4. 图像编辑 调整大小：宽度为300，高度为225，单位为像素。 调整大小：宽度为215，高度为161，单位为像素。 保持原始大小。 　　通过图像“属性”面板中分别调整“立志飞翔”部分的文本及图像 ，如图所示： 在设置图像对齐方式及其大小时都是通过图像“属性”面板完成的，那么图像属性面板各组成部分的功能是什么？ 任务三 添加图像 任务总结： 　　通过完成本任务学习了为网页添加和编辑图像的方法，重点掌握四种添加图像的方法： 　　1．使用“文件”面板插入图像； 　　2．使用菜单栏插入图像； 　　3．使用插入栏常用类别中的按钮插入图像； 　　4．使用Ctrl+Alt+I组合键插入图像 。 　　其中，使用插入栏和菜单栏插入的方法比较常用，但使用快捷键和“文件”面板插入图像将更大地提高工作效率。如果图像在站点内，建议使用“文件”面板将图像文件拖拽到插入位置的方法。在网页当中插入同一张图像的时候，可以使用复制粘贴的方法提高工作效率 。 任务三 添加图像 　　举一反三： 1．将本单元素材文件夹中的“jyfs1.jpg”插入到一个新建页面“practice2-7.html”中，裁剪后宽度为200像素，高度为100像素，并设置边框宽度为5，完成后预览页面。 　　⑴