1、高考资源网() 您身边的高考专家主备人 付勇审核人用案人付勇授课时间_年_月_日第_课时课题设计网站栏目及版面教学目标1了解网站设计的基本内容。 2依据主题设计网站的栏目和结构。教学重点设计网站的栏目和结构教学难点设计网站的栏目和结构教学方法讲授法、自学法、练习法教学环境多媒体教学网络先学过程教师指导学生主体学习内容提出要求:制作关于“走进新沂”的网站,请思考并在纸上尝试画出网站规划图。相邻位之间同学科相互讨论,也可参照互联网。展示部分同学的规划图。后教过程教师活动学生主体学习活动网站设计是把一个网站由蓝图变为现实的第一个步骤,是搭建网站整体结构的过程,能使后续工作有章可循,下面我们从栏目设置
2、和版面设计入手。 新授:(一)栏目设置 1浏览光盘上的“机器人做学玩”网站,归纳该网站的栏目设置。 2教师总结网站栏目设置要注意的事项:(1) 紧扣主题。 (2) 重点突出。 (3) 方便浏览。 3根据以上三点,对课本第 82 页同是“环境保护”主题的两个栏目进行评价。 (二)版面设计 1常见样式 特 点 示例 “厂”字型 优点:结构清晰,主次分明。 缺点:呆板。 中国人民大学图书馆 “口”字型 优点:信息量大,切换方便。 缺点:页面拥挤,不够灵活。 先锋网 人民网 自由式( POP ) 优点:漂亮、吸引人。 缺点:显示速度慢,文字信息少。 中国海洋大学 中央美术学院 2教师举例:绘制“走进新
3、沂”网站的规划图。 动画首页 美丽的山水 悠久的历史 前进的新沂新沂概况介绍几张风景图片乡镇特色介绍版权信息联系方式 E-MAIL3版面布局可按 创意草案粗略布局最后定稿 三个步骤进行。 根据网站主题的需要,从整体上设计各网页的内容、各网页之间的链接关系以及各网页的版面,画出网站的规划图。对规划图,一开始不必考虑细节功能,只是粗线条地勾画出规划的草案即可;在草案的基础上,将需要的功能模块安排到页面上,然后细化每项内容。规划并不是一成不变的,时常需要根据素材进行调整和完善布置任务:如果让你去设计新沂二中的版面布局,你会怎么设计呢?听教师总结了解版面设计的常见样式学会如何绘制规划图练习教学小结教学反思版权所有:高考资源网()- 4 - 版权所有高考资源网