七年级信息技术上册--规划与设计网站教案-新人教版.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（或以上）像素的电脑屏幕上阅读时，页面保持整齐，不允许出现横向的滚动条。

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

仔细阅读书本

（或仔细听老师讲解）

仿照老师网站内容，规划自己即将要设计的网站（包括主题、页面内容等）需填写相关表格，以指导日后网站设计

仔细阅读书本

（或仔细听老师讲解）

观赏并回答

学生通过前面对网站做的规划，设计网站结构，老师巡回指导。

学生分组完成任务

老师巡回个别指导

老师对学生作品作出评价

总结本课

此部分内容仅要求了解，故无需深化讲解

结合实例的分析，给学生以更直观的相识