41《规划网站及网站设计初步》教师课案.doc

4.1网站的规划设计课标（纲要、考纲）要求网站的概念 A级要求网站的规划与设计 B级要求教学目标1.知识与技能 （1）理解网站、网页、主页的概念及网站的结构（2）了解网站建设的前期准备工作，学会如何规划、设计一个网站2.过程与方法教师引导与学生自主探究相结合，达到科学、合理地进行网站规划、设计的目的。3.情感与价值观通过亲历规划一个网站的过程，培养学生思考问题的缜密性和科学性。教学重点、难点重点：规划、设计一个网站。难点：科学、合理地进行网站的规划。课时安排1课时教学设计打开的“学生素材”文件夹，打开其中的“班级主页”文件夹，浏览网页文件index.htm，理解下面的几个概念。一、认识网站1.网站：因特网上具有相似性质、共同内容的一组信息资源。2.网页：用HTML语言写成的文件。3.主页：用来表示访问某个网站时出现的第一个页面。文件名通常为index.htm 。思考：网站、网页、主页之间有什么样的关系呢？网站是由若干个网页组成的，网页是网站的元素。而主页即网站中的第一个页面。4.网站结构包括：树状结构(如图1)、线性结构(如图2)、网状结构(如图3)结构如图： （1） （2） （3）思考：“网站1”文件夹中的网站属于哪一种网站结构？（树形结构）二、规划、设计网站引入：通过本章的学习我们将一起制作一个以“宣传班级”为主题的网站，本节课我们先来规划、设计一下该网站，希望大家能积极参与讨论，多出好点子。在规划网站时我们需要对网站的主题、名称、栏目、版面、整体风格等做一个整体的分析。提问：那么什么是网站的主题、名称、栏目、版面结构和整体风格呢？我们先一起来熟悉一下。教师以素材库中的一个网站为例作简单演示并介绍。提问：我们将要制作的网站的主题已经确定了，那么哪位同学愿意为我们的班级网站取一个好听的名字呢？教师提示：给网站取名时需要注意： 1.要与主题紧密相关 2.要有意义 3.要上口、悦耳、易记 4.注意名称是否合法、合情、合理学生思考、讨论（教师引导）确定网站名称。（学生记录，填写表格）表格如下：高一年级网站规划表 高一（ ）班 姓名： 小组长： 网站主题网站名称网站栏目版面结构班级主题网站提问：接下来，你们觉得我们这个网站需要开设哪些栏目呢？教师提示：栏目设计时需要注意：1.要紧扣主题，尽可能删除与主题无关的栏目2.尽可能将网站最有吸引力的内容列在栏目上3.尽可能方便访问者的浏览和查询。学生分组交流讨论，提出较多可选用的网站栏目的名称，请各小组选择其中的至少六个栏目作为我们后续网站制作的栏目。（学生记录，填写表格）引导：我们平时浏览的网页版面非常丰富，大家一起阅读课本P83页，了解几种常见网页的版面结构（“厂”字型、“口”字型、自由式）学生分组交流讨论，确定本小组网站的版面结构。（学生记录，填写表格）引导并提问：网站能不能从一开始就吸引住访问者跟网站的整体风格关系非常大，请大家阅读教材84-87页，思考一下网站的整体风格与哪些因素有关呢？网站的整体风格与网站标志、标准色彩、标准字体密切相关。请学生浏览素材中“网站风格对比”文件中的三类网站的主页面（政府、学校、个人），并填写下表：网站名称网站标志网站类型页面主色调主要字体清华大学学校网站蓝色、白色、灰色宋体江苏省人大网政府网站红色、白色、黑色宋体个人网站个人网站白色、黑色、红色宋体小结：树立网站整体风格的具体要求（设计网站标志的方法、网站色彩的采用原则、网站常用的字体）课堂任务：请大家继续完善表格，收集网站素材（文字、图片、音频、视频等信息）并分类存放到相应文件夹中，请小组长合理进行组员间的分工。提示：收集素材时注意的原则：1.要注意对收集来的素材分类2.文件名要易懂易记，便于调用3.注意保护知识产权，避免侵犯别人的版权教师展示部分学生收集的素材并稍作评价。巩固练习：1.用来对整个网站进行概括性介绍的网页称为该网站的【 B 】 。A.封面 B.主页 C.欢迎页 D.目录页2.网站首页默认的文件名一般为【 B 】 。A.Logo.gif B.index.htm C.E-mail D.ad.htm3.网站树立整体形象的关键是【 A 】 。A.标志、色彩和字体 B.表格、图片和文字C.音频、视频和文字 D.计划、栏目和版面4下列哪一个不属于常见的网站结构【 C 】 。A.线性结构 B.树状结构 C.星形结构 D.网状结构总结：通过本节课的学习，我们了解了什