设计主题网站
课题：设计主题网站（第3章
第1节
第1课时）
一、教材分析
本节内容是网站制作的第一步。了解学习网站制作的必要，并详细地规划网站将为今后的网站建设提供一个总体框架，使网站的建设有“轨”可循。在具体实施过程中循序渐进地完成整个网站的建设，合理的规划与精美的设计是网站成功的关键。
二、学情分析
本案例的对象是八年级的学生。通过上学期和本学期的学习，大部分学生有了一定的信息技术基础，学生上网现象普遍，上网兴趣极高，被各种形形色色的网站所吸引，很想亲手制作自己的网站。但由于这一时期的学生认知能力、观察能力、思维能力仍不成熟，如何培养学生良好、健康的学习方法是教师教学的关键。
三、教学目标
1.
知识与技能
（1）了解网站的概念、功能和作用，知晓学习做网站的重要性。
（2）学会如何规划、构思一个网站；学会网站规划的需求分析，如何选择一个主题；学会给网站取名方面的知识；学会规划网站的内容；了解网站风格，及做网站需要用到的工具。
2.
过程与方法
（1）通过对野生动物保护的宣传策略思考，学习网站的功能和优势。
（2）通过对比“黑板报”的规划，学习网站的规划。
3.
情感、态度与价值观
激发学生对网站建设规划的兴趣，发掘学生的创作能力。
4.
行为与创新
感受作品创作前规划设计的重要性，并能够独立地完成网站设计规划方案。
四、教学重点与难点
1.
重点
网站的功能，意识学会网站制作的重要性，网站的主题规划和内容规划。
2.
难点
确定恰当的主题，给网站取一个好名字。
五、教学策略
引导法、观察法、比较法、演示法、讨论法、探究法等教学方法，启发学生，广开学生思路，达到预定的教学目标。
六、教学准备
教学课件、学生学案。
七、教学过程
（一）情境创设
1.
教师活动
教师展示三种我国濒危的野生动物：白鳍豚、华南虎和朱鹮。介绍野生动物的生存现状。从而引导同学们思考如何为保护动物尽一份责任——做一个宣传“动物保护”的网站。
2.
学生活动
从宣传的角度来思考问题解决，如出黑板报、宣传画、网站等等。
3.设计意图
激发起学生保护动物的意识，同时寻找尽一份责任的方法，从而引出网站的功能和作用。
（二）课堂新授
1.
网站的功能和作用
（1）教师活动
教师讲授：网站(Website)是指在因特网上根据一定的规则，使用一定工具制作的用于展示特定内容相关网页的集合。网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
（2）学生活动
认真聆听并感悟。
（3）设计意图
介绍网站的作用，从而知道为什么要学习网站的制作。
2.
网站制作的一般过程
（1）教师活动
引导学生对比制作黑板报，了解网站制作的一般过程：网站的规划、网站的设计、网页的制作、网站的发布与管理、网站的评价。
（2）学生活动
类比出黑板报的过程，思考网站制作一般过程。
（3）设计意图
从学生日常学习实践出发，从出黑板报迁移到网站制作。
3.
网站规划的需求分析
（1）教师活动
带领学生看几个网站，说出网站的功能（作用）；引导学生明白规划网站之前先要知道，网站规划的目的和面向的对象，从而确定主题；教师总结规划网站的出发点：个人的兴趣爱好（如书法、舞蹈、音乐、文学、篮球等）；学科学习、校本课程或研究性学习相结合（如英语、作文、航模、编程、研究性学习等）；个人，团体，单位，公司等展示宣传（如个人网站、班级网站）；介绍传统文化（如古陶、年画、剪纸、花灯、雨花石等）；社会的一些焦点问题（如感恩父母、环境保护、动物保护等）。
（2）学生活动
明确以下几个问题：做一个什么样的网站？为什么要做这个网站？网站浏览的对象，为网站规划做好需求分析。
（3）设计意图
“软件工程”的第一步——需求分析。
（三）动手实践
1.
实践1
（1）教师活动
教师布置任务，并对主题选择和网站取名做总结。
一般来说，选择主题，可遵循以下原则：（1）主题要小而精；（2）最好是自己擅长或喜爱的内容；（3）主题不要太滥或者目标太高；（4）积极、健康、向上。
一般来说，给自己网站取名要遵循的原则：（1）与主题和内容紧密相连（淘宝、搜狐）；（2）有意义有特色（百度、土豆、优酷）；（3）上口，悦耳，易记；（4）不要使用生僻晦涩的词汇。
（2）学生活动
学生分小组讨论，思考规划一个主题网站的主题选择问题，并分组完成规划书的第一部分内容的填写。
（3）设计意图
让学生为自己设计的网站做好前期准备工作。
2.
实践2
（1）教师活动
通过对学校网站的分析，学会如何设计导航栏目。
（2）学生活动
设计导航栏目，并按照样例完成表格。
（3）设计意图
让学生感受网站内容栏目设计重要性。
（四）课堂小结
1.
教师活动
小结网站规划的一般过程，提出其他的一些细节规划，如网页的风格等；制作工具：FrontPage、Dreamweaver（基本架构）；辅助工具：Flash、PhotoShop（丰润网页）。
2.
学生活动
学生了解网页制作相关工具。
3.
设计意图
为后续学习开展铺垫。(共27张PPT)
由于人类的破坏，与栖息地的丧失等因素，地球上濒临灭绝生物的比例正在以惊人的速度增长。
在工业社会以前，鸟类平均每300年灭绝一种，兽类平均每8000年灭绝一种；但是自从工业社会以来，地球物种灭绝的速度已经超出自然灭绝率的1000倍。
很难想象，若干年后，地球上只有人类而没有动物是一个什么样的场景。所以保护动物刻不容缓，全世界都在号召保护动物。
我们可以通过哪些方法来宣传“动物保护”方面的知识呢？
班级范围
全校范围
更大的范围
网
站
网站是什么样子的？
网
站
http://www.qq.com
网站
网站(Website)是由网页构成的；是根据一定的规则，使用一定工具制作的用于展示特定内容相关网页的集合。
网站是一种沟通工具，人们可以通过网站来发布自己想要公开的资讯，或者利用网站来提供相关的网络服务。
人们可以通过网页浏览器来访问网站，获取自己需要的资讯或者享受网络服务。
网站制作的一般过程
同学们觉得网站的规划重不重要呢？
出黑板报
制作网站
黑板报的规划
黑板报的设计
黑板报的书写、绘画
黑板报的评价
网站的发布与管理
精密细致的规划是一项工程能否成功的关键因素。
上海城市一角的原貌
空中世博园
网站的规划
千里之行，始于足下。
怎样规划一个网站？
需求分析：我要做什么样的网站？
网站的主题选择
学科学习、校本课程或研究性学习相结合：
个人的兴趣爱好
如：英语，作文，航模，编程
，研究性学习等。
如：书法、舞蹈、音乐、文学、篮球等。
介绍传统文化
如：古陶、年画、剪纸、花灯、雨花石等。
社会的一些焦点问题
如：感恩父母，食品安全、环境保护，动物保护等。
个人，团体，单位，公司等展示宣传
如：个人网站，班级网站，学校网站等。
两名同学为一个小组，讨论规划一个网站，并填写“网站规划方案书”任务一部分的内容。
确定网站的名称
一个好的网站名称，不仅可以吸引浏览者的眼球，而且很容易让浏览者记住这个网站。
确定网站的名称
名字要简短明快，名字字数越少，笔划越少，越方便记忆。
网站取名除了要贴近主题意思，还应该上口、悦耳、易记。
另外取名时还可以考虑名字要富有寓意，有文化内涵。
“百度”二字源于宋朝词人辛弃疾的《青玉案·元夕》词句“众里寻他千百度”，跟百度网站的功能十分贴意，同时也象征着百度对中文信息检索技术的执著追求。
一起来给自己的网站起个名字吧！
规划网站的内容
一个网站要表达的内容会很多，怎么样展示出来呢？
我们可以把表达信息的媒体如文字、图片、动画、视频等组织成一个一个的网页形式。
首页
导航栏
导航栏
导航栏——通常也是网站内容的栏目。
为了方便用户浏览网站信息，在浏览过程中不至迷失，并且可以方便地回到网站首页以及其他相关内容的页面，网站都设有导航栏。
导航栏是根据网站内容的分类来设定的。
导航栏的数量不易太多，一般是网站内容的明确分类
栏目名称不易太长，也不易太短，一般以4到6个字为宜并且字数尽量统一，这样页面看起来整齐美观，不凌乱。
我们在规划网站时，要根据网站的内容分类规划出栏目，栏目名称可以作为网页的导航。
栏目名称
主要内容
网站首页
展示学校的名称、标志和重要信息
学校概况
介绍学校的基本情况
校园动态
学校的课程安排活动安排变动情况
德育处
展示德育相关的一些活动
……
……
一起来规划网站的栏目吧！
子栏目
需求分析选择主题
内容设计
形式与风格设计
选择工具
网站规划的一般过程:
知道建站的目的，网站的功能和面向的群体，给网站取一个好的名称。
依据网站内容分类，划分栏目，并设计导航栏。
网站的色调，页面的结构布局等。
图片处理工具，动画处理工具，网页制作工具等。
课堂小结
网页制作工具：Frontpage、Dreamweaver等。
图像处理工具：Photoshop、Fireworks、PaintShop等。
动画制作软件：Flash、Ulead
GIF
Animator等。
