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