泰山版信息技术八年级下册《7.1网站的筹备》教学设计.docVIP

《网页的筹备》教学案 网站的筹备 1．必备资源 本节课所用到的文字、图像等资源均以压缩文件形式存放在以下网站并可下载。 泰山出版社网站链接：www．tscbs．corn 2．参考资源 中国素材网http://www．sucai．corn／ 初中信息技术教师用书 网页制作大宝库http://www．dabaoku．com／ 黄山特产网http://huangshantc．com／ ? ? 1．教学目标 知识与技能 知道从哪些方面人手筹备一个网站。 依据主题，设计好网站的栏目。 搜集整理好待建网站的资料。 过程与方法 通过小组合作的方式，对要表达的主题进行分析，划分出几个主要栏目，并围绕这些栏目搜集相关的资料，进行整理和分类存储。 情感态度与价值观 通过制作以家乡特产为主题的网站，充分挖掘家乡的特产资源，增加学生对家乡的了解，进而热爱自己的家乡。 培养学生合作交流的能力。 2．重点和难点 重点是从哪些方面筹备一个网站；难点是确定哪些网站栏目，才能更好地表达主题。 本节是网站建设的起始阶段，筹备工作充分与否将直接影响到网站的成败，因此要引起学生的高度重视。 老师要注意引导学生分析利用网站表达信息的特点，并了解从哪些方面着手才能更好的表达主题，引导学生观察、讨论、交流、总结是本课的主要教学方法。 ?? 1．教学目标 知识与技能 知道从哪些方面人手筹备一个网站。 P44-46附录1： 网站设计技术规范 1．命名规范 总体原则：以最少的字母达到最容易理解的意义。 (1)一般文件及目录的命名规范 每一个目录中应该包含一个缺省的htm文件，文件名统一用index．htm。 文件名称统一用小写的英文字母、数字和下划线的组合。 尽量以单词的英语翻译为名称。例如：feedback(信息反馈)，aboutus(关于我们)。 多个同类型文件使用英文字母加数字命名，字母和数字之间用一分隔。例如：news_01．htm。注意，数字位数与文件个数成正比，不够的用0补齐。例如共有200条新闻，其中第18条命名为news—018．htm。 (2)图片的命名规范 名称分为头尾两部分，用下划线隔开，如banner—sohu．gif。 头部分表示此图片的大类性质。例如：放置在页面顶部的广告、装饰图案等长方形的图片取名为banner；标志性的图片取名为logo；在页面上位置不固定并且带有链接的小图片取名为button；在页面上某一个位置连续出现、性质相同的链接栏目的图片取名为menu；装饰用的照片取名为pic；不带链接表示标题的图片取名title；依照此原则类推。 尾部分用来表示图片的具体含义，用英文字母表示。例如：banner sohu．gif、banner—sina．gif、menu—aboutus．gif、menu—job．gif、tittle—ews．gif、logo—police．gif、logo—national．gif、pie—people．jpg、pic—hill．jpg等。 有onmouse效果的图片，两张分别在原有文件名后加“0n”和“off”命名。 2．目录结构规范 总体原则：以最少的层次提供最清晰简便的访问结构。 根目录一般只存放index．htm以及其他必须的系统文件。 每个主要栏目开设一个相应的独立目录 根目录下的images用于存放各页面都要使用的公用图片，子目录下的images目录存放本栏目页面使用的私有图片。” 所有js，ASP，PHP等脚本存放在根目录下的scripts目录 所有CGI程序存放在根目录下的cgi—bin目录。 所有CSS文件存放在根目录下style目录。 所有flash，avi，ram,quicktime等多媒体文件存放在根目录下的media目录。 3．尺寸规范 页面标准按800*600分辨率制作，推荐尺寸为766*430 px。 页面长度原则上不超过3屏，宽度不超过1屏。 每个标准页面为A4幅面大小，即8．5X11英寸。 全尺寸banner为468*60px，半尺寸banner为234*60 px，小barlner为88*31px,另外120*90，120*60也是小图标的标准尺寸。 每个非首页静态页面含图片字节不超过60 K，全尺寸banner不超过14 K。 4．网站标志(10go) 网站必须有独立的标志 标志可以以网站中英文名称设计，也可以采用特别的图案。原则是简单易记。 标志图片的名称为“logo一域名．gif”，例如：logo—sina.gif。 尽量提供标志的矢量图片。 尽可能在每个页面上都使用标志。 5．标准字体 网站应该定义一种标准字体(指logo上，图片上使用的字体)。 标准字体原则上定义两种，一种中文字体，一种英文字体(不包括文本内容字体)。必须提供标准字体的名称和字库。 尽可能使用标准字体。