网站规划与设计教案.docx

《网站规划与设计教案.docx》由会员分享，可在线阅读，更多相关《网站规划与设计教案.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -课 题：网站规划网站的设计一、教学目标1、学问与技能（ 1）明白网站规划的几个阶段和几个要点基本过程（ 2）把握网站规划和设计的过程和方法。 2、过程与方法（ 1）通过浏览与观赏几个老师供应的主题网站的内容、结构、风格、质量，并进行对比，明白网站设计的内容、特点以及依据不同内容挑选不同设计风格等（ 2）以个人或小组集体确立一个网站的主题，并环绕主题争论即将设计的几个页面，规划每个页面大致需要反映的内容，从而明白规划的一般过程3、情感态度与价值观（ 1）通过网站主题的挑选、争论、规划，培育同学沟通合作意识。

2、（ 2）通过同学动手上网收集与整理资料等实践活动，使同学养成分类治理的思想。二、教学重、难点网站规划和设计三、教学方法对比教学法，探究学习法，争论沟通可编辑资料 - - - 欢迎下载精品名师归纳总结四、教学设计教学过程老师活动同学活动设计意图可编辑资料 - - - 欢迎下载精品名师归纳总结老师引导 : 现如今，网站已经广泛应用到社会的各师生沟通：网站提漫谈网站的作行各业，渗透到各个领域。供 相 关 内容丰富 的用1. 那我们可以借助网站来做什么了？信 息 ， 很漂亮， 有2. 先让我们一起来观赏几个优秀网站的 仍 可 以与交互等拜访 者新课引入可编辑资料 - - - 欢迎下载精品名师归纳总结一

3、、老师支配同学阅读课本或老师讲解以下学问点：1、网站规划的基本过程新网站设计是一项工程，我们需要一个详细规划，授一般规划需要如下几个过程：仔细阅读书本（ 或 认 真听 老师 讲解）此部分内容仅要求明白，故无需深化讲解可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 1 页，共 4 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总

4、结2、什么是网站的规划1 规划涉及的内容2网站的要素二、引导同学规划自己的网站同样结合实例，呈现老师的规划，并要求同学仿照，规划自己的网站，给出主题与相关页面内容等主题网站规划模 仿 教 师 网 站 内容 ， 规 划自 己即 将要 设 计 的网 站（ 包括 主 题 、页 面内 容等 ） 需 填写 相关 表格 ， 以 指导 日后 网站设计结合实例的分析，给同学以更直观的熟悉可编辑资料 - - - 欢迎下载精品名师归纳总结网页名称网页呈现网页备注内容结构可编辑资料 - - - 欢迎下载精品名师归纳总结I ndex.ht m可编辑资料 - - - 欢迎下载精品名师归纳总结主题：三、网站的设计网站设计

5、的目的在于把需要表达的信息以恰当的方式组织并出现在网上，设法吸引人们的关注，并为浏览者供应便利的拜访。网站设计一般包括网站栏目结构设计、网页版面设计、网页的链接设计（导航设计）等。请同学们再看看本课开头供应的几个优秀网站， 并摸索以下几个问题：（ 1）这些网站是怎样环绕主题呈现内容的？（ 2）这些网站供应了哪些栏目及功能？（ 3）网站的链接有哪些特色，是否便利？（ 4 ）网站主页的布局、颜色运用在哪些特点？1、网站的结构设计体会告知我们，建立一个网站好比写一篇文章， 第一要拟好提纲，文章才能主题明确，层次清 晰。也好比造一座高楼，第一要设计好框架图 纸，才能使楼房结构合理。仔细阅读书本（ 或

6、认 真听 老师 讲解）观赏并回答学 生 通 过前 面对 网站 做 的 规划 ，设 计网 站 结 构， 老师 巡回指导。可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 2 页，共 4 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -制作网站前要设计好网站的栏目，网站的栏目可以有多层，但并不是层数越多越好，以能够恰当的表达网站主题为好。此外，每个栏目应有一个大致的内容描述，以

7、表达该栏目的设计思路。2、网页的版面设计(1) 风格设计风格是指网站的整体形象给浏览者的综合感受。有的庄重计策，有的清新温馨，有的深沉厚重，有的生动活泼，有的古朴高雅，有的豪迈奔放。风格设计与主题是密不行分的，是为突出主题服务的。(2) 版面布局设计网页要出现的内容许多，概括起来可分为标题信息、栏目信息、内容信息、附加信息等，需要进可编辑资料 - - - 欢迎下载精品名师归纳总结行合理的放置，让人看起来井井有条，主次分明。3、网页的交互设计网站它不是一个“被动”的媒体，和电视、电台等媒体不一样的是网页是需要我们用鼠标去点击的。浏览者点击连接，网页显示出需要的内容然后在传递给浏览者。这就是网页的

8、交互性。四、任务布置请每个同学（或同桌两个合作，合作成员不能超过两个）设计制作一份网页作品。1、要求：（1）主题自定。（2）总共要有10 个页面或以上。（ 3）网页中的内容要紧密结合作者的学习、生活实际或社会实践。（ 4）在水平辨论率为1024（或以上）像素的电脑 屏幕上浏览时，页面保持整齐，不答应显现横向的滚动条。五、评判同学作业并总结本节课内容同学分组完成任务 老师巡回个别指导教 师 对 同学 作品 作出评判总结本课可编辑资料 - - - 欢迎下载精品名师归纳总结可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 3 页，共 4 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结资料word 精心总结归纳 - - - - - - - - - - - -可编辑资料 - - - 欢迎下载精品名师归纳总结学习资料 名师精选 - - - - - - - - - -第 4 页，共 4 页 - - - - - - - - - -可编辑资料 - - - 欢迎下载