ID: 20439431

第四单元活动一 设计校园网站 第二课时 教案

日期:2025-11-15 科目:信息技术 类型:初中教案 查看:33次 大小:421106B 来源:二一课件通
预览图 1/4
第四,单元,活动,设计,校园,网站
  • cover
中小学教育资源及组卷应用平台 第二课 规划网站及其制作工具 教学过程: 教学环节 教学内容 教师活动 学生活动 设计意图 激情导入 新课引入 我们已经了解了网站的信息组织方式,有些同学可能心生创建一个网站的想法。实现这个想法并不困难,但是创建一个让人看过之后印象深刻的网站并不容易。下面我们将从网站的主题和整体结构、版面布局两个方面去规划校园网站。 认真回忆网站信息的组织方式 引入新课题规划网站 新课教学 二、规划网站 1.规划网站主题和整体结构(1)确定网站的主题 网站的主题是网站要表达的主要信息的缩影。在规划网站的时候我们要考虑面对的是哪些人,建一个什么样的网站,呈现什么样的信息。例如张家界旅游网面向来张家界的游客,提供的是与张家界旅游相关的信息;湖南省教育厅网站面向全省的教师、家长和学生,提供的是全省教育新闻、政策、升学等相关信息。我们可以采用问卷调查的方式,对潜在的访问者进行调查,从而确定网站的主题及呈现的主要信息。在设置网站栏目时要注意紧扣网站主题,突出重点内容。仔细考虑网站要呈现的信息,对其进行合理安排。网站的栏目--般分为几个层次,处于下层的内容藏”得比较深,访问者往往需要经过几次操作才能见到。因此,网站中最重要的信息一-定要放在主页或一-级栏目中,或者在主页和其他网页上安排超链接,以便访问者容易找到相关信息。次要的信息可以放在二级或三级栏目中。(2)规划网站的结构根据已确定的网站主题对网站的结构进行规划,确定组成网站的各个网页文件的名称、标题。在设计网页时,需要对每一个网页的名称及呈现的信息进行反复地筛选和归类,这样才能方便访问者的阅读。例如湖南教育网是湖南省教育厅主办的全省教育门户网站,如图4-1-2所示,网站开设了首页、资讯、社区、专题、频道、资源六大栏目,每个大栏目又包含多个次级栏目。在设计校园网站时,也可以采用这种方式规划网站的结构,将网站的栏目转化为网站的子页。例如“我爱我校”的网站组织结构图,该网站由两层结构组成:第-层是主页,它提供了与-级子页(子页1至子页4)的链接,子页之间相互独立。根据需要,复杂些的网站甚至有第三层、第四层,乃至更多层的子页,链接关系也更复杂。绘制网站的组织结构图,便于理清各层各个网页之间的关系,也便于制作网站时进行对照检查。网站与网页一个网站可能只包含一个网页,也可能包含几十个甚至数以百计的网页。网站与网页的关系就像一本书与书中各页的关系,是整体与局部的关系。“主页”有时也称为首页,是网站的第一个页面,相当于书的封面,“主页”上的栏目相当于书的目录。主页的文件名通常是index.htm或default.htm。2.规划各网页的版面有了网站的组织结构图,相当于搭出了网站的整体框架。我们还需要对这一框架进行“软装潢”,也就是确立网站的整体风格,安排各个页面呈现的具体信息。这包括各个网页中文字、图片等元素的位置设计,页面背景的设置,整体色彩的选取。(1)确定网站的布局图)中街讯本的“亚中国文玉移时广明来0时在网站设计中,页面的布局也很重要。主页上栏目、文字、以及图片的位置都是需要仔细考虑的内容。一般情况下网站的结构有标题正文居中型、框架结构、内容半包围型、主题突出型等布局。例如,采用“标题正文居中型”的布局结构,网站中的各个网页采用上中下的形式,上部是网页的标题,中部是网页呈现的主要信息,下部是有关网站制作的相关信息。网页布局没有固定形式,也可以根据我们自己的想法进行自由设计。但是设计页面布局时必须突出页面传达的重点信息,将页面中的重要信息放在明显的位置,然后再考虑次要信息的位置。(2)设计各个网页在遵循网站页面整体布局结构的基础上,对每一-张网 页进行精细的 ... ...

~~ 您好,已阅读到文档的结尾了 ~~