初一信息技术上册规划设计网站教案

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

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

3、、引导学生规划自己的网站同样结合实例，展示教师的规 划，并要求学生模仿，规划自己的 网站，给出主题与相关页面内容等 主题网站规划网页名称网页展示内容网 页结 构备注In dex.htm主题：二、网站的设计模仿教师网站内容，规划自己即将要设计的网站（包括结合实例主题、页面内的分析，给容等）需填写学生以更相关表格，以直观的认指导日后网站识设计网站设计的目的在于把需要表 达的信息以恰当的方式组织并呈现 在网上，设法吸引人们的关注，并 为浏览者提供方便的访问。网站设 计一般包括网站栏目结构设计、网 页版面设计、网页的链接设计(导 航设计)等。请冋学们再看看本课开头提供的几 个优秀网站，并思考以下几个问

4、题：(1) 这些网站是怎样围绕主题 展现内容的？(2) 这些网站提供了哪些栏目 及功能？(3) 网站的链接有哪些特色，是否便捷？(4) 网站主页的布局、色彩运 用在哪些特点？1、网站的结构设计经验告诉我们，建立一个网站好比 写一篇文章，首先要拟好提纲，文 早才能主题明确，层次清晰；也好 比造 座咼楼，首先要设计好框架认真阅读书本(或认真听教师讲解) 欣赏并回答学生通过前面对网站做的规划J,设计网站 结构，教师巡图纸，才能使楼房结构合理。制作网站前要设计好网站的栏 目，网站的栏目可以有多层，但并 不疋层数越多越好，以能够恰当地 体现网站主题为好。此外，每个栏 目应有一个大致的内容描述，以表 达该

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