广东省江门市新会华侨中学高中信息技术 网站的设计教案.doc

网站的设计一、教材内容分析1、 本节的作用和地位网站的规划工作是解决做什么样的网站问题。到设计阶段，学生需要思考的问题是如何去表达网站的主题，如何做才能够把内容成功组织和展现。如果说，规划使“做什么”的问题得到解决，那么，设计则是解决作品如何实现的问题，即决定“如何做”是设计的主要任务。设计是创作进程发展的高潮期，是学生经历信息技术过程的核心期，也是学习、体会软件系统开发方法的关键期。2、 本节主要内容介绍网站设计的目的在于把需要表达的信息以恰当的方式组织并呈现在网上，设法吸引人们的关注，并为浏览者提供方便的访问。网站的设计一般包括网站栏目结构设计、网页版式设计、网页的交互设计（链接设计、导航设计）等。3、 重点难点分析（1）网站的结构设计。设计一个网站与编写一本书有相似之处，开始着手写书之前，首先要进行总体构思，拟定书的编写目录，然后才按章节组织编写内容。同样，制作网站前要设计好网站的栏目，编书通常有三级目录，网站的栏目也可以有多层，但并不是越多越好，以能够恰当地体现网站主题为准。此外，每个栏目本身应有一个大致的内容描述，以表达该栏目的设计思路，充实整个网站的总体结构设计。（2）网页的风格设计。风格是指网站的整体形象给浏览者的综合感受。一种风格的形成需要从多方面着手设计，包括网页布局的整体造型，色彩的搭配、字体图片的样式设置、网站的标志设计等，同一网站内的各网页之间应保持风格的一致，在每个页面的相同位置放置图标、文本块等元素，有利于提高浏览速度，并给人以整体感。色彩、字体、图片的运用是一个网站树立ci（corporate identity）形象和标志时应该注意的内容，设计并完成这几步，网站的整体形象也就形成了。色彩的搭配。在web设计中，色彩的搭配是需要慎重考虑的，好的色彩搭配是网页设计成功的一半。用同一色系的色彩，色彩层次分明但不会导致反差强烈，能产生良好的视觉效果。p105拓展部分，提示学生学习。网站的字体。和色彩一样，字体是指用于标志、标题、主菜单的特有字体。 一般网页默认的字体是穿梭体、楷体、黑体和仿宋体。为了体现站点的特有风格和所表现的内涵，可以选择更贴切的字体。目前常见的中文字体有二、三十种，常见的英文字体有近百种。若使用非默认字体，只能用图片形式。要注意的是图片不要太大，一般在几k就好。（3）版面内容的布局一个网页的版面通常以屏幕中央最能引人的注意，屏幕上方紧随其后，屏幕的左右侧通常放置不太重要或固定信息，附加信息（如版权信息）一般放在最下方。版面布局的整体造型和色彩搭配的灵活运用也会影响人们的引导人们的注意力，产生不同的视觉心理。版面的布局没有绝对统一的方法，应视需要而定，有创意的布局会给人以耳目一新的感觉。（4）网站的交互设计要考虑设计网站全局导航系统、局部导航系统，还要考虑链接的设计，用户浏览的操作习惯等方面的内容。二、教学目标（知识，技能，情感态度、价值观）知识：网站的结构设计、网站的风格设计技能：通过开发实践，学会规划、设计、制作、发布与管理简单网站的基本方法。情感态度、价值观：对自己和他人的网站设计做出恰当的评价；学会从美学角度、从平面设计的角度去欣赏网站的设计三、学习者特征分析高二的学生，大部分都接触过网站，并对一些网站有上定的认识。因此在设计上我们要突出的是结构的设计与版面设计两大方面。而且高二的学生在通过高一的学习一部分学生在某些方面有一定的优势，注意通过小组分工合作的形式提高设计效率，发挥学生的特长，优势互补。四、 教学策略选择与设计（1）、任务驱动教学法。结合教材的例子，通过演示，给予任务让学生通过任务实践达到学习本节的知识。在实践中探索学习。（2）、体现应用软件工程的思想和方法。软件系统开发的思想方法以理论讲授的形式搬上高中课堂，而是在学生进行设计的过程中，以各种方式巧妙渗透。（3）、采用案例教学方式，通过与学生一起分析设计案例，让学生明了设计是依据总体规划进行的。设计应采取自顶向下、逐步求精的软件工程方法，设计阶段要完成作品功能与性能要求的设计，完成作品系统结构的设计、媒体信息的设计、过程设计等，即要达到明确作品“怎么实现”的目的。五、教学环境及资源准备网络计算机室课件及例子相关资源（图片、文字等）六、教学过程教学过程教师活动学生活动设计意图及资源准备引入观摩一些优秀的网站。学生观看。演示一些优秀网站，提高学习兴趣，让学生积极思考。新授将学生能实现的网站模板演示给学生。写出网站的结构。定好网站的版面。构思网站的栏目，风格，内容。从浏览者的角度去分析他们这样的设计达到了什么样的效果，从中得到一些有益的启示。练习教师辅导小组分工实习学会与人合作的技巧，发展合作意识，在小组合作中发挥个人优势的同时相互学习，理解合作与协作是当今社会活动的重要形式。分析巩固教师点评分析学生介绍作品提高学生对网站的认识，及学会评价。小结将本节内容进行知识与技能、情感几方面进行总结。学生听、思、记。加强学生对理论的学习及对网站设计的理解。作业把网站内容反复修改七、教学评价设计通过本节学习，学