制作图文并茂的网页.doc

1、第 5 课 制作图文并茂的网页教学目标：1 学会在网页中插入和设置水平线2 学会在网页中插入和设置图片3 学会保存带图片的网页教学重点：会在网页中插入和设置水平线、插入和设置图片、保存带图片的网页教学任务：制作一个有水平线和图片的网页教学过程：师：在网页中，图片不仅可以用作背景，还可以与文字、表格等配合，使得网页图文并茂、丰富多彩。下面我们就给网页加上一条水平线，插入一幅图片。任务一 在网页中插入和设置水平线光标定位插入水平线水平线属性设置水平线的粗细、颜色任务二 在网页中插入和设置图片1 在网页中插入图片插入图片剪贴画、来自文件2 用图片工具按钮设置图片生：图片太大，人的后面还有一片白，不好

2、看！师：把图片设置一下在图片上单击鼠标左键，选中图片后，在图片的周围会出现八个控制柄。把鼠标箭头放到控制柄上，当鼠标光标变成双向箭头时，按住鼠标左键拖动，就能调节图片的大小。其它操作如：图片的透明设置：选中图片设置透明色鼠标点击生练习操作，师巡视指导任务三 保存带图片的网页在网页中插入的图片，保存网页时，FrontPage 会提示你把网页中的图片保存起来，来防止图片丢失。一般就默认情况下，FrontPage 会把图片保存到image 文件夹下。练一练：（见书 P18）试一试：1 把水平线的宽度改为 100 像素，使水平线分别“右对齐” 、 “左对齐”和“居中” ，分别在“预览”方式下看一看效果。2 把网页中插入剪贴画，进行“翻转” 、调节“对比度”和“亮度”等操作。师小结