三、教学建议
1.导入新课(情景创设)
如果绝大部分学生在网页制作方面是零起点,引入时可以演示一睦学生自己制作的网页(本校学生制作的,更有影响力;也可以采用全国中学生电脑作品大赛的获奖作品),引起学生的兴趣,然后切入本节的内容;也可以通过对比的方式,突出网页模板的作用,然后让学生尝试用网页模板创建网网页。
2.补缺
如果学生从未制作过网页或者不熟悉FrongPage 2000界面,需要先为学生补充介绍,为后面的学习扫清障碍。
3.实践导引
在实践中,要允许学生自主选择网页模板和主题,但教师要适时引导学生对网页美观的认识。
(1)用模板快速创建网页
此处要强调“使用模板创建网页”的操作方法:执行“文件/新建/网页”菜单选项。指出使用常用工具栏上的“新建网页”按钮创建的网页其实是使用了“普通网页”模板。
(2)编辑网页内容
本环节主要包括以下内容:,
★网页中文字的编辑。
此部分内容比较简单,教师可以不用特别强调,学生可以迁移word中所学的知识来完成,对于个别基础差的学生则进行个别指导。
★网页中图片的编辑。
首先要向网页中添加图片。添加“来自文件”的图片时,其操作方法和Word中添加图片的方法有所不同。教师可以引导学生在下面的“图片”对话中查找相应的按钮。
其次是图片属性的设置。网页中的图片属性设置项目较少,主要有图片的大小、对齐方式、边框粗细等,至于如何控制图片的位置,如果有学生提及,也不用讲解,从而为下节“网页的布局”埋下伏笔。
此处要注意教给学生“设置对象属性”的常规方法,即:右击对象,在快捷菜单中选择相应的命令。
(3)预览并保存网页
预览网页有两种方法:使用“预览”按钮和“在浏览器中预览”按钮,注意从按钮的位置、预览效果等方面进行比较,如果网页内容发生了改变,使用第二种方法会提示是否保存网页。并对图片进行嵌入式保存。
4.评价建议.
建议从以下几个方面进行评价,而且宜粗不宜细。
(1)是否完成了一个网页?
(2)网页中的文字和图片是否与主题相关?
(3)网页是否美观?
5.助力
通过阅读“常见的网页制作工具”,可以开拓学生的视野;为了将来网页发布后能获得比较好的视觉效果,让学生一开始就了解文字的编排技巧,并应用于网页制作中。
6.加油
图片很大时,放在网页上会影响网页的美观,发布网站后也会影响到网页的打开速度,因此要使用缩略图。如果教学时问允许,此部分内容也可以放在教材正文中讲解。
练习参考:
1.A 2.A,B,C 3.D 4·启动搜索引擎(如WWW.baidu.com,www.google.com等),使用“网页模板,为关键字进行搜索并下载。
网页的创建(学案) |
||
学习者姓名 |
|
|
第一环节 |
准备工作 |
1.在教师指定的位置新建一个文件夹,以保存网页和网页中的 图片等元素。你新建的文件夹名称是:。 (写出完整路径) 2.启动FrontPage 2 000,熟悉操作环境。 FrongPage 2 000编辑环境提供了6种试图,分别是: ——、——、——、——、——和——。 编辑网页应该在视图下进行。 在网页视图方式下,单击——标签可直观地进行网页的编辑,单击——标签可直接编辑HTMI。代码,单击——标签可观察网页在浏览器中的效果。 |
第二环节 |
用模板创建网页 |
1.用模板创建网页使用的菜单项是:。 2.你使用的是——模板。 3.你的网页内容的主题是。
|
第三环节 |
编辑网页内容 |
1.必学: (1)将网页中的文字换成与主题相关的内容。 (2)设置文字的字体、字号和颜色。 (3)至少插入一幅“来自文件”的图片。体会与word中插入图 片的不同之处。 (4)设置图片的属性 右击图片,选择“图片属性”命令,在“外观”选项卡中设置图片的对齐方式和边框粗细。 2.拓展 制作缩略图。使用的菜单项是___________。 3.探究 能不能设置图片与周围文字的环绕方式?你得到的结论是:_________________ |
第四环节 |
预览并保存网页 |
1.预览网页。 通常可以采用下列两种方式预览网页。 (1)在“网页视图模式”下,单击___________标签。 (2)使用常用工具栏的___________按钮。 2.保存网页 保存网页时,如果网页中有新增的图片,则会出现______对话框。 图片一般保存在文件夹中。 你保存的网页文件名是,网页文件的扩展名是_________________ |
第五环节 |
体会 |
你觉得使用模板创建网页的优点和局限各是什么? |