高中信息技术选修3教案-6.1网站的规划与设计-浙教版

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