网页制作教学设计
【教学目标】 （一）知识与技能
1.了解网页布局中表格的作用。
2.以Frontpage为例学会用表格进行布局、隐藏表格边框线、设置表格宽度、合并及拆分单元格、表格居中。
3.学会在表格中插入文字和图片，学会设置网页背景。 4.能自己设计并制作一个简单的主页。 （二）过程与方法
1.通过欣赏网站，学会规划与设计网页的能力。 2.通过网页的制作，掌握设计网页的一般步骤。 （三）情感态度与价值观
1.通过欣赏和评价优秀网站，培养审美能力，激发创作欲望。 2.通过制作“魅力胶州”主页，培养学生热爱家乡情怀。 3.制作主页时加入版权信息，培养学生成果保护意识。 【教学重点和难点】 重点：
1.表格的作用及应用。 2.文字与图片的插入。 难点：
1. 如何安排文字与图片的位置，使页面更和谐。 2. 如何拆分与合并单元格，使表格的布局更为合理。 【教学过程】 一、温故而知新。
1.网站由什么组成？ 2.主页的文件名一般是什么？ 3.网页三元
素是什么？ 4.网页制作工具有哪些？ 二、美站欣赏，寻找异同。
请打开“网页制作”文件夹中的“心灵驿站”和“李桥面塑”两个网站，从以下几个方面分析比较。 1.主题 2.风格 3.主页 三、分析探密，小试牛刀。
1.用Frontpage打开“学生作品”文件夹中的“index.htm”，分析网页用什么来布局？
2.参照index.htm，打开“半成品.htm”，插入图片和文字，完善网页。 步骤参考：
<合并单元格>选中要合并的单元格——右键选择“合并单元格” <插入图片>“插入”菜单—“图片”—“来自文件” 预览时发现问题了吗？如何解决？ 3.隐藏表格。
步骤参考：在表格中单击右键——“表格属性”中将边框粗细设为0。
4. 如果移动“images”文件夹中的一张图片，网页还会正常显示图片吗？大家移动下试试。 四、大显身手，实战演练。
以“魅力胶州”为主题，设计制作主页。 1.未来设计师。
请在以下空白处设计一张布局草图。（可参考学案最后的网页布局常见结构）
2.用表格实现布局。 友情提示：请在桌面上建立一个根文件夹，以“组号+姓名”命名。在文件夹中建一个“images”文件夹放用到的图片素材，将制作的网页保存到根文件夹中。 步骤参考：
<如何插入表格>“插入表格“按钮——设置行、列数——边
框粗细设为0
<设置表格宽度>在表格中单击右键——指定宽度打对号——
选像素——输入数值（建议600-800）
<拆分单元格>在单元格中单击右键——拆分单元格 3.完善美化网页。 （1）编辑图文素材 1.输入文字并修饰文字。 2.输入图片并调成合适大小 （2）进一步修饰网页 1.将表格居中。
2.设置网页背景色或用图片做背景
<步骤参考>在网页空白处单击右键—“网页属性”—“格式”标签
设置背景色：在“格式”标签选颜色—背景—选择一种颜色 用图片作背景：“格式”标签—“背景图片”打上对号—点“浏览”—找到背景素材。 （3）加上版权信息 五、上传作品，组内互评。
每人将自己的文件夹以“组号+姓名”命名，通过电子教室（顶端工具条的第三个按钮“将文件提交给教师”）提交到教师机上。各组长组织小组内互相评价，选出一个最好的作品参加展示。
评价标准 主题突出、内容清晰明了 网页元素搭配合理 风格统一、有创意 色彩搭配协调、页面美观 布局合理、整齐、没有错位 六、共同评价，决战优胜。 七、课堂小结
得分（满分5分） 1 1 1 1 1 学情分析
上一节课，学生学习了网站和网页的基础知识，了解了网站的构成，网页的基本元素、制作网页的常用工具等。而且大部分学生都会上网浏览网站，对网页的布局、设计和制作带来了方便。
本节课使用的软件是Frontpage,它简单易用，与word十分的相似，适合于初学者。学生在学习时可以通过第三章学过的word的知识迁移到Frontpage的学习中。
学习小组的整体意识已经建立，组内合作、组间竞争的氛围已经形成，所以可以采用自主探究、合作学习等，通过各组推荐的作品展
示进评价，让学生在学习中提高技术水平。
学生基础不同，接通受能力不同，可以发挥小组长的作用，指导组内成员，共同完成学习任务。
效果分析
本节课的学生的学习兴趣浓厚，课堂气氛活跃，积极配合。师生双边活动良好，学生讨论交流热烈，教学效果显著，目标达成很好。每一位学生都能利用本节课学到的知识制作出一个主页，并提交。但是因为来自不同的初中学校，基础知识和操作水平也各不相同，最后呈现的作品有点参差不齐，以后的课堂教学设计中对分层教学要再细化。
教材分析
《网页制作》是浙教版《信息技术基础》第六章第二节的内容，教材中以“北京故宫”网站为例，介绍了网页制作的一般步骤，并设计了两个实践体验“设计制作网站主页”和“设置超链接”，是制作网站的最重要的环节。
本节课我设计的内容是“设计制作网站主页”，是巩固与提高学生网页设计技巧的极好机会。让学生学会使用Frontpage软件制作简单的网页，设计制作以“魅力胶州”为主题的主页，利用所掌握的知识解决生活中的实际问题，使学生能够学以致用。发挥信息技术学科优势，增强学生的动手能力，全面提升学生的信息素养。
复习导入练习
1.网站由什么组成？ 2.主页的文件名一般是什么？ 3.网页三元素是什么？ 4.网页制作工具有哪些？
高中信息技术_网页制作教学设计学情分析教材分析课后反思
