课 题：网站规划 网站的设计
一、教学目标
1、知识与技能
1）了解网站规划的几个阶段和几个要点基本过程
2）掌握网站规划和设计的过程和方法。
2、过程与方法
1）通过浏览与欣赏几个教师提供的主题网站的内容、结构、风格、质量，并进行对比，了解网站设计的内容、特点以及根据不同内容选择不同设计风格等
2）以个人或小组集体确立一个网站的主题，并围绕主题讨论即将设计的几个页面，规划每个页面大致需要反映的内容，从而了解规划的一般过程
3、情感态度与价值观
1）通过网站主题的选择、讨论、规划，培养学生交流合作意识。
2）通过学生动手上网收集与整理资料等实践活动，使学生养成分类管理的思想。
二、教学重、难点
网站规划和设计
三、教学方法
对比教学法，探究学习法，讨论交流
四、教学设计
教学过
教师活动
学生活动
设计意图
程
教师引导 : 现如今，网站已经广泛应用到
师生交流： 网站
漫谈网站的
社会的各行各业，渗透到各个领域。
提供相关内容丰
作用
新课引
入
那我们可以借助网站来做什么呢？
富的信息，很漂
1.
亮，有的还可以
2. 先让我们一起来欣赏几个优秀网站 与访问者交互等
一、教师安排学生阅读课本或教师讲解以
下知识点：
1、网站规划的基本过程
网站设计是一项工程， 我们需要一个具体
规划，一般规划需要如下几个过程：
2、什么是网站的规划
?(1) 规划涉及的内容 (2) 网站的要素
二、引导学生规划自己的网站
同样结合实例，展示教师的规划，并
要求学生模仿， 规划自己的网站， 给出主
新
题与相关页面内容等主题网站规划
授
网
网页名 网页展 页 备
称 示内容 结 注
构
Index.
htm
认真阅读书本 此部分内容
（或认真听教师 仅要求了
讲解） 解，故无需
模仿教师网站内 深入讲解
容，规划自己即 结合实例的
将要设计的网站 分析，给学
（包括主题、页 生以更直观
面内容等）需填 的认识
写相关表格，以
指导日后网站设
计
认真阅读书本
（或认真听教师
讲解）
欣赏并回答
学生通过前面对
网站做的规划，
设计网站结构，
教师巡回指导。
学生分组完成任
务
主题：
三、网站的设计
网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上， 设法
吸引人们的关注， 并为浏览者提供方便的访问。网站设计一般包括网站栏目结构设
计、网页版面设计、 网页的链接设计 （导航设计）等。
请同学们再看看本课开头提供的几个优
秀网站，并思考以下几个问题：
1）这些网站是怎样围绕主题展现内容的？
2）这些网站提供了哪些栏目及功
能？
3）网站的链接有哪些特色， 是否便
捷？
4）网站主页的布局、 色彩运用在哪些特点？
1、网站的结构设计
经验告诉我们， 建立一个网站好比写一篇文章，首先要拟好提纲， 文章才能主题明
确，层次清晰； 也好比造一座高楼， 首先
教师巡回个别指
导
教师对学生作品
作出评价
总结本课
要设计好框架图纸，才能使楼房结构合
理。
制作网站前要设计好网站的栏目， 网站
的栏目可以有多层， 但并不是层数越多越
好，以能够恰当地体现网站主题为好。 此
外，每个栏目应有一个大致的内容描述，
以表达该栏目的设计思路。
2、网页的版面设计
风格设计
风格是指网站的整体形象给浏览者的综合感受。有的严肃计策，有的清爽温馨，
有的深沉厚重， 有的生动活泼， 有的古朴
典雅，有的豪迈奔放。
风格设计与主题是
密不可分的，是为突出主题服务的。
版面布局设计
网页要呈现的内容很多， 概括起来可
分为标题信息、 栏目信息、 内容信息、 附
加信息等， 需要进行合理的放置， 让人看
起来井井有条，主次分明。
3、网页的交互设计
网站它不是一个“被动”的媒体，和电
视、电台等媒体不一样的是网页是需要我
们用鼠标去点击的。 浏览者点击连接，
网页显示出需要的内容然后在传递给浏
览者。这就是网页的交互性。
四、任务布置
请每个同学 （或同桌两个合作， 合作成员
不能超过两个）设计制作一份网页作品。
、要求：
1）主题自定；
2）总共要有 10 个页面或以上。
3）网页中的内容要紧密结合作者的学习、生活实际或社会实践。
4）在水平分辨率为 1024（或以上）像
素的电脑屏幕上浏览时，页面保持整齐，
不允许出现横向的滚动条。
五、评价学生作业并总结本节课内容
- 下载文档
- 收藏
- 0