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