网页中插入精彩的图像.pdf

网页中插入精彩的图像 授课教师：袁鑫 湖南商务职业技术学院 湖南商务职业技术学院 课题：网页中图像的应用 • 教学内容： – 图像插入和编辑 • 教学目的：制作简单的网页 • 教学重点：图像属性的设置 • 教学难点：文字的排版以及图像的设置 • 2 教学课时： 课时 2 22 • 教学方式：多媒体教学 湖南商务职业技术学院 湖南商务职业技术学院 演示index.htm网页的制作 演示index.htm网页的制作 index.htm iinnddeexx..hhttmm • 要注意的地方如下： – 文字的插入与设置 – 图片的插入与大小尺寸的设置 – 图像占位符的插入与设置 – 项目列表的设置 – 轮替图像的插入及设置 – 水平线的插入与设置 – 背景的设置 湖南商务职业技术学院 湖南商务职业技术学院 演示index.htm网页的制作 index.htm iinnddeexx..hhttmm • 步骤： – 设置页面属性： – “ ” 页面的标题为 欢迎进入雅颂网站！ – 页面背景为img文件夹中的back.jpg图片； – 页面中的文字为白色； – 在页面中相应的位置输入文字，并进行相应的设置； – 插入日期和时间； – 创建项目列表； – 插入相应图片； – 插入鼠标经过图像； – 插入水平线； – 插入图像占位符； 湖南商务职业技术学院 湖南商务职业技术学院 详细讲解：在网页中插入图像和编辑图像 1 1 在网页中加载图像 11 1.1．用鼠标拖曳图像 “ ” “ ” 在Windows的 我的电脑 或 资源管理器 中，单击选中一个图像文件，再用 鼠标拖曳该图标到网页文档窗口内，即可将图像加入到页面内的指定位置。 双击页面内的图像，可以调出“选择图像源”对话框，供用户更换图像。 1.2．利用“插入图像”按钮插入图像 单击“插入”（常用）面板内的“插入图像”按钮，或用鼠标拖曳按钮到网页 “