文档介绍:: .
上传,网页中图片一般采用容量较小的格式,如JPEG、GIF、
PNG 等。
三、在网页中插入水平线
学生阅读相关内容,试着自己在网页中的标题与正文之间插入一条水平
线,并设置“水平线属性”。(教师巡回指导)四、保存网页
同 WORD 操作相似,并尝试用不同的方法保存 ,考虑哪种方式
更方便?
试一试:将刚刚插入到网页中的图片指定保存位置为:本站点的
“images”文件夹。
五、预览网页
方法一:利用 FrontPage 自带的预览功能;方法二:通过浏览器预览。
练一练:按照上面介绍的两种方法预览自己的网页,分析它们各有什么
优缺点?
六、添加新网页
“文件”---“新建”---“网页”
七、实践与创新:
1、根据第 1 课的规划,参照小宇设计的“我的父母”所示的界面,设
计制作网页“我的父母”,其文件名为:,标题为“我的父母”。
2、对新建的网页进行预览,并改变预览窗口的大小,你会发现什么现
象?有什么办法可以解决这个问题?
八、小结:
在网页中插入文字、图片、水平线及网页的保存、预览,添加新网页。
九、课后反思:第 3 课 网页中的表格
学习目标:
1、知识目标:理解表格在网页设计中的重要作用。
2、技能目标:学会使用表格布局网页;灵活掌握表格调整的方法。
3、情感、态度与价值观目标:了解学校概貌,发现校园之美;养成良
好的生活和学习习惯。
教学方法:自学法、演示法、观察法、实践法、小组合作。
教学重点:在网页中插入表格及表格的调整。
教学难点:在网页中插入表格及表格的调整。
学习时间:1 课时。
学习过程:
引入课题:通过对“某校园鸟瞰图”与下载的“中学生作文网”的首页
作比较,引导学生发现网页中表格的运用。
学习与探究:
一、表格的作用
阅读本部分内容,思考:在网页中使用表格有何作用?
表格可使网页中的文字、图片、动画等素材排列整齐有序,并且不会因
浏览窗口大小的改变而改变排列方式。
二、在网页中插入表格
试一试:阅读相关内容,试着在站点“诗文荟萃”中打开首页文件
,分别插入四个表格,依次为:2*3、2*2、1*4 和 2*1,宽度都为
780 像素,水平居中。(教师巡回指导)
三、表格的调整
1、? 行高和列宽的调整
方法一:手动操作 方法二:通过单元格属性或表格属性调整
2、? 单元格的合并和拆分
教师演示:(1)选中想要合并或拆分的单元格;(2)单击鼠标右键,在快捷菜单中选择“合并单元格”或“拆分单元
格”。
3、? 插入或删除表格中的行或列
(1)选择相应的行或列;
(2)单击鼠标右键,在快捷菜单中进行相应选择。
4、? 平均分布行和列
(1)选择需要平均分布的行或列;
(2)单击鼠标右键,在快捷菜单中进行相应选择。
练一练:参照“诗文荟萃”网站首页布局的内容,调整前面插入的表格,
并将在第 1 课中输入的内容移到表格内。预览网页,测试调整效果。
四、设计网页模板
教师操作:“文件”---“另存为”---选择“Frontpage 模板(*.tem)”,
并命名模板文件名(如:“诗文荟萃”)
练一练:将网站首页文件 存储为网页模板,命名为“我的模
板”,然后以利用模板的方式新建一个网页。
五、实践与创新:
运用表格重新设计 的网页布局,预览时改变浏览器窗口的
大小,观察网页的布局是否会发生变化?这说明表格对于网页内容还能起到
什么作用?
六、小结:在网页中插入表格、表格的调整和网页模板的设计。
七、课后反思:第 4 课 网页的美化
学习目标:
1、知识目标:了解美化网页的常用方法,理