活动1设计个人网页
教材分析
在本活动中，教材安排了两个方面的内容，第一是规划网页的主题与内容，第二是设计网页版面结构。在规划网页主题与内容里，要求学生能根据个人的兴趣爱好确定积极的、健康向上的网页主题，并能围绕主题进行信息的获取。在网页版面结构的设计中，学生通过浏览各类网页，设计出自己网页的轮廓图。
【教学目标】
了解网站、网页的概念。
会确定网站的主题。
能根据既定主题获取相应素材。
能够科学分类管理素材。
能自主规划网页的版面。
掌握规划设计网页的方法。
提高获取、整理和积累素材的能力。
提高审美鉴赏的能力。
端正学习态度，养成良好的学习习惯。
【教学重点】
了解主题网站的概念。
规划、设计个人网页。
【教学难点】
了解网站和网页的区别。
完成网页的版面设计，明确各图文元素的位置和颜搭配等。
【教学课时】
2课时。
【教学准备】
优秀的个人网站或网页作品范例。
【教学过程】
第1课时（规划网页主题与内容）
教学阶段
教师活动
学生活动
教学意图
新课引入
1.让学生浏览一些优秀的个人网站或网页范例。
2.提问：你是否有自己的个人站点？想不想自己设计个性化的站点？
1.欣赏站点。
2.思考、讨论。
激发学生的学习兴趣。
介绍网页的概念
介绍网页的概念、网页与网站的区别与联系、超文本标记语言（HTML）、网页的扩展名、网页中包含的元素等。
1．学习。
理解网页、网站的概念。
规划网页主题
请学生参照教材第3页张晓明同学的建议，完成该页的学习单。
完成教材第3页的学习单。
用学习单来支持学生开展学习。
交流
请同组学生相互交流各自的网页制作目的与主题。
学生相互交流自己的网页制作目的与主题。
增强学生的合作交流能力。
分析素材类型
请学生结合教材第3页张晓明同学的网页范例“我的方寸世界”，来确定自己的素材类型，并完成第4页的学习单。
确定自己的素材类型，并完成学习单。
熟悉网页的素材分类。
围绕主题收集素材
请学生围绕自己确定的主题通过网络收集素材，并提醒同学们相互协助。
相互帮助，通过网络收集素材。
增强学生自主学习、协作学习的能力。
整理素材
1.提问：大家的素材有哪些类型？你们是如何分类、组织管理这些素材的？
2.引导学生总结：
（1）整理各种类型素材分别要用到的工具。如文本类型素材需要用到Word软件或者记事本工具。
（2）上网收集各种类型素材的方法。
1.思考回答问题。
2.总结。
1.增强学生的信息组织与管理能力。
2.让学生学会文本、图片的获取和管理方法。
分享经验
提问：你们还有哪些好的方法来获取文本、图片，请与同学们一起分享。
介绍获取文本、图片的其他方法。
头脑风暴。
课堂小结
小结：本节课大家围绕自己的主题在网上获取了资料，可能这些资料还不足以来支持你的网页。请大家在课后将你所需的其他资料通过扫描仪、WORD软件输入计算机。并自学教材第5页的有关网页的知识向导。
明确课后所要进行的探究活动。
1.归纳课堂。
2.明确课后任务
教学反思
第2课时（设计网页版面）
教学阶段
教师活动
学生活动
教学意图
新课引入
引入：上节课我们围绕主题收集了素材，同时课后大家也将自己所需的图片等素材通过扫描仪等方法输入了计算机。本节课我们来规划网页的版面。
了解学习内容。
开门见山，明确任务。
设计草案
1．请大家浏览几个网站（如中国百科网、科普博览网、时间网、中国古生物网等教师事先选好的网站）。
2．请学生结合参考网站，为自己的网页勾画出轮廓图。 如何免费制作个人网站
1.浏览参考网站，观察这些网页的基本构图。
2.在草稿纸上设计自己个人网页的轮廓草图。
设计出网页的轮廓。
相互交流讨论
请学生相互交流自己的网页结构轮廓，相互提出修改意见。
（1）你设计的网页有没有鲜明的主题？网页中有没有与主题无关的内容？有的话，请说明它的作用。
（2）网页的布局是否恰当？有没有做到图文并茂、重点突出、美观清晰？
相互讨论、交流、修改作品，听取其他同学的意见和建议。
通过头脑风暴，
完善版面的设计。
作品展示
请各组派一个代表展示自己的网站轮廓，各个元素的位置和各个版块的表现形式。
介绍自己的网页，其他同学提意见和建议。同时思考自己的网页修改方法。
提高鉴赏力。
确定网页版面
请学生根据其他同学的经验和意见建议，修改确定自己的网页版面布局。
修改确定自己的网页版面布局。
确定版面。
小结
小结：本节课我们设计了网页的版面，请大家保存好底稿。课后请大家熟悉一下FrontPage2003软件，下节课我们将使用它来实现今天设计的网页。
明确以后的学习方向。
明确后面的学习内容。
教学反思

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。