文档介绍:《主题网站设计》教学设计
教材分析
本节内容是《网络技术应用》教材第四章“建立主题网站”第二节的教学内容,在前面已经规划好制作网站的需求分析、网站主题、网站名称以及制作工具的基础上,学习如何对主题网站进一步进行设计,是一项关于网站建设的关键步骤。通过这一小节,让学生领悟到详细规划网站将使今后的网站建设有“轨”可循,既提高了效率,节约了时间,又有利于规范网站的总体布局,统一网页的风格,为创建一个风格独特的个人网站打下基础。
教学目标
知识目标:
(1)通过浏览网站,了解栏目的一般设置情况
(2)了解版面的一般结构,并能总结出版面设计常见的布局样式
(3)通过观摩和模仿,分析和总结出树立网站整体风格的几大要素
技能目标:
(1)依据主题,能够设计网站的栏目和结构
(2)运用网络平台,搜集网站所需要的素材,并能够根据主题的实际需要,进行合理的修改
情感目标
(1)通过小组为单位的学习讨论,培养学生小组合作意识
(2)在使用网络素材的过程中,引导和培养学生关注知识产权保护的意识
(3)能过本节内容的学习,让学生意识到网站建设过程中规划的重要性,节约时效,规范布局,为打造自己风格独特的网站亢实基础。
教学重点、难点
重点:明确网站设计的一般步骤(栏目设置——版面设计——树立网站整体风格——收集素材)
难点:理解网站设计的一般步骤并进行设计
教学准备
选取一些有特色的网站,供学生浏览
学生以小组为单位,确立自己小组网站的主题
配置好网络教室
教学过程
教学环节
具体内容
师生活动
导入
教师任务:打开“麦当劳”的官方网站,让学生浏览并讨论网站的结构
提问:这个网站给你的印象怎么样?为什么?请你说说它的构成。
设计思路:学生应该比较感兴趣,毕竟麦当劳学生非常熟悉的品牌和食物。网站的布局也很有特点,色彩明快,吸引力强。网站的构成可以从颜色、导航栏的内容、网站的结构上来引导他们回答。
教师打开导入网站并提问,学生回答
教师总结学生的回答并引入今天主题
上课过程
栏目设置
建设一个网站好比写一篇文章,首先要拟好提纲,这样文章才能主题明确、层次清晰。
教师任务1:打开一些学生比较熟悉的网站首页,给学生欣赏(例如:新浪、某企业的网站、QQ空间、学校的网站),分析一下从这些网站的导航栏中你能获取哪些信息?
提问1:分别讲讲以上浏览的这些网站的主题是什么?
提问2:哪个网站的内容最吸引你?为什么?
教师总结:一般网站栏目安排要注意以下几个方面
要紧扣主题,尽可能删除与主题无关的栏目。
尽可能将网站最有吸引力的内容列在栏目中。
尽可能方便访问者的浏览和查询。
设计思路:让学生浏览不同的网站,进行比较,通过提问引导学生关注网站的栏目设置。
教师任务2:请同学以小组为单位,将你们小组的主题网站所要表达的内容罗列出来,设计四到五个导航标题,填入学案表练习1中。
设计思路:培养学生小组协作能力,展开头脑风暴,为主题网站设置栏目。
教师任务3:通过随机抽取的方式,选择二个小组的作品展示一下,供其他小组讨论,并再次完善自己小组的作品。
设计思路:让学生互相学习,汲取其他小组的优点,完善自己的栏目。
教师打开网站,供学生欣赏并提出相关问题,引导学生思考
学生回答
教师总结栏目设置的注意点
教师