主题网站教学设计.docVIP

主题网站设计 泰兴市第三高级中学 程巧兰 【分析】 对象分析本案例的对象是高一年级的学生学生有一定的信息技术基础及网络知识，学生网兴极高，被网所吸引，很想手制作的网站。教学教学【教学过程】一、 科学 奇妙的声音 星空探秘 爱心 师生情 爱心在行动中成长 环保 绿色家园 水资源 电脑 我行我秀 动感特区 娱乐 旅游天地 音乐之星 教师引导：我们已经成功地迈出了建立主题网站的第一步，接下来该做什么呢？做网页？ 学生访问：(全国中小学电脑制作优秀作品集锦) 思考：选择与小组主题相近的优秀作品欣赏，作品中最吸引你的是什么？作品对你有哪些启发？ 讨论：选择一个网站，从栏目、布局、LOGO、色彩、内容进行小组讨论。 实践：小组讨论后，填写表4-1： 所选的网站 项目 优点 不足 收获 栏目设置 页面布局 网站标志 色 彩 网站内容 师生交流：浏览这些优秀的网站，同学们心动了吧！ 合理的规划为建立主题网站提供了一个总体框架，精美设计是吸引访问者的一个重要因素，想要制作出高质量的网站，不但要学习和掌握网页的制作技术，更重要的是依据主题，设计网站的栏目、结构和风格。 二、新知探究 栏目设置 学生访问：网页制作专题学习网站/作品锦集/专题“逍遥游天下”网站 思考：浏览三个不同的网站首页，思考网站用几个栏目来展示主题？ 师生交流：建设一个网站好比写一篇文章，首先要拟好提纲，这样文章才能主题明确，层次清晰。栏目实质上是一个网站的大纲索引，将网站主题明确显示出来。 例如：蔡卿的“逍遥游天下”栏目设置 栏目名称 内容描述 旅游资讯 东方瑞士、嵖岈山自然风景区 北京天坛、长城 各地美景 各地特色图片展示 旅游常识 旅游饮食、爬山注意事项、常用药 字画欣赏 字画展示 顾歆甜的“逍遥游天下”栏目设置 栏目名称 子栏目名称 内容描述 奇景 桃花源 桂林象鼻山 水帘洞 中国死海 人间仙境 沁人肺的芳香 大红袍旅游线路 千古中条 秀水 洞庭湖 秦淮风光 碧波万顷十影 白鹭洲 夫子庙 明远楼 乌衣巷、 露宿 必读指南 地图 生存常识 营地选择 露营必读指南 野外没有地图如何走 野外生存常识 野外营地的选择 驻足 友情链接 给我来信 凤凰假期 天台山 E-MAIL 讨论：小组选择其中两个感兴趣的网站讨论：相同的主题从不同的角度划分的栏目各有千秋，栏目划分的依据是什么，各有哪些优点和不足。 实践：根据小组的网站主题和内容，对网站的栏目进行设计，并简单描述每个栏的主要内容，填写表4-2并进行自评。 （参考“网页制作专题学习网站/网站设计/栏目设计） 栏目名称 子栏目名称 内容描述 师生评价：作品上传，展示小组主题网站的栏目设计表，根据是否紧扣主题、是否重点突出和是否方便浏览三方面，进行小组评价、教师评价选出栏目设计的最佳小组。 版面布局 教师引导：浏览“逍遥游天下”网站首页，你喜欢哪一个首页的版面设计？为什么？ 师生交流：版面布局是指将不同元素以最适合浏览的方式排放在页面的不同位置，合理的版面布局能够让浏览者清楚、容易地理解作品传达的信息。网页呈现的内容很多，如何合理地放置信息，使之看起井井有条、主次分明是版面布局需要考虑的问题。 常见的页面布局样式 常见样式 特 点 示例 “厂”字型 优点：结构清晰，主次分明。缺点：呆板。 “口”字型 优点：信息量大，切换方便。缺点：页面拥挤，不够灵活。 自由式 优点：漂亮、吸引人。缺点：显示速度慢，文字信息少。 /index/wangye1.htm(优秀网站)，分析其版面布局类型，除了表中提到的几种布局，还有其他的布局类型吗？ 讨论：讨论“Welcome to 花蝶谷、虫语花香”这两个网站首页的布局； 教师引导：网页制作专题学习网站的栏目布局 标题栏 栏目名称 子栏目 主要内容 附加信息 实践：根据小组主题网站的内容和栏目结构，每人绘制一个版面布局图，经过讨论，选出最佳方案，并将作品上传。（参考“网页制作专题学习网站/网站设计/版面设计） 树立整体风格 教师引导：在浏览网站的时候，我们会发现好的网站往往具有独特的风格，如：粗犷豪放的、清新秀丽的、温文尔雅的，还有执著热情的，即使只看到其中的一页，也可以分辨出是哪一种类型网站。这是因为同一个网站的网页往往都有统一的外观设计。这种统一的外观设计就是网站的整体风格放在页面最突出的位置。 色彩谷歌创意LOGO欣赏网站给人的第一印象来自于视觉的冲击，确定网站的色彩至关重要。色彩能够体现网站形象、延伸网站内涵，甚至可以影响访问者的情绪。标准色