网页制作范例

PAGEPAGE1规划设计“美丽的大理”网站张林晓一、案例背景信息1.模块：模块七网页制作2.年级：初二年级3.所用教材版本：科学教育出版社一年级下册4.学时数：非上机时间15分钟，上机时间：30分钟，课下调研、收集素材，大约用120分钟二、教学设计（一）教学目标：1、了解网站的整体设计和规划的内涵。2、掌握在Frontpage导航视图中合理设计网站结构。3、增进相互合作学习的能力，在讨论和帮助中完成网站和主页的设计。4、发挥想象力，制作出有自己特色的网站。（二）内容分析本课的主题是规划网站，教学重点应放在网站整体结构的设计上，引导学生理解网站的结构，学习规划网页间的层次结构，研究网站结构和风格，制作网站结构图，使学生对网站有一个整体的概念。（三）学生分析：学生对网页有初步了解，但在原有的认知水平、分析能力、理解能力上，学生大多关注一张张具体的网页，和网页中文本、图片、音频、视频的插入等具体操作，对网站和网页的整体结构不太关心。（四）教学策略设计：根据以上所分析的学生的知识体系的构成状况，任务的设计主要是为了使学生掌握网站整体的规划和构建，并在此基础上引发学生的创意和表现自我的意识。比如：网站的主题和内容虽然以大理为主线，但可根据自己的喜好进行选择。课程中首先给学生展示“九寨沟”网站的画面。引导学生欣赏、分析该网站的规划，得出其结构图，然后向学生讲解规划网站的内涵及原因，接着向学生提出自己建网站来介绍某个景点的要求，并强调建站规划的注意事项，以及制作主页的要求。1.教学方法设计：分析法、对比法、任务驱动法2.关于教－学流程和教－学活动的设计思路：本课的重点在于培养学生对规划网站的整体分析和规划能力，教学活动中，首先给学生展示层次结构分明和层次不分明的网站，让学生对比分析其结构，从中了解什么是网站的规划，我们为什么要进行网站的规划；然后引导学生自己规划网站，设计网站的结构；最后选择一些学生的网站结构在全班进行交流，通过对比激励学生设计的更好。至于主页的制作、用表格布局网页和创建电子邮件连接的操作，我打算搜索一个辅助网站，放在服务器上，让学生通过浏览，尝试性的进行操作。3.学生上机操作安排和教师应用信息技术的情况（1）学生上机操作的任务和目标：1、浏览网站，对比分析，了解网站规划的意义及必要性。2、以“美丽的××”为主题自己规划网站，运用Frontpage中的导航视图设计网站结构，创建主页和网页。3、（对有能力的学生）用表格布局网页，创建电子邮件连接。（具体操作可参考辅助教学网页）（2）教师计划使用设备、软件、课件或资源：局域网、教学广播、相关景点网站和网页三、教学过程1．教与学的过程描述教学阶段及所用时间教师活动学生活动设计思路问题记录课程引入引导学生欣赏、对比网站的结构,提问欣赏思考课堂活动1.展示网站结构图，引导学生从中了解什么是网站的规划，为什么要进行网站的规划。独具匠心的网站规划设计就象一幢宏伟的建筑前期的规划设计一样，要进行认真、科学总体规划，之后才可以“破土动工”。2.展示建网站需要注意的问题：=1\*GB3①网站主题和名称的定位=2\*GB3②网站结构的规划创建一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。=3\*GB3③网页布局的设计=4\*GB3④网页色彩搭配文字的变化、图片的处理分析回答问题任务布置1.任务：运行Frontpage，新建一个只有一个网页的站点，存放位置为“d:\Myweb”文件夹，在Frontpage“导航”试图模式下以“美丽的××”为主题完成网站结构的设计2.演示任务如何完成3.注意事项：=1\*GB3①如以“美丽的大理”为主题，可参看教科书76－77页；如以“美丽的××”为主题，则可参看“服务器上“云南旅游”提供的素材。=2\*GB3②完成网站结构设计的同学可参看“服务器上“Frontpage的使用”提供的学习帮助以及教科书77－78页，继续完成网站主页制作之表格的使用、文字和图像的编辑、创建电子邮件链接操作。上机操作小节展示学生完成任务情况，并进行小节四、教学资源和参考资料1.参考资料2.本课用到的网络资源及其网址洪恩在线3.本课设计或用到的课件（附后）评析：这是制作网站的第一节课，教师没有一开始就让学生制作网页，而是根据教材内容将本节课的教学重点定位在网站整体结构的设计上，通过作品赏析，引导学生根据网站主题规划网站的层次结构，学会在导航视图中设