资源简介

《网站设计》教案
【教学目标】
知识与技能：知道创建网站的一般过程，了解版面设计的知识，初步掌握网站的策划与构思
过程与方法：通过自主探究和小组合作完成学习任务，掌握一些探究学习的方法，培养与他人协作、交流的意识和能力
情感、态度与价值观：通过版面设计，激发学生的创作欲望，提高学习信息技术的兴趣和愿望。
【教学重点】
初步掌握网站的策划与构思，会设计版面及网站风格
【教学难点】
如何在网页制作中实现自己的网站设计构思
【教学方法】
自主探究、集中讲解、小组合作、实践练习、反思总结
【教学过程】
【课前预习】
打开桌面上“《网站设计》课堂导学案.doc”文件，完成其中：一、课前预习教材P80~87，并简答以下问题（在教材上做上记号），共10小题。
【激情引入】
师问：同学们，上一节课，我们开始学习教材第四章，主要学习了什么内容？
建立主题网站。
师问：建立主题网站一般分哪几个步骤？（P72）
规划网站、网站设计、网站实现、发布管理网站
师问：我们学习了规划网站，那么网站规划的一般步骤？（P74-80）
需求分析、选择网站主题、确定网站名称、选择网页制作工具、制定网站建设计划表
规划网站是建立主题网站的第一步。而我们要把一个优秀的网站由蓝图变为现实的第一个步骤就是网站设计，那到底如何进行设计呢？这是我们本节课重点要学习的内容。
【知识新授】
一、栏目设置（P81）
打开下列网站，说一说该网站是如何进行栏目设置的？
1、新浪网：www..cn（师说）
2、北京新东方扬州外国语学校：www.（生答）
通过上述，并结合教材P81简答下列问题：
1、为什么要进行栏目设置？
栏目的设置使得网站结构清晰，目录明确，内容紧扣主题，有利于以后扩充和维护
2、栏目的实质是什么？
栏目实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来
3、栏目安排应注意哪几个方面？
（1）要紧扣主题，尽可能删除与主题无关的内容
（2）尽可能将网站最有吸引力的内容列在栏目上
（3）尽可能访问者的浏览和查询（如：本站指南、网站地图等）
展示“机器人做学玩”网站栏目设置
1、两人为一组，讨论协商，为自己小组的主题网站取名（想一想：取名时应注意什么？P76）
给网站取名应注意：要与主题紧密相关；要有意义；要上口、悦耳、易记；名称是否合法、合理、合情
网站名称如：作文天地、篮坛风云、海中世界、空军之翼、梦幻音画廊、where
to
go……
2、根据小组确立网站名称，设置栏目（可以参照课本表4-7、4-8、4-9），完成“课堂导学案”二中3，两人沟通共同完成，打字快的一人主要负责输入，另一人主要提供内容，可使用网络进行搜索，其中主栏目不少于3个。
栏目名称
子栏目名称
内容述
结束后展示既快又好的三组，并请该组同学分享经验
二、版面设计
1、什么是版面结构？（P83）
版面结构是指将不同元素巧妙排列的方式，合理的版面结构能够让浏览者清楚、容易地理解作品传达的信息。
2、常见的页面布局样式有哪几类？（P83）
“厂”字型、“口”字型、自由式
实践：访问校园网（www.），看看有没有以上三种页面布局样式的网页
请三名学生分别说说三种页面布局的优缺点。
展示三种常见的页面布局样式对比图（教材P83表4-11）
3、网页版面布局可以按哪三个步骤进行？（P84）
创意草案、粗略布局、最后定案
三、树立网站总体风格
1、树立网站的整体风格一般分哪三个步骤进行？
（P85-86）
网站标志、标准色彩、标准字体
树立网站整体风格的第一步是：设计制作一个网站的标志（logo)
2、设立网站标志有几种方法？（P85）
（1）选择与网站主题有关的，并具有代表性的人或物，用它们作为设计的蓝本，加以卡通化和艺术化。
（2）对于专业性的网站，可以以本专业有代表的物品作为标志。
（3）最常用和最简单的方式是用自己网站的中文或者英文名称作为标志。
三种标志：搜狐、中国银行的铜板标志、“新东方”网站的标志，对应上述三种，学生连连看。
树立网站整体风格的第二步是：设计网站的标准色彩
3、如何设计网站色彩，才给人以整体统一的感觉？（P85）
（1）网站的标志、标题、主菜单和主色块文字的链接色彩尽量使用标准色彩。
（2）图片的主色彩、背景色、边框等尽量使用标准色彩同色系的色彩。
标准色彩能体现网站形象，延伸网站内涵；一般一个网站的标准色彩不超过3种，太多则使人眼花缭乱，其他色彩可作点缀和衬托，不能喧宾夺主；色彩总的应用原则是“总体协调、局部对比”
展示几张典型色彩的网站图片，分别标注该网站使用的标准色彩。
打开校园网，让学生谈一谈校园网标准色彩。
树立网站整体风格的第三步是：设计网站的标准字体
四、收集素材
收集素材的过程中，应注意哪几个方面？（P87）
1、要注意对收集来的素材进行分类，例如同类素材用一个文件夹来管理
2、文件名要易懂易记，便于调用
3、要注意保护知识产权，避免侵犯别人的版权
练习：完成“课堂导学案：二、课中实践4”
【当堂检测】
使用教学软件2分钟测试，并进行统计分析
１、网站的制作步骤包括①确定主题；②网站制作；③需求分析；④选择开发工具。正确的顺序是（　　）。
Ａ.①④③②
Ｂ.③①④②
Ｃ.②①③④
Ｄ.④③①②
２、建立主题网站的顺序一般是（　　）。
Ａ.规划→实现→设计→发布管理
Ｂ.设计→实现→规划→发布管理
Ｃ.规划→设计→实现→发布管理
Ｄ.设计→规划→实现→发布管理
３、网页要呈现的内容很多，如何合理地放置信息，使之看起来井井有条，主次分明，这主要是下列哪项工作：
（　　）。
Ａ.选定网页制作工具
Ｂ.栏目设置
Ｃ.版面设计
Ｄ.语言确定
4、图片在网页中起到美化网页的作用，在网页中最为常用的两种图像格式是
（　　）。
Ａ.
JPG和GIF
Ｂ.
GIF和BMP
Ｃ.
JPEG和PSD
Ｄ.
BMP和PSD
5、树立网站整体形象的关键是（　　）。
Ａ.音频、视频和文字
Ｂ.表格、图片和文字
Ｃ.标志、色彩和字体
Ｄ.计划、栏目和版面
6、下列关于树立网站整体风格的叙述，错误的是（　　）。
Ａ.网站的标志对树立网站整体风格没有什么影响
Ｂ.网站的色彩也是树立网站整体风格的重要因素
Ｃ.设计网站的字体是树立网站整体风格的重要环节
Ｄ.网站色彩一般不超过3种，太多容易使人眼花缭乱
7、安排网站的栏目时应注意避免（　　）。
Ａ.栏目要尽可能丰富，分类越细越好
Ｂ.尽可能将网站最有吸引力的内容列在栏目中
Ｃ.尽可能方便访问者的浏览和查询
Ｄ.要紧扣网站主题
8、网站标志是树立网站风格第一步，以下不属于其设计原则的一项是（　　）。
Ａ.选择与网站主题密切相关的人或物，加以卡通化、艺术化
Ｂ.适当选用有专业代表性的物品或者标志
Ｃ.巧妙运用中文或英文名称作为网站标志
Ｄ.标志要尽量复杂、赋予极多的含义
9、下列关于HTML语言的描述错误的是（　　）。
Ａ.
HTML文档是文本格式的文件
Ｂ.HTML语言中可以嵌入多种网页特效代码
Ｃ.不懂HTML语言的人无法制作网站
Ｄ.HTML语言是通过一系列特定的标记来标识出相应的意义和作用的
10、下列HTML标签中属于标题标签的是（　　）。
Ａ.HTML标签
Ｂ.TITLE标签
Ｃ.
BODY标签
Ｄ.
HEAD
标签
【课堂小结】
请用下列一句话小结本节课：通过本节课的学习，我收获到……
在对网站进行规划和设计之后，下一步我们就要进行网站的实现，这将是我们下一节课要学习的内容。
【教学反思】

展开更多......

收起↑