网站规划与设计教案.docVIP

课题:网站计划网站设计

一、教学目标

1、知识与技能

（1）了解网站计划多个阶段和多个关键点基础过程

（2）掌握网站计划和设计过程和方法。

2、过程与方法

（1）经过浏览与欣赏多个老师提供专题网站内容、结构、风格、质量,并进行对比,了解网站设计内容、特点以及依据不一样内容选择不一样设计风格等

（2）以个人或小组集体确立一个网站专题,并围绕专题讨论立即设计多个页面,计划每个页面大致需要反应内容,从而了解计划通常过程

3、情感态度与价值观

（1）经过网站专题选择、讨论、计划,培养学生交流合作意识。

（2）经过学生动手上网搜集与整理资料等实践活动,使学生养成份类管理思想。

二、教学重、难点

网站计划和设计

三、教学方法

对比教学法,探究学习法,讨论交流

四、教学设计

教学过程

老师活动

学生活动

设计意图

?

新课引入

老师引导:现现在,网站已经广泛应用到社会各行各业,渗透到各个领域。

1.那我们能够借助网站来做什么呢？

2.先让我们一起来欣赏多个优异网站

师生交流:网站提供相关内容丰富信息,很漂亮,有还能够与访问者交互等

漫谈网站作用

新授

一、老师安排学生阅读书本或老师讲解以下知识点:

1、网站计划基础过程

网站设计是一项工程,我们需要一个具体计划,通常计划需要以下多个过程:

2、什么是网站计划

?(1)计划包含内容(2)网站要素

二、引导学生计划自己网站

一样结合实例,展示老师计划,并要求学生模仿,计划自己网站,给出专题与相关页面内容等专题网站计划

网页名称

网页展示内容

网页结构

备注

Index.htm

专题:

三、网站设计

网站设计目在于把需要表示信息以合适方法组织并展现在网上,设法吸引大家关注,并为浏览者提供方便访问。网站设计通常包含网站栏目结构设计、网页版面设计、网页链接设计（导航设计）等。

请同学们再看看本课开头提供多个优异网站,并思索以下多个问题:

（1）这些网站是怎样围绕专题展现内容？

（2）这些网站提供了哪些栏目及功效？

（3）网站链接有哪些特色,是否便捷？

（4）网站主页布局、色彩利用在哪些特点？

网站结构设计

经验告诉我们,建立一个网站好比写一篇文章,首先要拟好提要,文章才能专题明确,层次清楚;也好比造一座高楼,首先要设计好框架图纸,才能使楼房结构合理。

制作网站前要设计好网站栏目,网站栏目能够有多层,但并不是层数越多越好,以能够合适地表现网站专题为好。另外,每个栏目应有一个大致内容描述,以表示该栏目设计思绪。

网页版面设计

风格设计

风格是指网站整体形象给浏览者综合感受。有严厉计策,有清爽温馨,有深沉厚重,有生动活泼,有古朴典雅,有豪迈奔放。风格设计与专题是密不可分,是为突出专题服务。

版面布局设计

网页要展现内容很多,概括起来可分为标题信息、栏目信息、内容信息、附加信息等,需要进行合理放置,让人看起来井井有条,主次分明。

网页交互设计

网站它不是一个“被动”媒体,和电视、电台等媒体不一样是网页是需要我们用鼠标去点击。浏览者点击连接,网页显示出需要内容然后在传输给浏览者。这就是网页交互性。

四、任务部署

请每个同学（或同桌两个合作,合作组员不能超出两个）设计制作一份网页作品。

1、要求:

（1）专题自定;

（2）总共要有10个页面或以上。

（3）网页中内容要紧密结合作者学习、生活实际或社会实践。

（4）在水平分辨率为1024（或以上）像素电脑屏幕上浏览时,页面保持整齐,不许可出现横向滚动条。

五、评价学生作业并总结本节课内容

认真阅读书本

（或认真听老师讲解）

模仿老师网站内容,计划自己立即要设计网站（包含专题、页面内容等）需填写相关表格,以指导以后网站设计

认真阅读书本

（或认真听老师讲解）

欣赏并回复

学生经过前面对网站做计划,设计网站结构,老师巡回指导。

学生分组完成任务

老师巡回部分指导

老师对学生作品作出评价

总结本课

此部分内容仅要求了解,故无需深入讲解

结合实例分析,给学生以更直观认识