网站规划与设计教案

1、课题：网站规划网站的设计、教学目标1、知识与技能（1）了解网站规划的几个阶段和几个要点基本过程（2）掌握网站规划和设计的过程和方法。2、过程与方法（1）通过浏览与欣赏几个教师提供的主题网站的内容、结构、风格、质量，并进行对 比，了解网站设计的内容、特点以及根据不同内容选择不同设计风格等（2）以个人或小组集体确立一个网站的主题，并围绕主题讨论即将设计的几个页面， 规划每个页面大致需要反映的内容，从而了解规划的一般过程3、情感态度与价值观（1）通过网站主题的选择、讨论、规划，培养学生交流合作意识。（2）通过学生动手上网收集与整理资料等实践活动，使学生养成分类管理的思想。二、教学重、难点网站规划和设

2、计三、教学方法对比教学法，探究学习法，讨论交流四、教学设计教学过 程教师活动学生活动设计意图新课引 入教师引导：现如今，网站已经广泛应用到社会的各 行各业，渗透到各个领域。1. 那我们可以借助网站来做什么呢？2. 先让我们一起来欣赏几个优秀网站师生交流：网站提供相关内容丰富的 信息，很漂亮，有 的还可以与访问者 交互等漫谈网站的作 用新 授一、教师安排学生阅读课本或教师讲解以下知识 占：八、1、网站规划的基本过程网站设计是一项工程，我们需要一个具体规划， 一般规划需要如下几个过程：认真阅读书本（或认真听教师讲 解）此部分内容仅 要求了解，故 无需深入讲解 1 12、什么是网站的规划（1）规划涉

3、及的内容（2）网站的要素二、引导学生规划自己的网站同样结合实例，展示教师的规划，并要求学网页名称网页展示内容网页结构备注In dex.ht m主题：生模仿，规划自己的网站，给出主题与相关页面 内容等主题网站规划三、网站的设计模仿教师网站内 容，规划自己即将 要设计的网站（包 括主题、页面内容 等）需填写相关表 格，以指导日后网 站设计认真阅读书本（或认真听教师讲 解）欣赏并回答结合实例的分 析，给学生以 更直观的认识网站设计的目的在于把需要表达的信息以恰 当的方式组织并呈现在网上，设法吸引人们的关 注，并为浏览者提供方便的访问。网站设计一般 包括网站栏目结构设计、网页版面设计、网页的 链接设计

4、（导航设计）等。请同学们再看看本课开头提供的几个优秀网站， 并思考以下几个问题：学生通过前面对网 站做的规划，设计 网站结构，教师巡 回指导。（1）这些网站是怎样围绕主题展现内容的？（2）这些网站提供了哪些栏目及功能？（3）网站的链接有哪些特色，是否便捷？（4）网站主页的布局、色彩运用在哪些特 点？1、网站的结构设计经验告诉我们，建立一个网站好比写一篇文章， 首先要拟好提纲，文章才能主题明确，层次清 晰；也好比造一座高楼，首先要设计好框架图 纸，才能使楼房结构合理。制作网站前要设计好网站的栏目，网站的栏目 可以有多层，但并不是层数越多越好，以能够恰 当地体现网站主题为好。此外，每个栏目应有一

5、个大致的内容描述，以表达该栏目的设计思路。2、网页的版面设计（1）风格设计风格是指网站的整体形象给浏览者的综合感受。 有的严肃计策，有的清爽温馨，有的深沉厚重， 有的生动活泼，有的古朴典雅，有的豪迈奔放。 风格设计与主题是密不可分的，是为突出主题服 务的。（2）版面布局设计网页要呈现的内容很多，概括起来可分为标题信 息、栏目信息、内容信息、附加信息等，需要进 行合理的放置，让人看起来井井有条，主次分 明。3、网页的交互设计网站它不是一个“被动”的媒体，和电视、电台 等媒体不一样的是网页是需要我们用鼠标去点击 的。浏览者点击连接，网页显示出需要的内容然 后在传递给浏览者。这就是网页的交互性。四、任务布置请每个同学（或同桌两个合作，合作成员不能超 过两个）设计制作一份网页作品。1 、要求：（1）主题自定；（2）总共要有10个页面或以上。（3）网页中的内容要紧密结合作者的学习、生活 实际或社会实践。（4）在水平分辨率为 1024 （或