网页制作 教案（三个课时）

本资料来自于资源最齐全的２１世纪教育网www.21cnjy.com 网页制作（二） 教学目标 掌握网站构思的一般方法学会收集、整理素材的基本方法掌握网页制作的基本方法掌握链接网页的各种方法 教学重点 目标2、3、4 教材分析 从本章内容框架中，我们可以看出，在了 解网页的基本元素和构件，并确定了制作工具的基础上，网页的设计与制作需要经过五个步骤才能完成：确定任务、需求分析、制定解决方案、素材的收集与整理、制作网页。其中前三个步骤是前提，决定了整个网站的主题、结构等基本内容；第四步是基础，大量的符合网站主题要求的素材是网站建设的基础；第五步是关键，网站的主题和丰富多彩的资料，必须通过网页的形式呈现，网页制作是本章的重中之重。 教学环境及所需资源 多媒体网络教室多媒体网络教室管理软件、屏幕广播数字投影机开放互联网 教学环节 教师活动 学生活动 教学过程 网站的设计、制作可分成三个主要方面：网站构思、素材整理、网页制作。第一步：网站构思设计：确定任务，进行需求分析。在上节课的剩余时间中组织好合作小组，做好任务安排。每位同学思考确定准备制作的网站的主题，同时为下节课的活动做好准备。（上节课已经布置过任务了。）第二步：素材的搜集整理：根据自己确定的主题内容，收集有关的文字、图片、声音、影像等素材。（可以上网搜索素材，也可以使用其他方法或工具搜集素材。）将搜集到的素材进行分类和评价，保留有用 的素材，并对素材进行必要的处理。（如将图片的格式转换成JPG格式，文字素材进行重新编排，将声音和影视资料转换成RM或WMV等流媒体格式。）（素材的加工涉及到的知识点过多，使用的软件也数不胜数，可以根据学生的具体需求，或是适当的为程度较好的同学讲解。对于程度稍差的同学，可以简单的介绍，或是介绍他们直接收集不太需要加工处理的素材。）第三步：制作网页：按照主题网站的总体规划，分别制 作网站中的各个网页。（教师应先为学生介绍网页制作中的各种操作方法，可以采用演示与学生自学相结合的方法，在学生的具体制作过程中，还可以个别辅导。）将制作好的各个网页用超链接正确的链接在 一起，基本完成一个主题网站的制作。（超链接在网页中的地位非常重要，所以教师应该为学生详细演示讲解超链接的各种设置方法，让每位同学都能够熟练掌握。）美化和优化主题网站。（根据教师和同学之间的综合评价，可以留待课余时间逐步完善。） 学生认真听课学生自己实践体验 随堂练习 第一个活动：实践体验“设计制作网站主页”活动目的：学会设计和制作简单的网页掌握网页制作工具FrontPage的使用方法 活动步骤：根据确定好的主题，用已经搜集素材制作网页。关于文字的输入和对文字的格式设置很简单，学生基本都可以操作。在制作网页过程中，主要有两个关键的内容，即“虚线表格”和“图片属性”，这两个内容需要教师对大多数同学重点指导。通过单元格的合并，以及在单元格中嵌套表格的方法，可以实现许多美观的网页元素定位效果。在插入图像后，通过对图像属性的设置，可以改变图像的大小，以便在网页中显得更加和谐协调。对于HTML代码部分，可以在HTML代码窗口中，通过改变代码中的部分内容，观察网页编辑窗口中相应部分的变化，说明两者之间的对应关系。第二个活动：实践体验“设置超链接”活动目的：掌握建立超链接的基本方法掌握设置各种超链接的方法学会在网页中实现图文混排的方法活动步骤：通过操作方法示意图了解建立超链接的基本方法 。在一个正在编辑的网页中，选中某一段文字或图片作为设置超链接的对象，然后再该对象上插入或编辑超链接。分别操作演示建立指向目标网页URL的、已建立的网页、电子邮件地址的超链接的方法。将已经制作好的各个网页都保存到网站所 ... ...