高中信息技术：网站和网页教学设计
我爱我家手抄报-在校大学生兼职
新修订高中阶段原创精品配套教材
网站和网页
教材定制
提高课堂效率 内容可修改
Websites and web pages
教师：风老师
风顺第二中学
编订：FoonShion教育
原创教学设计
Excellent
Teaching Design
网站和网页
教材说明：本教学设计资料适用于高中信息技术科目 ，主要用途为帮助学生通过学
习高效率的
科技手段，使学生在社会生活中能通过更快解决生产、生活中的实际问
题，并能严谨地思考，并能产生良
好的解决方法，进而促进全面发展和提高。内容已
根据教材主题进行配套式编写，可直接修改调整或者打
印成为纸质版本进行教学使
用。
（一）教学要求
1、
了解万维网的基本架构。
2、 理解网页的作用。
3、
掌握网页元素和网页构件的使用。
4、 学会使用常用的网页制作工具。
（二）教学设计建议
本节安排一个课时，主要通过对几个网页的分析，掌握
文本、图像和
超链接是网页的基本元素，而声音、表格、表
单等则是网页的构件。
本节的重点是掌握网
页的基本元素，而网页构件则是将
这些基本元素有机地组合成一个单元以构成更为丰富多彩
的网
页。
本节是本章的基础，只有掌握了组成网页的元素和构件，
才能在设计网页过程中，更
加清楚地理解所操作的对象的作
用和地位。
教材中给出了几个国内著名网站某一天首页的屏幕截
第 2 页 总 4页
原创教学设计
Excellent Teaching
Design
图，教学过程中不必受制于教材，可以补充一些其他网站的
网页，比如，网页布
局更为简洁，更能充分说明网页元素的
网页实例。在教材中，因为担心有些例子可能会由于某些原
因无法在浏览器中原样打开，所以没有采用，而在具体教学
时，可以根据实际情况采用这些例子，以便
让学生更容易掌
握网页元素。
对于网页构件“表格”、“表单”、“声音”和“内嵌小程
序”等，
由于“表格”在设计网页时有更深一步的体会，可以暂缓讲解
外，其他构件则可通过让
学生一起参与对一个网络投票系统
的具体操作，加强对“表单”的理解。这部分内容由于网页变
化很快，未在教材中给出操作示例，请教师在教学中自行补
充。
对于“声音”构件的教学
，可以事先找到一些有声音效果
的网页，在上课时实际打开它，让学生亲身感受声音构件在
网页
中所起到的作用。
至于“内嵌小程序”可以先让学生观看有java小程序的网
页，注意
到网页中由java小程序生成的效果中的文字内容。
然后，打开该网页的源程序，让学生找到有这些文
字内容的
程序部分，指出java小程序的源代码和作用。
本教材的配套光盘的相应文件
夹中，提供了声音网页和
内嵌java小程序的网页供教师在教学过程中参考使用。
教材中介绍了两种网页设计工具软件，它们都有“所见即
第 3 页 总 4页
原创教学设计
Excellent Teaching
Design
所得”的特点，可以告诉学生，一些文字处理软件中的文档也
可以另存为网页格
式的文件，如word xxxp等，在文件菜单
中就有“另存为web页”的命令。
在wps office xx的“金山文字”中保存文件时，可以在“保
存类型”中选择“html文
件”选项，也可达到制作网页的目的。
本节的“练一练”要求设计一幅校园网的主页，并不是让<
br>学生马上设计一个网页，而是让学生在稿纸上设计主页，要
求在设计时能充分运用各种网页元素和
构件。
<
FoonShion教育研究中心编制
Prepared
by foonshion Education Research Center
第 4 页
总 4页