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

《“主题网站设计”教学设计》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、《主题网站设计》教学设计一．教材分析本节内容是《网络技术应用》教材第四章“建立主题网站”第二节的教学内容，在前面已经规划好制作网站的需求分析、网站主题、网站名称以及制作工具的基础上，学习如何对主题网站进一步进行设计，是一项关于网站建设的关键步骤。通过这一小节，让学生领悟到详细规划网站将使今后的网站建设有“轨”可循，既提高了效率，节约了时间，又有利于规范网站的总体布局，统一网页的风格，为创建一个风格独特的个人网站打下基础。二．教学目标1．知识目标：（1）通过浏览网站，了解栏目的一般设置情况（2）了解版面的一般结构，并能总结出版面设计常见的布局样式（3）

2、通过观摩和模仿，分析和总结出树立网站整体风格的几大要素2．技能目标：（1）依据主题，能够设计网站的栏目和结构（2）运用网络平台，搜集网站所需要的素材，并能够根据主题的实际需要，进行合理的修改3．情感目标（1）通过小组为单位的学习讨论，培养学生小组合作意识（2）在使用网络素材的过程中，引导和培养学生关注知识产权保护的意识（3）能过本节内容的学习，让学生意识到网站建设过程中规划的重要性，节约时效，规范布局，为打造自己风格独特的网站亢实基础。三．教学重点、难点重点：明确网站设计的一般步骤（栏目设置——版面设计——树立网站整体风格——收集素材）难点：理解网站

3、设计的一般步骤并进行设计四．教学准备1．选取一些有特色的网站，供学生浏览2．学生以小组为单位，确立自己小组网站的主题3．配置好网络教室五．教学过程教学环节具体内容师生活动导入教师任务：打开“麦当劳”的官方网站，让学生浏览并讨论网站的结构提问：这个网站给你的印象怎么样？为什么？请你说说它的构成。设计思路：学生应该比较感兴趣，毕竟麦当劳学生非常熟悉的品牌和食物。网站的布局也很有特点，色彩明快，吸引力强。网站的构成可以从颜色、导航栏的内容、网站的结构上来引导他们回答。教师打开导入网站并提问，学生回答教师总结学生的回答并引入今天主题上课过程一．栏目设置建设一

4、个网站好比写一篇文章，首先要拟好提纲，这样文章才能主题明确、层次清晰。教师任务1：打开一些学生比较熟悉的网站首页，给学生欣赏（例如：新浪、某企业的网站、QQ空间、学校的网站），分析一下从这些网站的导航栏中你能获取哪些信息？提问1：分别讲讲以上浏览的这些网站的主题是什么？提问2：哪个网站的内容最吸引你？为什么？教师总结：一般网站栏目安排要注意以下几个方面1．要紧扣主题，尽可能删除与主题无关的栏目。2．尽可能将网站最有吸引力的内容列在栏目中。3．尽可能方便访问者的浏览和查询。设计思路：让学生浏览不同的网站，进行比较，通过提问引导学生关注网站的栏目设置。教

5、师任务2：请同学以小组为单位，将你们小组的主题网站所要表达的内容罗列出来，设计四到五个导航标题，填入学案表练习1中。设计思路：培养学生小组协作能力，展开头脑风暴，为主题网站设置栏目。教师任务3：通过随机抽取的方式，选择二个小组的作品展示一下，供其他小组讨论，并再次完善自己小组的作品。设计思路：让学生互相学习，汲取其他小组的优点，完善自己的栏目。教师打开网站，供学生欣赏并提出相关问题，引导学生思考学生回答教师总结栏目设置的注意点教师布置实践任务，并选取展示学生小组实践一．版面设计大家上网，会有大量的网页掠过我们的眼帘，但是能够吸引我们眼球的只有那些有特

6、色的网页。究其原因，站点内容是否丰富是其中一个方面，而网页的版面设计是否精美也是重要的因素之一。教师任务1：选取前面学生浏览的网站首页再次打开（例如：新浪、某企业的网站、QQ空间、学校的网站、“麦当劳”官网），请同学们参考课本P83表4-11分析一下这些网页的布局结构。（有“厂”字型、“口”字型、自由式）设计思路：这一部分略讲，因为布局是书上直接给出的，任务是让学生结合课本上的知识自已分析出以上网站的布局，把书本上的内容转化为自己学到的知识。教师任务2：常见的页面布局样式就是课本上总结的三种样式，我们来分析一下，这些布局样式比较适合哪些类型的网站？请

7、同学们谈谈你的认识。设计思路：进一步让学生分析不同的网页布局的特点，将知识点不断咀嚼，深入学生的心中。教师总结：大家在进行版面设计的时候，要根据自己设计的主题来看，如果将来设计一个大型综合类的网站，信息量比较大的话，“厂”字型和“口”字型的结构非常实用，例如新浪、网易等大型综合性的网站。如果是比较私人的，内容比较时尚的主题，可以采用自由式。当然，如果为了吸引更多的用户来浏览你的网站，你可以先制作一个新颖独特的自由式页面来吸引用户点击进入，在接下来的页面中再进行“厂”、“口”字型的页面设计。教师任务3：根据小组的主题网站的内容和栏目结构，每人制作一个版

8、面布局图，再选出最佳方案。（完成练习2）设计思路：每个同学都有自己的创意，所以这一部分让每一个人都动手创作，