“主题网站设计”教学设计.doc

《主题网站设计》教学设计 教材分析 本节内容是《网络技术应用》教材第四章“建立主题网站”第二节的教学内容，在前面已经规划好制作网站的需求分析、网站主题、网站名称以及制作工具的基础上，学习如何对主题网站进一步进行设计，是一项关于网站建设的关键步骤。通过这一小节，让学生领悟到详细规划网站将使今后的网站建设有“轨”可循，既提高了效率，节约了时间，又有利于规范网站的总体布局，统一网页的风格，为创建一个风格独特的个人网站打下基础。 教学目标 知识目标： （1）通过浏览网站，了解栏目的一般设置情况 （2）了解版面的一般结构，并能总结出版面设计常见的布局样式 （3）通过观摩和模仿，分析和总结出树立网站整体风格的几大要素 技能目标： （1）依据主题，能够设计网站的栏目和结构 （2）运用网络平台，搜集网站所需要的素材，并能够根据主题的实际需要，进行合理的修改 情感目标 （1）通过小组为单位的学习讨论，培养学生小组合作意识 （2）在使用网络素材的过程中，引导和培养学生关注知识产权保护的意识 （3）能过本节内容的学习，让学生意识到网站建设过程中规划的重要性，节约时效，规范布局，为打造自己风格独特的网站亢实基础。 教学重点、难点 重点：明确网站设计的一般步骤（栏目设置——版面设计——树立网站整体风格——收集素材） 难点：理解网站设计的一般步骤并进行设计 教学准备 选取一些有特色的网站，供学生浏览 学生以小组为单位，确立自己小组网站的主题 配置好网络教室 教学过程 教学环节 具体内容 师生活动 导入 教师任务：打开“麦当劳”的官方网站，让学生浏览并讨论网站的结构 提问：这个网站给你的印象怎么样？为什么？请你说说它的构成。 设计思路：学生应该比较感兴趣，毕竟麦当劳学生非常熟悉的品牌和食物。网站的布局也很有特点，色彩明快，吸引力强。网站的构成可以从颜色、导航栏的内容、网站的结构上来引导他们回答。 教师打开导入网站并提问，学生回答 教师总结学生的回答并引入今天主题 上课过程 栏目设置 建设一个网站好比写一篇文章，首先要拟好提纲，这样文章才能主题明确、层次清晰。 教师任务1：打开一些学生比较熟悉的网站首页，给学生欣赏（例如：新浪、某企业的网站、QQ空间、学校的网站），分析一下从这些网站的导航栏中你能获取哪些信息？ 提问1：分别讲讲以上浏览的这些网站的主题是什么？ 提问2：哪个网站的内容最吸引你？为什么？ 教师总结：一般网站栏目安排要注意以下几个方面 要紧扣主题，尽可能删除与主题无关的栏目。 尽可能将网站最有吸引力的内容列在栏目中。 尽可能方便访问者的浏览和查询。 设计思路：让学生浏览不同的网站，进行比较，通过提问引导学生关注网站的栏目设置。 教师任务2：请同学以小组为单位，将你们小组的主题网站所要表达的内容罗列出来，设计四到五个导航标题，填入学案表练习1中。 设计思路：培养学生小组协作能力，展开头脑风暴，为主题网站设置栏目。 教师任务3：通过随机抽取的方式，选择二个小组的作品展示一下，供其他小组讨论，并再次完善自己小组的作品。 设计思路：让学生互相学习，汲取其他小组的优点，完善自己的栏目。 版面设计 大家上网，会有大量的网页掠过我们的眼帘，但是能够吸引我们眼球的只有那些有特色的网页。究其原因，站点内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重要的因素之一。 教师任务1：选取前面学生浏览的网站首页再次打开（例如：新浪、某企业的网站、QQ空间、学校的网站、“麦当劳”官网），请同学们参考课本P83表4-11分析一下这些网页的布局结构。（有“厂”字型、“口”字型、自由式） 设计思路：这一部分略讲，因为布局是书上直接给出的，任务是让学生结合课本上的知识自已分析出以上网站的布局，把书本上的内容转化为自己学到的知识。 教师任务2：常见的页面布局样式就是课本上总结的三种样式，我们来分析一下，这些布局样式比较适合哪些类型的网站？请同学们谈谈你的认识。 设计思路：进一步让学生分析不同的网页布局的特点，将知识点不断咀嚼，深入学生的心中。 教师总结：大家在进行版面设计的时候，要根据自己设计的主题来看，如果将来设计一个大型综合类的网站，信息量比较大的话，“厂”字型和“口”字型的结构非常实用，例如新浪、网易等大型综合性的网站。如果是比较私人的，内容比较时尚的主题，可以采用自由式。当然，如果为了吸引更多的用户来浏览你的网站，你可以先制作一个新颖独特的自由式页面来吸引用户点击进入，在接下来的页面中再进行“厂”、“口”字型的页面设计。 教师任务3：根据小组的主题网站的内容和栏目结构，每人制作一个版面布局图，再选出最佳方案。（完成练习2） 设计思路：每个同学都有自己的创意，所以这一部分让每一个人都动手创作，再结合小组的意见加以投票，选举出大家都满意的方案。这其中肯定会有不同意见