第十课
制定建站计划
课堂使用素材
任务一：
【欣赏
思考】
请打开下面的网址，观察这些网页作品的名称和设计特点，找出你最喜欢的一个作品，与大家分享。
http://w21世纪教育网yzjy./2007/2007web1/Index.asp
( http: / / www.21cnjy.com"
\o
"欢迎登陆21世纪教育网 )
（扬州市第四届网页设计大赛作品）
【合作
讨论】
2人一组，构思一个网站，主题不限，可以是美食美景、风云人物、环保健康等各个方面，并给本小组网站取一个响亮而有创意的网站名。
任务二：
【合作
探索】
1.以小组为单位，继续参考上面网址中的作品，也可以利用网络，根据本组网站的主题，请设计出的网站的主栏目。
2.提升（选做：供设计栏目比较快的同学完成）：
根据主栏目，完成分栏目的设计。
任务三：
【讨论
设计】
网页配色设计方案：
http://tool.c7sky.com/webcolor/#character_5
( http: / / www.21cnjy.com"
\o
"欢迎登陆21世纪教育网 )
参考上面网址的配色设计，给本节课要制作的网页设计配色方案。（要求：符合网站的特点。）
（提示：设计配色时的形状填充操作，可以参考“学生任务”文件夹中的视频《配色填充操作讲解》）
我们组的网站名称为：（
）
主栏目一：
（
）
主
题（
）
主栏目三：
（
）
主栏目四：
（
）
主栏目二：
（
）
……
分栏目一：（
）
分栏目二：（
）
分栏目三：（
）
……
分栏目一：（
）
分栏目二：（
）
……
分栏目一：（
）
分栏目二：（
）
……
分栏目一：（
）
分栏目二：（
）
……
……
背
景
色
栏目色
栏目色
栏目色
栏目色
主色调
前景文字色第十课
制定建站计划
教学设计
1教学目标
【知识与技能】
知道制定建站计划的基本流程与方法;
能够设计出自己网站的主题;
能够设计自己网站的主栏目;
可以给网站的颜色搭配进行设计。
【过程与方法】
能够充分利用网络资源解决自己在设计过程中的疑难问题。
可以自己观看教师提供的视频解决课堂上不懂的操作问题。
【情感态度与价值观】
1..在给网页配色中提高自己对颜色的搭配审美能力。
2教学准备
1.计算机网络教室(投影仪、幕布、网络等);
2.PPT课件一份;
3.学生课堂任务一份;
(包括一个word任务介绍、一个教师录制的《配色填充操作讲解》视频)
4.课堂评价量表25张;
5.教学设计一份。
3重点难点
重点:1.明确指定建站计划的一般步骤;
2.设计出自己网站制作的计划。
难点:学会利用各种资源解决设计过程中的难题,尤其是设计出栏目和网页的配色方案。
4教学过程
活动1【导入】
教师活动
1.请学生思考平时浏览的网站,引出自己制作网站的想法,激发他们的兴趣。
2.浏览课本,让学生了解本节课的内容,做到心中有数。
3.引用
“做事没计划,盲人骑瞎马”说明制定计划的重要性,引出本节课的内容,制定建站计划。
学生活动:
回忆自己经常使用的网站
联系生活实际,思考计划的重要性。
设计意图:
1.激起学生制作自己的网站的兴趣。
2.预习课本内容、心中有数。
3.感受计划在学习生活中的重要性,明白本节课的意图和重要性。
活动2【讲授】
教师讲授:
(一)确定网站主题
通过学生自学与提问讲解网站命名的几种方式:
音译命名;
功能命名;
机构命名;
个性命名。
◆
学生任务一:
欣赏与思考。
欣赏扬州市第四届网页设计大赛作品,启发自己的思维。
合作与讨论。
2人一组讨论出本组的网站主题,并设计一个自己喜欢的名称。
教师评价展示2组同学的主题设计
(二)设计网站栏目
讲解主栏目和分栏目的含义。
◆学生任务二:
①合作与探索
利用网络等资源,为本组的网站主题设计出相应的主栏目。(有能力的同学可以将分栏目也设计出。)
②互帮互助:请思考最快的一组同学提前展示自己的设计,然后在教室中走动,与需要帮助的小组交流,一同思考设计。
③请帮助其他组的这2名同学推荐一个小组的设计,展现给大家。
(三)设计网页配色方案
◆学生任务三:
参考配色设计的网址和一段操作视频,给自己的网站设计配色方案,设计出背景色、主色调、栏目色、前景文字色等。
学生活动:
根据课本内容,区分学习网站命名的常见方式。
2人一组,欣赏网站中的作品,并思考讨论出本组要做的网站名称。
欣赏其他同学的设计。
认真听老师讲解主栏目和分栏目。
合作讨论,借助可利用的资源,完成设计。
合作与这两位同学共同探讨。
欣赏别的小组的作品。
设计意图:
1.检测学生自己预习的效果,发挥学生的主动性。
2.小组合作,2人共同发散思维,合作探讨。
3.让学生学会取长补短。
4.明白主栏目和分栏目的含义。
5.利用小组合作,激发策划栏目。
6.组内合作与组组合作相配合
7.由学生推荐作品,展示他们心中最好的作品。
活动3【活动】作品展示与评价
作品展示与评价
利用评价量表,开展师评、
自评、互评。
活动4【活动】课堂总结
总结网站设计的三个主要步骤,思考在设计过程中遇到的问题和解决方法。
学生回顾本节课制定建站计划的步骤,思考自己在制定过程中遇到的问题。
活动5【作业】课后任务
根据小组互评的结果,课后交流,改进自己的设计。
