【教案】网站规划与设计教案（精品）.docx

文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 课 题：网站规划 网站的设计 一，教学目标 1，学问与技能 （ 1）明白网站规划的几个阶段与几个要点基本过程 （ 2）把握网站规划与设计的过程与方法；2，过程与方法 （ 1）通过浏览与观赏几个老师供应的主题网站的内容，结构，风格，质量，并进行对比，明白网站设计的内容，特点以及依据不同内容挑选不同设计风格等 （ 2）以个人或小组集体确立一个网站的主题，并环绕主题争论即将设计的几个页面， 规划每个页面大致需要反映的内容，从而明白规划的一般过程 3，情感态度与价值观 （ 1）通过网站主题的挑选，争论，规划，培育同学沟通合作意识； （ 2）通过同学动手上网收集与整理资料等实践活动，使同学养成分类治理的思想； 二，教学重，难点 网站规划与设计 三，教学方法 对比教学法，探究学习法，争论沟通 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 四，教学设计 教学过程  老师活动 同学活动 设计意图 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 新课引入 老师引导 : 现如今，网站已经广泛应用到社会的各行各业，渗透到各个领域； 那我们可以借助网站来做什么呢？ 先让我们一起来观赏几个优秀网站 师生沟通： 网站供应 相关 内容 丰富 的信息，很美丽，有的仍 可以 与访 问者 交互等 漫谈网站的作用 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 一，老师支配同学阅读课本或老师讲解以下学问点： 1，网站规划的基本过程 网站设计为一项工程，我们需要一个详细规划，一般规划需要如下几个过程： 2，什么为网站的规划 规划涉及的内容 (2) 网站的要素二，引导同学规划自己的网站 同样结合实例，呈现老师的规划，并要求同学仿照，规划自己的网站，给出主题与相关页面内容等主题网站规划  仔细阅读书本 （ 或认 真听 老师 讲解） 仿照老师网站内容， 规 划自 己即 将要 设计 的网 站（ 包括 主题，页面内容等）需填写相关表格， 以指导日后网站设计 此部分内容仅 要求明白， 故无需深化讲解 结合实例的分析，给同学以更直观的熟悉 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 网页名称 新 授 I ndex.ht m 网页呈现 网页 备注 内容 结构 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 主题： 三，网站的设计 网站设计的目的在于把需要表达的信息以恰当的方式组织并出现在网上，设法吸引人们的关 注，并为浏览者供应便利的拜访；网站设计一般包括网站栏目结构设计，网页版面设计，网页的链接 设计（导航设计）等； 请同学们再看看本课开头供应的几个优秀网站， 并摸索以下几个问题： （ 1）这些网站为怎样环绕主题呈现内容的？  仔细阅读书本 （ 或认 真听 老师 讲解） 观赏并回答 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 文档内容来源于：网络收集整理，word版本可编辑，欢迎下载支持 （ 2）这些网站供应了哪些栏目及功能？ （ 3）网站的链接有哪些特色，为否便利？ （ 4）网站主页的布局，颜色运用在哪些特点？ 1，网站的结构设计 体会告知我们，建立一个网站好比写一篇文章，第一要拟好提纲，文章才能主题明确，层次清楚；也好比造一座高楼，第一要设计好框架图纸，才能使楼房结构合理； 制作网站前要设计好网站的栏目， 网站的栏目可以有多层，但并不为层数越多越好，以能够恰当地 表达网站主题为好；此外，每个栏目应有一个大致 的内容描述，以表达该栏目的设计思路； 2，网页的版面设计 风格设计 风格为指网站的整体形象给浏览者的综合感受； 有的庄重计策，有的清新温馨，有的深沉厚重，有的 生动活泼，有的古朴高雅，有的豪迈奔放；风格设计与主题为密不行分的，为为突出主