主题网站教学设计.doc

主题网站设计 泰兴市第三高级中学 程巧兰 【教材分析】 网站设计是《网站技术应用》第四章“建立主题网站”第二节的内容，第一节网站规划根据需求分析，确定做一个什么样的网站；第二节网站设计，解决如何去表达网站的主题，如何把内容成功组织和呈现。如果说规划使“做什么”的问题得到解决，那么设计则是决定“如何做”的问题，是把一个网站由蓝图变为现实的第一个步骤，是搭建网站整体结构的过程，它能使接下来的工作更加有的放矢。 【对象分析】 本案例的对象是高一年级的学生，通过必选教材的学习，学生具有一定的信息技术基础及网络知识，学生上网兴趣极高，被丰富多彩的网页所吸引，很想动手制作自己的网站。第一节学习后，学生就急于动手制作网站，忽视网站的设计。本节理论性较强，教师通过实践活动引导学生从感性认识上升到理性认识，逐步体会到想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是学习如何对网站进行整体规划和设计。为创建一个风格独特的个人网站打下基础。 【教学思路】 新课程倡导学生“自主、探究、合作”的学习方式，引导学生主动参与、勤于动手，培养学生分析问题、解决问题的能力。本节课，教师以网页制作专题学习网站为教学平台，采用任务驱动法、情境法、实践法进行教学，注重引导学生在网络学习环境中交流、评价，体验生生、师生互动给学习带来的帮助和乐趣，通过欣赏优秀网站的设计、小组合作讨论达成本节课教学目标。 【教学目标】 知识与技能： （1）了解网站设计的基本内容； （2）通过设计自己的主题网站，体验设计在建站中的重要性； （3）依据主题设计网站的栏目和结构，树立网站的整体风格； 过程与方法： （1）运用Frontpage2000设计网站的栏目，学会绘制网站的结构图，表达自己对网站架构的理解； （2）学习优秀网站设计，进一步提高学生的审美能力； 情感、态度与价值观： （1）培养学生的合作学习能力、探究问题的兴趣与能力； （2）培养学生的鉴赏能力； 重点：了解网站设计在建站中的重要性 难点：能够根据自己的需求设计网站的栏目、首页布局和风格 教学环境：多媒体网络教室 网页制作专题学习网站平台 【课时】：1课时 【教学过程】 一、情境导入 随着因特网的高速发展，网站如雨后春笋般发展起来，有的网站日访问量高达几十万、几百万、几千万人次，而有的网站访问量寥寥无几。同学们想一想究其原因是什么呢？ 展示：建立主题网站第一课时，各小组同学根据兴趣选择的主题如下： 主题类型 网站名称 科学 奇妙的声音 星空探秘 爱心 师生情 爱心在行动中成长 环保 绿色家园 水资源 电脑 我行我秀 动感特区 娱乐 旅游天地 音乐之星 教师引导：我们已经成功地迈出了建立主题网站的第一步，接下来该做什么呢？做网页？ 学生访问：(全国中小学电脑制作优秀作品集锦) 思考：选择与小组主题相近的优秀作品欣赏，作品中最吸引你的是什么？作品对你有哪些启发？ 讨论：选择一个网站，从栏目、布局、LOGO、色彩、内容进行小组讨论。 实践：小组讨论后，填写表4-1： 所选的网站 项目 优点 不足 收获 栏目设置 页面布局 网站标志 色 彩 网站内容 师生交流：浏览这些优秀的网站，同学们心动了吧！ 合理的规划为建立主题网站提供了一个总体框架，精美设计是吸引访问者的一个重要因素，想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是依据主题，设计网站的栏目、结构和风格。 二、新知探究 栏目设置 学生访问：网页制作专题学习网站/作品锦集/专题“逍遥游天下”网站 思考：浏览三个不同的网站首页，思考网站用几个栏目来展示主题？ 师生交流：建设一个网站好比写一篇文章，首先要拟好提纲，这样文章才能主题明确，层次清晰。栏目实质上是一个网站的大纲索引，将网站主题明确显示出来。 例如：蔡卿的“逍遥游天下”栏目设置 栏目名称 内容描述 旅游资讯 东方瑞士、嵖岈山自然风景区 北京天坛、长城 各地美景 各地特色图片展示 旅游常识 旅游饮食、爬山注意事项、常用药 字画欣赏 字画展示 顾歆甜的“逍遥游天下”栏目设置 栏目名称 子栏目名称 内容描述 奇景 桃花源 桂林象鼻山 水帘洞 中国死海 人间仙境 沁人肺的芳香 大红袍旅游线路 千古中条 秀水 洞庭湖 秦淮风光 碧波万顷十影 白鹭洲 夫子庙 明远楼 乌衣巷、 露宿 必读指南 地图 生存常识 营地选择 露营必读指南 野外没有地图如何走 野外生存常识 野外营地的选择 驻足 友情链接 给我来信 凤凰假期 天台山 E-MAIL 讨论：小组选择其中两个感兴趣的网站讨论：相同的主题从不同的角度划分的栏目各有千秋，栏目划分的依据是什么，各有哪些优点和不足。 实践：根据小组的网