《主题网站教学设计》由会员分享，可在线阅读，更多相关《主题网站教学设计（7页珍藏版）》请在金锄头文库上搜索。
1、主题网站设计泰兴市第三高级中学 程巧兰【教材分析】网站设计是网站技术应用第四章“建立主题网站”第二节的内容，第一节网站规划根据需求分析，确定做一个什么样的网站；第二节网站设计，解决如何去表达网站的主题，如何把内容成功组织和呈现。如果说规划使“做什么”的问题得到解决，那么设计则是决定“如何做”的问题，是把一个网站由蓝图变为现实的第一个步骤，是搭建网站整体结构的过程，它能使接下来的工作更加有的放矢。【对象分析】本案例的对象是高一年级的学生，通过必选教材的学习，学生具有一定的信息技术基础及网络知识，学生上网兴趣极高，被丰富多彩的网页所吸引，很想动手制作自己的网站。第一节学习后，学生就急于动手制作网站
2、，忽视网站的设计。本节理论性较强，教师通过实践活动引导学生从感性认识上升到理性认识，逐步体会到想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是学习如何对网站进行整体规划和设计。为创建一个风格独特的个人网站打下基础。【教学思路】新课程倡导学生“自主、探究、合作”的学习方式，引导学生主动参与、勤于动手，培养学生分析问题、解决问题的能力。本节课，教师以网页制作专题学习网站为教学平台，采用任务驱动法、情境法、实践法进行教学，注重引导学生在网络学习环境中交流、评价，体验生生、师生互动给学习带来的帮助和乐趣，通过欣赏优秀网站的设计、小组合作讨论达成本节课教学目标。【教学目标】知识与技能：
3、（1）了解网站设计的基本内容；（2）通过设计自己的主题网站，体验设计在建站中的重要性；（3）依据主题设计网站的栏目和结构，树立网站的整体风格；过程与方法：（1）运用Frontpage2000设计网站的栏目，学会绘制网站的结构图，表达自己对网站架构的理解；（2）学习优秀网站设计，进一步提高学生的审美能力；情感、态度与价值观：（1）培养学生的合作学习能力、探究问题的兴趣与能力；（2）培养学生的鉴赏能力；重点：了解网站设计在建站中的重要性难点：能够根据自己的需求设计网站的栏目、首页布局和风格教学环境：多媒体网络教室 网页制作专题学习网站平台【课时】：1课时【教学过程】一、情境导入随着因特网的高速发展
4、，网站如雨后春笋般发展起来，有的网站日访问量高达几十万、几百万、几千万人次，而有的网站访问量寥寥无几。同学们想一想究其原因是什么呢？展示：建立主题网站第一课时，各小组同学根据兴趣选择的主题如下： 主题类型网站名称科学奇妙的声音 星空探秘 爱心师生情 爱心在行动中成长 环保绿色家园 水资源 电脑我行我秀 动感特区 娱乐旅游天地 音乐之星教师引导：我们已经成功地迈出了建立主题网站的第一步，接下来该做什么呢？做网页？学生访问：http:/(全国中小学电脑制作优秀作品集锦)思考：选择与小组主题相近的优秀作品欣赏，作品中最吸引你的是什么？作品对你有哪些启发？讨论：选择一个网站，从栏目、布局、LOGO、色
5、彩、内容进行小组讨论。实践：小组讨论后，填写表4-1：所选的网站项目优点不足收获栏目设置页面布局网站标志色 彩网站内容师生交流：浏览这些优秀的网站，同学们心动了吧！合理的规划为建立主题网站提供了一个总体框架，精美设计是吸引访问者的一个重要因素，想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是依据主题，设计网站的栏目、结构和风格。二、新知探究 栏目设置学生访问：网页制作专题学习网站/作品锦集/专题“逍遥游天下”网站思考：浏览三个不同的网站首页，思考网站用几个栏目来展示主题？师生交流：建设一个网站好比写一篇文章，首先要拟好提纲，这样文章才能主题明确，层次清晰。栏目实质上是一个网站
6、的大纲索引，将网站主题明确显示出来。例如：蔡卿的“逍遥游天下”栏目设置栏目名称内容描述旅游资讯东方瑞士、嵖岈山自然风景区北京天坛、长城各地美景各地特色图片展示旅游常识旅游饮食、爬山注意事项、常用药字画欣赏字画展示顾歆甜的“逍遥游天下”栏目设置栏目名称子栏目名称内容描述奇景桃花源 桂林象鼻山水帘洞 中国死海人间仙境 沁人肺的芳香大红袍旅游线路 千古中条秀水洞庭湖 秦淮风光碧波万顷十影 白鹭洲夫子庙 明远楼 乌衣巷、露宿必读指南 地图生存常识 营地选择露营必读指南 野外没有地图如何走野外生存常识 野外营地的选择驻足友情链接 给我来信凤凰假期 天台山 E-MAIL讨论：小组选择其中两个感兴趣的网站讨
7、论：相同的主题从不同的角度划分的栏目各有千秋，栏目划分的依据是什么，各有哪些优点和不足。实践：根据小组的网站主题和内容，对网站的栏目进行设计，并简单描述每个栏的主要内容，填写表4-2并进行自评。（参考“网页制作专题学习网站/网站设计/栏目设计）栏目名称子栏目名称内容描述师生评价：作品上传，展示小组主题网站的栏目设计表，根据是否紧扣主题、是否重点突出和是否方便浏览三方面，进行小组评价、教师评价选出栏目设计的最佳小组。 版面布局教师引导：浏览“逍遥游天下”网站首页，你喜欢哪一个首页的版面设计？为什么？师生交流：版面布局是指将不同元素以最适合浏览的方式排放在页面的不同位置，合理的版面布局能够让浏览者
8、清楚、容易地理解作品传达的信息。网页呈现的内容很多，如何合理地放置信息，使之看起井井有条、主次分明是版面布局需要考虑的问题。常见的页面布局样式常见样式 特 点 示例 “厂”字型 优点：结构清晰，主次分明。缺点：呆板。 顾歆甜、蒋晔作品“口”字型 优点：信息量大，切换方便。缺点：页面拥挤，不够灵活。 蔡卿作品自由式 优点：漂亮、吸引人。缺点：显示速度慢，文字信息少。 刘超作品思考：访问 to 花蝶谷、虫语花香”这两个网站首页的布局；教师引导：网页制作专题学习网站的栏目布局标题栏栏目名称子栏目主要内容附加信息实践：根据小组主题网站的内容和栏目结构，每人绘制一个版面布局图，经过讨论，选出最佳方案，
9、并将作品上传。（参考“网页制作专题学习网站/网站设计/版面设计） 树立整体风格教师引导：在浏览网站的时候，我们会发现好的网站往往具有独特的风格，如：粗犷豪放的、清新秀丽的、温文尔雅的，还有执著热情的，即使只看到其中的一页，也可以分辨出是哪一种类型网站。这是因为同一个网站的网页往往都有统一的外观设计。这种统一的外观设计就是网站的整体风格。 如何树立整体风格？自主学习：网页制作专题学习网站/网站设计/网站整体风格师生交流：1、 设计一个独特魅力的网站LOGO，并将它放在页面最突出的位置。 2、网站的标题、主菜单和主色块文字采用相似和谐融洽色彩。3、标题、主菜单选择一些特别的字体。教师引导：树立网站
10、整体风格分三步第一步-网站标志 学生访问：“网页制作专题学习网站/网站设计/网站图标” 思考：图标的设计方式与特点是什么？师生交流：标志可以是中文、英文字母，可以是符号、图案，可以是动物或者人物等讨论：图标与网站名称和内容有什么关系？表达怎样的含义？ （参考“网页制作专题学习网站/知识拓展/谷歌创意LOGO欣赏”）师生交流：1、选择与主题有关的，并具有代表性的人或者物，用它们作为设计的蓝本，加以卡通化和艺术化，例如搜狐网站的卡通狐狸。2、 用自己网站的中文或者英文名称作标志，或者用其中的字母和符号合成。3、 对于专业性的网站，可以以本专业有代表的物品作为标志。实践：小组讨论，尝试设计小组的主题
11、网站标志。第二步-网站色彩教师引导：网站给人的第一印象来自于视觉的冲击，确定网站的色彩至关重要。色彩能够体现网站形象、延伸网站内涵，甚至可以影响访问者的情绪。标准色彩的设置能够反映网站的水平。学生访问： 优秀网站，思考：网站标准色彩是什么？使你产生了什么样的感觉？师生交流：标准色彩指应用于网站标志、标题、主菜单、主色块文字的色彩。图片的主色、背景色、边框也应尽量使用标准色彩。 讨论：每种色彩都有自己的语言，代表一定的含义，你希望你的主题网站能够给人什么样的感觉，小组讨论之后确定主题网站使用哪一种标准色彩。第三步-标准字体教师引导：标准字体指用于标志、标题、主菜单的特有字体，一般网页默认的字体
12、是“宋体”，为了体现站点的“与众不同”和特有风格，可以根据需要选择一些特别的字体。但要注意的是，使用一些比较特别的字体时，最好采用图片的格式，因为浏览者的浏览器可能没有安装包含你的特别字体的字体库，导致特别的字体显示不出来。实践：1、因特网上搜索下载艺术字体，2、小组讨论，完成下表4-3，并上传。网站名称网站标志主色调标志与字体设计特色师生评价：教师选出几个具有代表性的设计方案，和学生一起讨论，分析其中的优点和不足的地方，并给出一些建议，为下节课的网站制作打下良好的基础。三、课堂小结及自我评价1、师生共同回忆本课所学新知；2、小组成员浏览及完善作品；3、访问“网页制作专题学习网站/自我评价/”
13、，分析网站设计的成功之处和存在的疑惑。四、课后任务选定了主题和栏目，接下来就是该准备网页素材了。网站设计成功的最大秘诀在于浏览者感到网站对他们非常有帮助，“内容为王”仍是网站设计的关键。1、根据主题和栏目广泛地收集素材；2、对收集的素材进行分类管理。3、注意保护知识产权，避免侵犯别人的版权。【教学评价】1.结果表格化，通过对表格文件的评价能够判断学生是否从给出的例子当中得到一些帮助和启发，同时也便于量化；2.网站栏目设计是否符合主题，是否具有自己的特色；3.网站的版面样式设计是否突出主题，是否合理；4.网站的交互设计是否具有良好的人机交互性，是否人性化。主要从上面的四个方面进行评价，同时要结合
14、各组的实际情况如成员基础、主题等。过程评价：主要是教师在辅导和巡视的过程中注意各组的进度，成员之间的合作情况以及学生的参与度。【教学反思】反思上述教学活动的过程，我认为，教学成功的关键在于：1、构建数字化学习平台，充分利用网络资源设计主题网站专题学习网站进行教学，体现了“面向全体学生”的教学理念。利用设计主题网站专题学习网站指导学生转变学习方式，提高自主学习能力。在注重讲解基础知识的同时，把教学关注点放在学生的能力培养和长远发展上，逐步提高学生的信息素养。2、体现了“以学生为本”的教学理念。循序渐进，设计层层深入任务的方式，以活动的形式引导学生进行自主、探究、合作学习，培养学生分析问题、发现问题、解决问题的能力。学习了每个知识点后，及时进行评价，督促学生进一步完善，为下一步的学习打好坚实的基础。通过教学实践，我认为，专题学习网站还需改进：知识点有待进一步细化，学生作品管理和学习评价等功能有待完善。主题网站学
