o1X/<.0+ E)Qh]:<2v 一、我爱大自然
]Uu(OI<) 教学目标
m>+,^`0 1、 知识目标:
&O6
;nJEI 让学生初步认识FrontPage并制作简单的网页。
6"Lsui?? 让学生了解网站、网页与信息表达之间的关系。
rw8J:?0x 2、技能目标:
OKZam ik~ 简单设计制作网页。
O<dZA=Oez 3、情感目标:
R8[iXXjku 在搜集素材、制作网页的过程中体会大自然的美,进而培养保护大自然,保护环境的意识。
B2G5hbaA 重难点
9VUm=Z#` 了解网站、网页之间的关系
M
eI2i 课前准备
a(ux?V)E. 教师准备:搜集大量有关大自然知识的信息。
g/l0}% 学生准备:阅读一些有关大自然知识的书籍。
]~\SR0 教法与学法
*]m kyAhi 自主探究法
3j+=3n, 教学过程
p&OJa$N$[ 第一课时
%on9C`/ 搜索有关大自然的知识
!#c[~erNZ 一、出示有关大自然的图片,导入新课:
@0vC v 大自然充满了神奇,我们一起了解大自然知识、探究神奇的大自然。
YMj7 二、学生上机操作:
v?YdLR 1、利用百度搜索有关大自然的知识(学生已学过网上搜索)。
hi {2h04 图片
}_a+X 文本材料
O^X[9vr
W 2、把得到的信息保存到D盘。
8K@"B 三、成果展示。
~'^!udF- 四、课后小结:
,5eH2W 大家利用网络收集到很多信息,很好。在下课时间,要阅读一些有关大自然的书,下节课我们各小组进行一下比赛,看哪个小组收集信息多。网络资源给学生提供了大量学习空间,学生进行自主学习。这节课收效极好,如果学生通过这节课,对大自然冲满神奇,在课余时间,充分阅读有关书籍,对学生知识的增长会更好。
(:.Q\!aZ1 第二课时
;.nP%jD 学习建立网站有关知识。
FVsu8z u
一、学生竞赛,导入新课:
2vqmsl? 1、以小组为单位,把收到的信息展示给大家。
Jt-XmGULB 2、由比赛导入:你们想把这些信息制作成网站吗?今天我们来学习网站的建立。
?AV&@EX2C 二、教师指导学习阅读书(P2—3)
iot.E%G 三、师生合作,共同探究:
W(uP`M%][0 1、新建站点:
QJM-`( “文件”——“新建”——只有一个网页的站点。
']d
!?>C@o 2、打开站点:
qJ{r!NJJ
8 文件——打开站点
1z})mfsh 3网页的编辑窗口。(四种显示)
O+G~Qp0b> 4、;图片的保存:
)(h&Q?
Ar 四、学生上机操作,练习这些操作命令。
Y!++CMzU 通过阅读课本,提高学生自学能力,同时更好发挥课本的价值。
{B FT 利用操作步骤,学生掌握方法。
Z?~gQ
$ 第三课时
c
}<*~w; 制作我爱大自然网
hmK8jl<6 一、开门见山,直接导入:上两节课我们学习了网页的制作,同时又收集了有关大自然的知识,这节课我们就一起制作《我爱大自然》网。
nB cp7
e 二、提出要求,进行制作:
~In{lQ[QX 要求:
; g Z%U 网页内容:几句关于爱大自然的文字,山峦、河流、动植物等大自然的图片,每类图片2张。
CrnB{Z4L 可参考P4的结构图进行设计制作网页。
CS~=Z>6EjA 三、学生动手操作,制作网页。
to99_2 把收集的信息进行加工,制作成网页,达到学以致用,与科学学科整合。
RGT_}ni 第四、五课时
\We"?1^ 学生制作网页,并把作品进行共享,交流与评析。并把这些作品于校园网发布。
BN+V,W 整体效果评价
K#GXpj 通过本课的学习,既能增长技能,学会制作网页,又能让我们体会大自然的美,进而培养保护大自然,保护环境的意识。
Ms.PO{wb 二、珍 稀 植 物
R#Y50hzT 教学目标
zc6Ho 1、知识目标:
LQh^;
]^( 能初步使用表格布局“珍稀植物”的网页结构;
t{_!Z(Rt5) 学会使用书签,方便快速地浏览需要的网页信息;
"DVt3E 学会使用图片缩略图,查看图片内容。
xK$}QZ) 2、技能目标:
:fxWz
%t 简单设计制作网页。
Z:I*y7V- 3、情感目标:
B
}6Kd 在搜集素材、制作网页的过程中进一步对一些珍稀植物的知识进行了解。
Q/9a,85 重难点 学会使用书签,方便快速地浏览需要的网页信息
e Wc_ N 课前准备
5B
}3GBA 教师准备:百科动物光盘
vGXWwQ.1Tp 学生准备:阅读有关珍稀动物的书籍。
/wr6\53J 教法学法:自主探究法
;5<P|:^ 第一课时
Xa4GqV9M/- 搜索有关珍稀植物的知识
D^|jZOJ 一、导入新课:教师放映一个展示珍稀植物的演示文稿,引入本课。
'KSa8;:=C 二、学生上机操作:
&kb\,mQ 利用百度搜索下面知识。
K6E}";; 1. 世界八大珍稀植物 2. 中国蕨(蕨类)
/^J2B8y 3. 伯乐树(被子) 4. 光叶蕨(蕨类)
GOGt?iw*< 5. 原始音座莲(蕨类) 6. 台湾蝶兰(被子)
y
$:yz; 7. 喜树(被子) 8. 四川红杉(裸子)
Ru:n~77{ 9. 对开蕨(蕨类) 10. 桫椤(蕨类)
1:_=g #WH 2、把得到的信息保存到D盘。
~u!gUJ: 二、成果展示。
]5N zK=2{ 三、课后小结:大家利用网络收集到很多信息,在下课时间要阅读一些有关珍稀植物的书,下节课我们把收集的信息加工成网页。 地球上有的珍稀植物有的已灭绝,我们通过网络搜集有关珍稀植物的知识,对它们有所了解,加强保护这些植物,有一定的意义。
|Td_S|:d 现在面临的季节不很好,如果是春天,学生能走出去,到大自然去看一看,与综合实践活动结合,那会更好。
4K E)g 第二课时
7UnzIe 学习有关网页修饰知识。
VQ2Fnb4 一、导入新课:
G[#.mD{k 1、找学生讲这几天看到的珍稀植物知识的内容。
TaOOq}8c# 2、由故事导入:你们想把这些信息制作成网站吗?今天我们来学习网站的建立。
ovz# 二、教师指导学习阅读书(P8—9)
|-n
('gQ[ 三、师生合作,共同探究:
Oo
kxg *!5 1、插入“项目符号”时,需要将光标定位在需要使用项目符号的文字前,注意区分编号和项目符号。
Bq *[c=(2 2、为了方便查看多幅图片内容,在本课设计了图片“自动缩略图”功能的使用。设置图片的自动缩略图后,在“预览”状态下单击该图片,可以看到原图,这个预览指的是在浏览器中预览。使用缩略图可以统一图片大小,增加页面的美观,让学生体会缩略图和原图的关系(缩略图是按比例缩小后的原图)。
ms7SoYbSu 3、在设置书签时,书签的名称应尽量避免使用汉字。
R3?:\d{ 四、学生上机操作。
*E}Oh 这部分计算机知识,学生理解有些困难,但是这里只是简单了解一下,在以后应用中,我们还要进一步探究。
b{BaQ>.(` 第三课时
vb
%T7 一、开门见山,直接导入:上两节课我们学习了网页的制作,同时又收集了有关珍稀植物的知识,这节课我们就一起制作《珍稀植物》网。
\BUqDd! 二、提出要求,进行制作:
v~}5u
5$O 要求:
c#
xO< 可参考P4的结构图进行设计制作网页。
AVv#\JrRW 三、学生动手操作,制作网页。
(`pNXQ0n 把收集的信息进行加工,制作成网页,达到学以致用,与科学学科整合。
}'TTtV:Q 第四、五课时
O^0" 学生制作网页,并把作品进行共享,交流与评析。
HVGr-/ 整体效果评价
/1[gn8V691 通过本课的学习,既能增长技能,学会能初步使用表格布局“珍稀植物”的网页结构;学会使用书签,方便快速地浏览需要的网页信息;学会使用图片缩略图,查看图片内容。又能让我们保护珍稀植物,维护生态平衡。
*0~M 课 题 三、有趣的食物链
|Ytg 教学目标
p qeL%="p; 1、知识目标:
sQtf,e|p 让学生学会使用自选图形布局网页,了解自选图形在制作网页中的作用;
UWw}!1 通过自选图形的叠放次序,了解层的含义。
Px#$uU 2、技能目标:
61Bhm:O5W 简单设计制作网页。
\vVSh 3、情感目标:
.'/l'> 学生了解食物链、食物网的知识,激发学生探索自然规律的兴趣。
%[ /<+ 重难点
} L <,eV 自选图形的叠放次序,了解层的含义。
8R}K?+] 课前准备
UiIF6-ZZ! 教师准备:准备一些有关食物链的书籍,和自然教师相联系,(自然书有这部分内容,使两学科相整合)
qm'b'!gq~ 学生准备:自然书、自然基本功。
SdxY>; 教法与学法
HIGNRm 自主探究法
0[)VO[ 教学过程
x@m<Ym- 第一课时
E:w:4[neh 搜索有关食物链的知识
*,lh:
一、导入新课:
VNj@5s 食物链是自然界中生物之间由于食物关系形成的联系。设计制作“有趣的食物链”网页,使我们更好地了解食物链、食物网的知识。
FJT1i@N 二、学生上机操作:
rN"Xz 1、利用百度搜索有关食物链的知识。
IqUp4} 什么是食物链
ErDL^M-` (1)捕食食物链(2)碎食食物链
.oR3Q/|k] (3)寄生性食物链(4)腐生性食物链
h$ Da&$uyI 食物网
hH`Jb77L
2、把得到的信息保存到D盘。
TsHF
tj9S 二、成果展示。
5+K;_) 三、课后小结:大家利用网络收集到很多信息,在下课时间要阅读一些有关食物链的书,下节课我们把收集的信息加工成网页。
%8w9E= 这部分内容是小学六年级自然书内容,与自然教师相联系,两课同时上,既把自然矫进行扩展,又能更好理解本课内容。
S;=_;&68? 第二课时
<MdGe1n 使用自选图形设计网页。
i
a4k :\ 一、导入新课:
3taa^e. 你们想把这些信息制作成网站吗?今天我们来学习网站的建立。
os$nL'sq 二、教师指导学习阅读书(P12—16)
^u)rB<#BR 三、师生合作,共同探究:
%{C)1*M7 “设计”中为学生提供了比较详细的网页内容和网页结构图,学生还可以上网搜集更多信息。
hCC}d0gf`n 使用自选图形设计网页时,学生可以使用教材提供的自选图形,也可以自己选择其他图形。
RUGv8"j 使用“组合”可以将图形形成一个整体,移动位置时一起移动,不会错位。
VT=K"`EpQ 四、学生上机操作。
mp\%M
1< 这里我们既要给学生一定时间看书,又要留有大量的上机时间。
)X5(#E 第三课时
D.*>;5:0' 制作珍稀植物网
A#DR9Eq 一、开门见山,直接导入:上两节课我们学习了网页的制作,同时又收集了有关珍稀植物的知识,这节课我们就一起制作《珍稀植物》网。
!M;A*:- 二、提出要求,进行制作:
r,xmEj0E
要求:
kus}WJ 可参考P12的结构图进行设计制作网页。
]sj0~DI*m 三、学生动手操作,制作网页。
}c|U X
ZW 把收集的信息进行加工,制作成网页,达到学以致用,与科学学科整合。
Hk;-5A|9 第四、五课时
}1 QF+Cf 学生制作网页,并把作品进行共享,交流与评析。
CWlW/>yF
B 整体效果评价
>I<PO.c! 两学科同时进行讲授同一课,学生的理解能力、制作能力、创新能力都发生了变化,使他们更休会到学以致用,计算机工具性给他们带来的好处。
Hwu4:^OL| w%xCTeK[ 四、奇妙的爬行动物
!>g:Si" 教学目标
Acu@[I^ 1、知识目标:
5=Lq=,K$ 利用表格制作网页
OW`STp! 2、技能目标:
S_Z`so
} 简单设计制作网页。
{gU&%j 3、情感目标:
'
*R%^RK 学生对这些生活习性千差万别的爬行动物有所了解。。
^M[P-#X_ 重难点
V3.t;.@ 如何用表格设计制作网。
N 8t=@~] 课前准备
(E!!pz 教师准备:有关爬行动物的书籍
0=![fjm
学生准备:阅读一定的爬行动物的书籍
{p/YCch, 教法与学法
D:E9!l' 自主探究法
*
jCW.ZLY 教学过程
%l$W*.j|; 第一课时
1;wb(DN*c 搜索有关大自然的知识
A6p`ma
$L 一、导入新课:说一说你知道的爬行动物?
u%2KwRQ 二、学生上机操作:
bd \=h1 1、利用百度搜索有关爬行动物的知识。
g>0vm2| 1. 中华鳖 2. 乌龟
'Q|c@t 3. 什么是爬行动物 4. 剑龙
+nU.p/cK+\ 5. 壁虎 6. 扬子鳄
Yx%bn?%;& 7. 灰鼠蛇 8. 竹叶
y0IK,W'&? 9. 翼龙 10. 蛇颈龙
-=5)NH
t 11. 蜥蜴 12. 蟒蛇
U[||~FW' 13. 角龙 14. 避役
x$B&L`QV 15. 长吻鳄 16. 霸王龙
tZ8e`r* 2、把得到的信息保存到D盘。
>K:u?YD[ 二、成果展示。
Ai kf|)D[ 三、课后小结:大家利用网络收集到很多信息,在下课时间要阅读一些有关大自然的书,下节课我们把收集的信息加工成网页。
/A07s[L 网络资源给学生提供了大量学习空间,学生进行自主学习。这节课收效极好,如果学生通过这节课,对爬行动物冲满神奇,在下课时间,充分阅读有关书籍,对学生知识的增长会更好。
6|=j+rScv 第二课
>*qQ+_ 使用自选图形设计网页。
e!X(yJI[O6 一、导入新课:
VLI'
你们想把这些信息制作成网站吗?今天我们来学习网站的建立。
o`? zF+M0 二、教师指导学习阅读书(P12—16)
0k[2jh 三、师生合作,共同探究:
>"d?(@PJ 表格的重要作用就是布局网页结构,在表格内合理的拆分和嵌套表格可以制作复杂结构的网页。表格里可以放置图片、文字等元素。表格也可以作为元素放在表格里,表格放进表格就是表格的嵌套。插入表格后,需要对表格属性进行设置。在“表格属性”项中设置该表格所需的属性。需要注意的是,如果需要改变单元格边框和内容之间的间距,可以在“单元格边距”框中输入数值,改变单元格之间的间距可以在“单元格间距”框中输入数值。表格属性中还有背景、边框等选项,学生可以自主探索、设置。
n=!uNu7 FrontPage支持的文件格式虽然非常丰富,学生选择图片时,教师还是要建议学生尽量使用gif或jpeg格式,因为这两种文件可以有效减小网页容量,传输速度快。另外,gif格式还可以方便地设置透明效果。
n-
afDV 在美化网页时只是添加背景色往往是不够的。没有图片的辅助,网页显得单调死板。美化网页常用的方式就是插入背景图片,背景图片的尺寸最好和网页的大小尺寸一致。
K&_Uk548 要锻炼学生在制作网页时善于把握网页的主题来美化网页,根据内容在适当的地方通过插入图片和背景图片来修饰网页,达到烘托主题、深化主题的目的。
_vl}*/=Hc 标题和内容的从属关系要通过字体大小和颜色的不同来区分,相同性质的板块其背景颜色不宜过多。保持好整个网页色调的协调。
t;O1IMF 四、学生上机操作。
APSgnf 这部分知识点多,学生难于理解,只有通过反复操作得其方法。
Ix8$njp[ 第三课时
z2 hFn& 一、开门见山,直接导入:上两节课我们学习了网页的制作,同时又收集了有关珍稀植物的知识,这节课我们就一起制作《珍稀植物》网。
-9+se 二、提出要求,进行制作:
-x]`DQUg 要求:
|b.z*G 可参考P18的结构图进行设计制作网页。
`f`TS#V 三、学生动手操作,制作网页。 把收集的信息进行加工,制作成网页,达到学以致用,与科学学科整合。
l-O$ m 第四、五课时
JUt7En;XE 学生制作网页,并把作品进行共享,交流与评析。
rAukHeH 五 美丽的蝴蝶
Qn+:/zA; 教学目标
&M[f&_"8Q 能够使用表格布局模板制作网页;
MXZ>"G 能够使用“单元格角部和阴影”修饰网页。
7@;">`zvm 教学重点:
w{,4rk;Hr 用FrontPage的“布局表格和单元格”功能布局网页。
+4)7j&L 教学过程:
=/9^,
6Q( 第一课时
s"~5']
8 一、问题导入
]z == 蝴蝶色彩绚丽,体态轻盈,飞舞于花间,把大自然点缀更加和谐美丽。
p]&j;H. 那么你对它了解多少?知道有关蝴蝶的知识吗?今天我们就一起制作有关这方面的网页。
?6N3tk-2 二、网上搜索:
kfrY1 1、蝴蝶自述:种类、数量、分布、生活习性等。
uzU{z; 2、蝴蝶的分科介绍。
W
Fv!Pbq, 3、美丽的蝴蝶图片。
?J!3j{4e 三、设计网页结构。
B$a-og( 可参考P22页网页结构图。
.#w6
%c@ 第二课时
f~h~5 一、交流网上搜集的资料,并共享给班内同学。
z@U}~TvP 二、展示网页设计结构图。
R.RSQk7; 三、制作网页
$:bih4@> 1、学生看书,思考:
6 "gj!/e A如何利用“布局表格”制作网页?
/iQ(3F B为什么在站点下建立“butterfly”和“images”文件夹,有什么用途?
M"Y0jQ( 2、学生看书,试着操作“试一试”内容。
{})$
9 9"x A.建议学生逐一试用FrontPage提供的各种“表格布局”模板,以便熟悉它们并快速的利用模板创建常规Web页面。如果学生对模板中提供的布局表格不满意,教师可以指导其用手工绘制的方法创建布局表格。创建时首先在“新建表格和单元格”项中单击“绘制布局表格”按钮,随后将指针移到操作窗口最左端,然后拖动鼠标即可绘制表格。
:%4imgY` B.FrontPage提供了“用表格自动缩放元格”功能,可以按比例自动缩放,快速对表格的宽度和高度进行调整。
%w}gzxN^ 3、修饰网页:
lxb zHlX A.通过改变“单元格角部和阴影”对单元格进行美化,还提醒学生还可以通过“使用自定义图像”添加自制的图片样式。
~^U
S/" B.布局表格一般隐藏了边框,相邻单元格的内容没有间隔感。教师可以提醒学生利用单元格格式里的边框属性制作分隔线效果,就是常见的横线和竖线。
WlwY <) 四、欣赏网页
-1%OlKC 通知过自评,小组评,评出优秀网页,进行展示。
i!H!;z# 五、交流:
LBlN2)\@ 布局表格在网页制作中的用途?
URTzX
2'[ 六 石油——黑色的金子
-j2 (R?a 教学目标
S-Fo 1.熟练使用表格布局网页;
`wz[='yM 2.能使用水平线、符号等修饰网页。
l*
dV\ B 3、使学生对石油多一些了解,呼吁社会合理开采使用石油资源。
DVp5hR_$ 教学重点:能够熟练使用表格布局网页并能使用水平线、符号等修饰网页
8*a),
3aK 教学过程:
kuMKX`_ 第一课时
P,xwSvO#M 一、出示资料,激发兴趣:
TJ_=1Y@z 出示有关石油的资料(课件),学生认识到石油是对于人类非常重要的一种资源,使学生对石油多一些了解,呼吁社会合理开采使用石油资源。
"MO
psb, 二、网上搜索,整理素材
v! hY A、搜集的内容:
+Ic ~ f1zh 1、石油的形成过程;
=?Fkn4t 2、石油的用途;
kBWrqZ6 3、世界石油资源分布情况;
y-aRXF=W 4、我国石油资源分布情况。
m@G i6 5、我国石油供求现状。
hlbvt-C?}" B、参考网址:
http://www,cpc.com.tw/classroom/source.htm
al^!,ykc 提个醒:在FrontPage中,选择“工具——中文简繁转换——转换成简体中文”就能把中文繁体转成简体字。
k3Cz9Vt% 三、学生交流,共享整理好的素材。
Nn6S
8
kc 四、设计网页结构图,可参考P26教材上图。
DocbxB={I 五、课堂小结。
x hs#u 第二课时
#@.-B,] 一、展示上节课设计好的网页结构图,进行修改。
E#%}ZY 二、制作网页:
s95F#>dr 1、按P27的试一试,学生动手设计制作。
H
TjkR*E 2、教师点拨:
l&(l$
@t A.改变水平线的颜色
,_v|#g@{ FrontPage中,水平线在默认状态下是灰色的,改变水平线的颜色还可以右击水平线,在快捷菜单中选择“水平线属性”,在对话框中选择一个合适的颜色。值得注意的是,改变水平线的前提是在网页中不能使用“主题”功能。
':h
=*v8a B.装饰水平线
o+ O}Te 由于水平线变化有限,装饰性较差,教师可以提示学生通过插入线条图像来修饰页面,线条图像就是一个特别狭长的图像,选中水平线,按DEL键,将水平线删除,通过“插入——图片——剪贴画”,选择一种图像插入。
2?7(A C.改变水平线的大小
j6:7AH|!)2 如果想缩短线条,可以直接拖动图片或通过“图片属性”中“外观”选项卡的“指定大小”来实现。
(U1]:tZ<. 3、修饰网页,将光标定位“石油的用途”前,选“插入——符号”选择一种符号,设置颜色。
N;sm*+r 4、设置完成网页时间。
$9!D\N,}]C 网页修改时间是固定不变的,记录网页的改动时间,不能随时间的变化而变化。(插入——日期和时间。)
Jl<ns,Zg 5、保存网页。
f'En#-?O 三、欣赏网页
*s4\\Wb= 四、交流:说说美化网页的方法。
U^lW@u?: 七 海洋生物
J1ON,&[J 教学目标
-b;|q.! 1、学会设置图片的环绕样式;
P1>AOH2yG 2、学会制作二级页面;
%8.J=B 3、学会设置网页与网页间的超链接。
vG.9H_& 4、对奇妙的海底世界与珍奇的海洋生物有所认识和了解,对海洋生物产生兴趣,热爱大自然。
(K..k-o`. 教学难点:
0$ .m_0H 建立二级页面的建立与修饰
g(x9S'H3l 教学过程:
1eS_
nLFw~ 第一课时
{jKI^aC<[ 一、激发情趣,导入课题
`RRE(SiKU 播放《海泮世界》动画。
KP"%Rm`XN 师:在浩瀚的海洋中,生活着形形色色的海泮生物,有可爱的海豚、凶恶的鲨鱼、“喷云吐雾”的乌贼等海洋动物,还有种类繁多,形态万千的海泮植物。 这个充满奇趣的海洋大家庭,吸引我们去了解和探索有关这方面的知识吧。
"UVFU-Z 二、设计网页结构图,参考P30—31,主要是二级页面设计。
xG2+(f#C1 三、展示设计优秀网页结构图,进行合理的评价。
K{ fsn4rk 注意:二级页面色调和版式的设计要和首页风格保持一致。
!BIOY!M 四、搜集有关海洋生物的资料
VaO
Nd0Z I 1、海洋生物的概述;
n'FwM\ 2、海洋生物的名称,图片和简介。
H6TD@kL9Wr 五、共享资源,进行整理。
Ddju~510 第二课时
~ Hy,
7 一、开门见山,直接导入
G[Lpe 这节课我们利用自己设计的网页结构图,进行制作网页。
$4SzUZ0 二、制作网页。
H].y w
9 1、学生按P32—33提供的内容,自学,完成制作。
+UN <Zp7I/ 2、教师进行合理点拨,主要知识点:
E; $+f A.为什么建立二级页面?
vxQ8t!-u
建立二级页面可以显示网站的结构和层次,使人在首页就能一目了然的知道网站有哪些内容,如果把所有内容都放在同一页面上,会造成网页文件过大,影响浏览效果(包括速度和查找信息的方便性)。通过制作二级页面,体现超链接的作用,二级页面中的信息是对一级页面信息的扩展和详细介绍。
E.bi05l B.什么叫首页?
>gll-&;t 一个网站中,有一个最主要的像“书的封面”或“目录索引”作用的网页,这个网页就被称为网站的“首页”。
BP[|nL
C.有关网站的超链接
ti5HrKIw 超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片、一个电子邮件地址、一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。教师建议学生尽量试用“目标框架”中的所有类型,体会其中的不同,以便以后制作网站的时候使用合适的目标框架。
Q^Ql\ D.网站的层次不要太复杂。
d)o!5L 在一个网页中设置过多超链接会导致网页观赏性较差,文件过大,因此在网页中应避免使用过多的超链接。
=:,xxqy 三、欣赏网页,选优上传
#V02hs1 通过自评,小组评等评价,把学生优秀作品上传本校网站。
;TiUpg</_3 八 多彩的土壤
SlLw{Yb7\. 教学目标
EpJ4`{4 1、能够通过工具栏上的“超链接”按钮和快捷菜单中的“超链接”创建超链接。
@wmi5oExc 2、通过对土壤的分析,可以知道土壤成分,危害,治理,利用等信息,明确保护土壤的重要性。
Ty(@+M~- 教学重点:巩固超链接知识,首页与二级页面之间的超链接。
y&[y=0! 教学过程:
YV4#%I!< 第一课时
smY$-v)@ 一、谈话导入
F1%vtk;2? 师:土壤是人类生活和生产的重要资源,有红色的,棕色的,褐色的,黑色的……人类在利用土壤的同时,常常污染和破坏着这一孕育生命的资源。我们要保护土壤。今天让我们一起制作“多彩的土壤”专题网,介绍土壤知识和我国土壤的现状,宣传达土壤的保护和治理。
%6%<?jZ 二、设计网页结构图,参考P35—36,主要是二级页面设计。
$4FX(O0Q@ 三、展示设计优秀网页结构图,进行合理的评价。
s?Uh| BfB 注意:二级页面色调和版式的设计要和首页风格保持一致。
S/ywA9~3Q 四、网上搜集有关土壤的资料
/.Nov 1、土壤的概述;
/2M.~3gQ 2、我国土壤的类型、特点。
j VgFZ, 3、我国土壤资源面临的主要问题以及保护土壤资源的方法。
w9RS)l2FQ 4、搜索有关土壤的图片。
@Y,7'0U 五、共享资源,进行整理。
:q<Z'EnW 第二课时
]j~"mFAP
一、开门见山,直接导入
3l<S}k@M) 这节课我们利用自己设计的网页结构图,进行制作网页。
^&/G| 二、制作网页。
RE$`YCs5 1、学生按P36—37提供的内容,自学,完成制作。
dBV7Te4L 注:除了教材上提供的两种建立超链接的方法外,还可以利用快捷键“Ctrl+K”进行超链接的设置。
i JxQB\x 三、欣赏网页
ow=UtA-^O 四、交流
+y2[msBs 说说网站与网页的关系?
X;F?:Iw \ 九 大气污染
tGdf/aTjy 教学目标
jeyLL< 1.学会在网页中插入Flash影片并设置属性;
*Oc.9 F88" 2.学会链接视频文件;
7`IpBm< 3.学会设置外部链接,链接到外部网站或电子邮件。
x.0p%O=` 4、呼吁更多的人保护我们赖以生存的大气环境。
9mc!bj^811 教学重点:在网页中插入Flash影片并设置属性
kPBV6
+d~ 教学过程:
9z;HsU v 第一课时
X2mREt9 一、问题导入:
S
_T^G` [ 师:空气是宝贵的资源。空气受到污染,会对人类健康、动植物生长发育、工农业生产及全球环境造成很大危害。大气污染,是目前全球性的中心问题,它严重破坏了生态系统和人类生存条件。
_sE#)@p 请同学们举出生活中的几个大气污染的例子?
+`M!D }! 二、设计网页结构图,参考P43,主要是二级页面设计。
f=!PllxL: 三、展示设计优秀网页结构图,进行合理的评价。
plu$h-$d
四、网上搜集下面的资料
SjjIr ^ 大气污染的简介、实例、图片和视频资料,整理并保存到自己的文件夹。
c H-@V< 五、共享资源
-5>-%13 第二课时
6<,dRn
一、开门见山,直接导入
e6X[vc|Y} 这节课我们利用自己设计的网页结构图,进行制作网页。
g>d;|sK 二、制作网页。
X.K<4N0A9J 1、学生按P41提供的内容,自学,完成制作。
m+{K^kr[ 2、教师演示:
z)XRx:YU;$ A.在网页中插入Flash影片并设置属性;
9%ii '{ B.设置外部链接,链接到外部网站或电子邮件。
B{oU,3U> 注:FrontPage为我们提供了简单的插入Flash影片的方法,如果插入网页的Flash不能正常显示的话,提醒检查插入的是不是swf格式的文件,因为在FrontPage中插入的Flash影片文件只能是swf格式的。
$I#q 三、欣赏网页
Iq+>qX 四、交流
RO0>I8c1c N$Y " c* 十 金属与人类生活
xR"M*%{@0 教学目标:
6~#Ih)K 1.掌握“新建样式”的方法,能够更换和修改样式;
;U:
{/ 2.学会使用“插入表格标题”和“样式”统一网页各栏目标题风格;
iyVB3:M 3.学会使用“样式”统一单元格风格。
[U#72+K 4、了解金属知识,金属与人类生活的密切关系,做到合理利用金属资源。
gef6pfV 教学重点:
H* ,,^ 使学生能够通过新建、更换和修改样式对网页进行修饰
e&MC|US=\ 教学过程:
;v17K 第一课时
k{tMzx]F__ 一、问题导入:
NVIK>cT6 师:自古以来,金属材料对于促进生产发展,改善人类生活发挥了巨大作用,在新材料层出不穷的现代社会,金属仍在工业、农业、国防、科学技术以及人类生活等各方面有着广泛的用途。
a</D_6
6 提问:
VN4yn| f/ 1、日常生活中我们常常接触到哪些金属制品?
N3t0-6$_ 2、金属与人类生活有什么用处?
&Gm$:T'~ 二、设计网页结构图,参考P43,主要是二级页面设计。
(nW67YTr 三、展示设计优秀网页结构图,进行合理的评价。
5_0(D;Q 四、网上搜集下面的资料
6b8;}],| 大气污染的简介、实例、图片和视频资料,整理并保存到自己的文件夹。
jUj<~:Q}3o 五、共享资源
~,D@8tv 第二课时
uUE9g 一、开门见山,直接导入
Ub0/r$]DK 这节课我们利用自己设计的网页结构图,进行制作网页。
6#}93Dgv4 二、制作网页。
K|C^l;M6 1、学生按P44“我来做”,自学,制作网页。
1\RGM<q$f 2、讲授新知识:
kE.x+2 A.什么是样式表?
BY\:dx)mK 样式表就是网页中各元素设置好样式的一个列表,它可以当作网页的模板来使用。在网页中预先定义好各种字体、段落、边框的样式,当需要定义某种字体、段落或边框的样式时,可以直接使用已经定义好的样式表,避免重复操作,提高效率。
f:zFFpP.j@ B.提醒个醒:
DPrBFmHF 样式表都是只能在定义这个样式的网页中使用,而不能用于其他网页。
_a_xzv' C.样式表的操作:
.*=]gZ$IE ①建立新的“样式”
M-NV_W&M 在使用新建立的样式设置标题效果时,注意将光标定位在需要使用样式的标题处。
C0.'_
②应用和更换“样式”
Xf=XBoN| 在应用或更换“样式”时,教材提供的方法可能不能实现所要的效果,可以将光标定位在需要更换样式的区域,右击选择需要修改的属性(单元格属性、表格属性、网页属性、标题属性等),在弹出的属性窗口单击“样式”按钮,在出现的“修改样式”窗口“类”下拉列表中选择一种样式,单击“确定”,新选择的样式就会被应用。
, xx6$uZ ③修改“样式”
e]ig
!G] 样式修改后,网页中应用的此类样式会直接替换为新修改的样式,无需再进行设置。
_ 7oV< 新建网页时,可以直接使用样式表来设置网页的样式,而不需要再单独定义网页的样式。将新建的样式应用到网页中时,右击选择“网页属性”,在弹出的“网页属性”窗口中选择“高级”,进行样式设置即可。
kH*P n' 三、应用样式,美化网页
A]`El8_t" 四、保存网页,欣赏评价
n<Svwa} 五、交流
5q{h 2).) 说说怎样通过设置“样式”实现统一修改多个标题文字的字体和颜色。
aI
zv
十一 废旧电池的危害与回收
QVZD/shq 教学目标:
6
y"-I!& 1.学会“新建表格样式”的方法并能够应用在网页中;
?:^mBb)T 2.能够设置方框样式并应用于图片;
-7WW[
w 3.能够设置超链接颜色变化样式。
v/uO&iQw5 4、全面了解废旧电池的合理回收和利用以及电池的正确使用等问题。
t<uYM 教学重点:
:&}odx!-!C 应用样式表,美化网页。
e"-X U@`k1 教学准备:
y<W8Q<9 教师可以课前布置任务,让学生做一个关于生活区内随意丢弃电池现象的小调查,并询问周围群众对废旧电池危害的认识。
+]>+
a<x*% 教学过程:
<Y
4:'L6 第一课时
:/YO ni1h 一、通过反馈调查结果,导入新课
zHB_{(o7 电池广泛用于航天、科学实验和日常生活中,但它也是隐藏在我们生活周围的杀手。废旧电池是一种很厉害的污染物,破坏生态环境。目前,无论是在马路上还是在居民生活区内,经常可以看到被人们随手丢弃的废旧电池。针对这种现象,我们开展了活动“废旧电池的危害与回收”,今天这节课,我们把调查的结果说一说?
KH KS$D 学生讲述调查结果,认识废旧电池合理回收利用的重要性。
y#ON|c
/ 二、设计网页结构
"SWMk! 1、根据P47,学生动手设计网页设计结构图
`T ^G^7& 2、展示优秀设计图
CozKyt/r7 三、网上收集信息
?{o/I\\ 1、学生上网收集有关电池的种类,危害和回收处理等方法资料,整理并保存。
wbbqt0un 2、共享收集的资源。
z^*
'@ 四、交流:
Mro4`GL 今天这节课我们收集了哪些新的信息?
OQ/<-+<w 第二课时
u'Q?T7 一、复习新课,导入课题
@b&84Gn2
r 师:哪位同学愿意把自己收集的信息展示给大家欣赏一下?
i;\s.wrzH (学生展示)
j dut4 nFc 师:今天我们就把这些信息制作成网页。
1.@vS&Y7OE 二、新授知识 制作网页
Ftb%{[0}u3 1、学生根据自己设计的网页结构图进行制作网页。
]*"s\ix 2、修饰网页
Ob +9W A.利用新的样式修饰网页;
8$P>wCK\l 单击菜单“格式——样式表链接”,在弹出的“链接样式表”对话框中选中“所选的网页”,单击“添加”按钮,在出现的“选择文件”对话框找到样式表所在的路径(不知道的可以用搜索功能),选择一个样式文件,单击“确定”,回到“链接样式表”对话框。如果想在网页中同时使用多个样式表,可以重复操作,添加样式文件,最后在“链接样式表”对话框中单击“确定”,完成把样式表链接到网页中的操作。
~yJ4qp- B.设置超级链接的颜色
V+MK'<#B C.利用表格的背景、间距修饰网页
e]+OO
g& 3、倮存网页
hp!d/X=J_ 四、欣赏作品,评价提高
:LJ7ru2 五、交流:
2f, B$-# 说说样式在网页设计中的作用。
-H(vL= 十二 水——生命之源
Y8s;w!/ 教学目标:
jdRq6U^ 1、学会设置文字的滚动字幕效果;
l4'~}nn(Y 2、学会制作交互式按钮。
6o3T;h 3、呼吁更多的人意识到保护水资源的重要性,从身边的小事做起节水惜水,养成节约用水的好习惯。
V%L/8Q~ 二、教学重点:
-mNQ;zI1 学会设置文字的滚动字幕效果及交互式按钮。
A;K(J4y* 教学过程:
oT+(W,G 第一课时
^t.W|teD 一、谈话导入,激情引趣
kN9yO5h7 水是生命之源,是人类赖以生存的资源,水资源缺乏是当今世界发展与人类生产生活面临的重要问题。
Ng<1Sd|MV 据统计,世界上每天有2.5万人由于缺少水或是饮用污染的水得病而死。一些地区由于缺少水,人们生活在极度贫困姿态。
,4F,:w 我国水资源严重短缺,水污染和水资源浪费,加剧了我国水短缺,今天我们就一起制作有关水资源的网页进行宣传,从我做起,节约用水,保护水资源。
Evu=M-? 二.网上搜索 整理资料
_j#SpL'P 师:上网搜索水资源的使用情况和当前的水污染的情况,将自己搜集到的有关水资源的信息进行整理并制作成网站,下面就是收集的有关内容:
Rc$h{0K8 1、我国水资源会储量及分布;
Fxd{ Zk` 2、水与人类生活:生活用水、工业用水、农业用水
D!>
d0k,Y 3、什么是水污染
E{^^^"z P 4、水污染的危害
R"xp%:li 5、防治水污染的措施。
q=c/B(II! 7、外部链接网址:《中华人民共和国水法》《中华人民共和国水汪防治法》
3P=w =~e 8、美丽的海洋、湖泊、瀑布、小溪图片(至少六张)
M-9gD[m 三、设计画出网页结构图
|"k&fkS$ 注意:提醒学生不必严格按照课本P52的设计进行制作,可以根据自己的理解设计内容和形式,例如首页上的主题Flash条就可以将主题的文字和节水宣言制成一个Flash动画,或者仅以动态字幕的形式呈现网站主题和节水宣言;交互式按钮可以选择与网页上其它内容搭配的按钮形式。
e1 a*'T$z 四、交流
<)#kq1b? 如何更全面地设计出网页结构?
4,1oU|fz 第二课时
PnWD}'0V 一、直接导入
qc8Ta" 今天这节课我们把收集的信息加工制作成网站。
+uQB
rG 二、制作网页
8OAg~mQ15( 1、.拟定自己网站的名称,筛选网页的具体内容;
Q_P5MLU> 2、.动手制作。
k$[{n'\@ 3、修饰网页
V/y=6wUiSl 教师演示制作下面两个内容:
2w1tK A.制作动态字幕后,尝试使用Web组件中的“计数器”和“图片库”。
W"sr$K2m| B.制作一个交互式按钮
"DckwtG:% 建议学生保存一下网页,提醒学生观察“保存嵌入式文件”的对话框,尝试更改各个选项。
`BT*,6a 结论:交互式按钮实际为FrontPage通过一定的程序自动生成的带有文字或超链接的三幅图片。
"bX4Q4Dq 三、欣赏优秀作品。
960qvz! 四、交流:
n(&*kfk 交互式按钮与普通的超链接文字有何不同,它们各有什么优点。
f!g<3X{= 十三 太阳系的九大行星
B=zMYi 教学目标:
S<oQ}+4[~ 1、学会在网页中设置“屏幕提示”的方法,体会利用“屏幕提示”呈现信息的特点。
7:o+iP4 6 2、学生了解有关太阳系的九大行星的相关知识,开拓眼界,增强学生探索科学知识的兴趣,提高学生的地理常识。
k&G
Hu0z 教学难点:
\3^Pjx 学会在网页中设置“屏幕提示”的方法,体会利用“屏幕提示”呈现信息的特点。
1%eLs=u? 教学时间:两课时
0j@Ix EPs 教学过程:
u%opY<h 一、谈话导入
tA
qs2 师:太阳系诞生在大约在46亿年前,由太阳、九大行星、60多颗卫星以及无数的小行星,慧星及损星驵成。下面老师给大家播放有关太阳系的资料。
`Cj,HI_/* 供学生观赏,激发学生的学习兴趣。
"6V_/u5M;= 二、搜索有关太阳系的资料:
D44I"TgqD 1、太阳系的概述:介绍太阳系的各种天体类型(图片、文字、动画)
.
bG{T|
2、太阳与行星的区别和联系:
bj.]o*u- 3、九大行星的概述:九大行星的发现过程、排列、大小、运动特征等(文字、图片、视频)
6Bdyf(t g{a d0.y, 三、设计制作网页结构图
,k%8yK 参考P56来进行设计
E& ]_U$ 学生根据自己的兴趣选择内容,把网络搜集信息行整理、评价、创造,完成对主题网站的内容设计。教材中提供的内容设计和网页结构设计只是一种参考,学生完全可以按照自己的喜好去重新设计、编排。
7.|S>+Q 三、制作网页
[+DNM
2A 1、根据设计图进行制作
vs*I7< 2.制作二级页面
):E'`ZP!F 本课的二级页面内容主要以文字和图片的形式呈现,两种形式位置安排要美观,对各个行星的介绍尽量详尽。色彩搭配上建议采用红黑两色,显示太阳系的神秘。学生还可以在网页上添加视频等形式,采用多种形式展示行星的多方面信息。
wea\8[U3" 3.设置“屏幕提示”
J~2CD*v 在图片上设置“屏幕提示”,能很方便地看到图片名称及相关信息,可以帮助学生更快的了解图片相关内容。本课涉及到的图片比较多,九大行星需要人们认真地去区分,通过设置屏幕提示能使人们便捷地了解到这些信息。
s}!"a8hU` 四、欣赏网页
L&HzN{K 五、交流
v<fWc971 说说在网页中设置“屏幕提示”优点。
Ap,q
`
S 十四 太阳之谜
)fR1n}# 教学目标:
9jjL9f_3 1、综合使用各种工具制作“太阳之谜”专题网页,将有关太阳的多方面信息进行整合;
~$ WQ"~z 2、学会二级页面内容在同一窗口浏览的制作方法,体会二级页面内容在同一窗口浏览的信息呈现特点。
tQnJS2V"{u 教学时间:两课时
Y;PDZbK3 教学过程
b
l9E&B/ 一.播放动画,激情导入
-9i+@%
{/ 播放动画“后羿射日”,让学生了解太阳也有神秘的传说,激起学生探索太阳之谜的兴趣。
OAyE/Q| 二、搜集信息 整理资料
WFks|D:sB 1、太阳的传说(图文介绍)
~l4Q~
' 2、太阳概述:太阳的位置、大小、体积、大气层结构等。
[ 1D)$" 3、太阳结构。
0Cv4/Ar( 4、太阳活动:类型(太阳黑子、耀斑)对地球的影响。
$pJ3xp& 5、日食现象:分类及现象、形成过程、如何观察日食。
,|>nF;.Y 三、设计网页结构图
3g+\?L-c 参考P59进行设计
~l@%=/m 四、制作网页
dR
?5$V( 1、根据图进行制作网页;
zkvH=wL 2.二级页面的制作
t"FRLC 由于本课网页中一级页面和二级页面有一部分相同的内容,只是导航栏对应的具体内容不同,所以可以采取复制和粘贴的方法,只将不同部分做相应修改即可。
@~Rk^/0 太阳传说、概貌、结构、太阳活动等侧重的面不同,在页面结构和色彩上可以采取不同的风格展示。
JCBnFrP 此效果还可以使用框架形式制作,将在十六课做详细的介绍。
4>d[qr*< 3.一级页面和二级页面的链接
T&e%/ 本课网页最突出的特点是栏目的所有二级页面都在首页显示,点击相应链接不必在新窗口浏览具体内容。本课网页将所有信息都在首页呈现,但由于将内容分成栏目,信息的表达也很有系统性。
SwQOFE/Dv~ 四、交流
9yp^zL 说说二级页面内容在同一窗口的浏览优点。
\>_eEZ5 二级页面内容在同一窗口浏览显示,可以方便的实现栏目内容的跳转。不必增加新的窗口既可浏览到整个网站的内容。学生通过亲自实践制作这样的网页,可以在给其他同学演示的同时,从多方面说出其优点。
lp3(&p<: 十五 自然探索——火山
!WDn7j'A 教学目标:
8cequAD 1、学生能够从多方面了解火山的相关知识,以内容丰富,形式多样的网页形式来表现主题。
],WwqD= 2、学会利用“交换图像”功能编辑图片,实现一些特殊的信息呈现效果。
:1%VZvWk* 教学重点:
(u$!\fE-et 学生能够从多方面了解火山的相关知识,以内容丰富,形式多样的网页形式来表现主题。
~6=Wq64 教学时间:二课时
XWJ0=t&}
教学过程:
nT(!
HDH 一、谈话导入
}qTv&Z3$ 师:火山是一种自然现象,火山给人们的生产和生活造成了一定的伤害,同时一些火山资源还可以被我们人类利用。对于火山的爆发原因及原理等,我们还需要进一步的探索。
lb=2*dFJ1 教师演示有关火山喷发的视频或图片,让学生对了解火山产生兴趣。
K>`m_M"LA 二、设计页面
7UY('
Q[ 本课网页形式比较复杂,内容很丰富。呈现的效果不要杂乱,合理安排文字、图片等形式的信息。页面形式可以多样化,文字和图片可以混排,采用图文形式介绍有关火山的信息,更形象地向人们展示火山有利和不利的两面。使用图片信息,可以使人更有兴趣了解信息。
&4a~6 三、搜索信息
BNF++<s 1、火山的形成过程(图文介绍)
|v,}%UN2 2、火山的分类(图文介绍)
}C9VTJs| 活火山
t>
fA!K%{ 休眠火山
jLpgWt`8)E 死火山
"@F*$JGT y 3、火山奇观
EVby 9! 4、火山的危害
N GX-'w 5、海底火山爆发
S8rW'}XJ=H 6、火山资源利用
O
p! 7、世界主要火山带的分布
$u(M 4(} 8、我国典弄的三大火山
(Qw`%B 四、制作网页
Ej9/_0lt 1、 根据设计,布局专题网页结构并填充相应的内容。
IX > j8z[ 2、 设置“交换图像”
`*.r'k2R 对图片设置“交换图像”,可以在较少的图片空间显示更多的图片。减少页面空间,表现更多信息。使用“交换图像”,可以减少图片的呈现空间,可以在有限的空间内展示很多的图片,也可以显示图片信息的丰富。利用图片表达信息,可以达到生动形象说明问题的目的。
bs4fy
b
3、教师演示设置交换图像的两种方法
yAZ.L/jyr 五、交流:说说设置交换图像的方法和用途。
+"*l2E]5 设置“交换图像”可以设置在鼠标滑过时、单击鼠标时等多种动作,学生可以分别尝试,看看效果有什么不同。学生还可以交流有关火山方面的信息,谈谈通过制作网页,还了解了哪些火山的信息。
E#WjoIk 六、欣赏作品 评价总结
!]UU;8h~ 十六 神秘的神农架
S:"z<O 教学目标:
^loF#d=s 1、学会利用“框架网页”制作“神秘的神农架”网页。
'2i)#~YO< 2、了解神农架的有关信息,激发探索的精神。
QZz{74]n 3、学会有关框架的设置操作,体会框架结构表现信息的特点。
,
.
NG.Q4f 教学重点:
Gff[c%I 学会利用“框架网页”制作“神秘的神农架”网页。
D| 8sjp4 教学时间:三课时
.jrR4@ 教学过程
e2_r0I^C 一、谈话导入
)SlUQ7f> 神农架的另一个名字是神秘,野人、白化动物、原始森林……就像一团斑斓迷离的迷雾,让无数人总想探寻其中的奥秘和神奇。一个只有传说的神秘世界,似乎任何人都无法破译它的全部密码。三峡大坝高涨的水位也带火了神农架之旅,也许每一个人都能在这片神秘的森林中探得一个属于自己的秘密。今天我们就一起制作有关神农架的网页。
2!"\;/ 二、设计网页结构
nOL 25 Y: 参考P67,但不要求一致
SFXfo1dqH 三、搜索信息
W6!4Qyn 1、神农架简介(文字介绍)
b*F :l# 2、神农架风光(飞瀑、秀水、洞穴、奇峰、图片各2张)
N";dG 3 3、 神农架的植物
.,BD D PFB 4、 神农架的动物
wb}N-8x 四、制作网页
8 MACbLY
1、根据设计的图,进行用表格规化网页,填充内容。
UHsrZgIRYT 2、制作框架网页
aZ`_W| 学生第一次接触框架网页的制作,需要从思维上理解框架页面与一般页面的不同,以及各自的优点。教材提供的本课网页形式比较复杂,内容非常丰富。在制作网页时,要注意使网页呈现的效果不要杂乱,合理安排文字、图片等形式的信息。“神农架”给人一种清晰、自然的感觉,页面颜色需要符合这个特点。采用框架这种形式组织页面,可使页面内容更具条理性,分版块将有关神农架的各种信息展现出来。
DRFuvU+e 3.二级页面内容在主框架内显示
S<bz7
k9 二级页面可以在新窗口显示,也可以在原窗口显示。本课的所有页面内容都在主框架内显示。学生注意区分两者设置的不同和效果的不同,可以分别尝试设置两种效果。二级页面是对一级页面中各个栏目的具体说明,神农架的信息是多方面的,有人类已经了解的,还有没有解开的谜团,更待更多的人去寻找原因和探索。
Z2pN<S{5 四、欣赏网页
qyG636i 五、交流:说说二级页面内容在主框架内显示有什么好处。
o\:f9JL 二级页面内容在主框架内显示,可以方便的看到所有二级页面的内容,不必重新打开窗口浏览,实现各个栏目具体内容的快速切换。本课网页内容都是与神农架有关的,比较集中。内容在一个窗口显示,内容之间相互联系的比较紧密。学生从多方面说出二级页面在一个窗口显示的好处,有什么方便之处,在什么情况下可以运用这种方式等等。
M
b /X@51 GJl@ag5h]! 十七 绿色食品
B$[%pm`'2 教学目标:
IP4b[|ef 1、学会合理、和谐的设置网页之间的过渡效果。
G:6$P%. 2、了解什么是绿色食品,对其有一个正确的认识。
zL!~,B8C 教学重点:学会合理、和谐的设计制作网页。
yPxG`w' 教学时间:三课时
_XO)`D~ 教学过程:
"!_
4%z- 一、谈话导入
h9OL%n 7m' 绿色食品是无污染的安全、优质、营养类食品的统称。
FsPDWy&x 与普通食品相比,绿色食品的生产与销售,强调出自良好的生态环境,强调“从土地到餐桌”全程质量控制,强调依法统一标志与管理。
:Kc0ak)<n 今天,我们一起制作有关“绿色食品”的网页。
bCx
1g/
二、设计结构
>7Sl(
UY- 参考P72进行设计
TWR#MVMI 三、搜索信息
o:Os_NaD 1、绿色食品的定义。人们对它的几个误区;
m-KK
{{ 2、绿色食品的分类
/5'<w( 3、绿色食品标志的含义(图文混排)
sq6% =(q(? 4、鉴别绿色食品的方法;
?`*-QG} 5、 绿色食品与有机食品的无公害食品的区别与联系。
W<hdb!bE 6、 生活中的绿色食谱。
kpreTeA] 四、制作网页
jvQ+u L 1.设计页面
(>5VS 课前教师可以让学生讲述他们是怎样理解绿色食品的,掌握学生对绿色食品的了解程度,学生根据自己的喜好从不同角度制作有关绿色食品的网站。
byj mH 教材中提供的网站设计中首页内容比较少,学生可以使用图片作为网页背景,使用水平线等形式修饰网页。人们对绿色食品的认识还有一些误区,网页内容首先要对绿色食品有一个正确的界定,扭转人们对绿色食品的理解。在此基础上,进一步介绍有关绿色食品的更深层次的信息。
/$.vHt5nt 2.设置网页过渡
![D,8]GD 网页过渡效果是根据网页间不同内容设置的,要利于网页的浏览。建议首页设置一定的背景,二级页面使用默认方式打开,网页过渡效果会更明显。绿色食品、有机食品、无公害食品既有区别又有紧密的联系,人们对这三种食品还不能严格的区分,本课要介绍三者的不同,帮助人们正确认识这三种食品,制定合理的食谱,加强人们的身体健康。
0}7Rm> 五、交流:说说网页间的过渡效果怎样才能更和谐?
~TK^aM 在制作网页的过程中,学生可以尝试将首页中不同的内容做成不同的网页过渡效果。体会设置什么样的过渡效果才能使网页间的过渡更加和谐,为设置网页过渡效果积累经验和感性认识。交流的内容还可以是通过制作网页,对绿色食品的全新认识等。
=O:ek#Bp ]\mb6Hc 十八 直面自然灾害
cyP*QW[ 教学目标:
e2o9)=y 1、了解有关自然灾害的知识;
?UhAjtYIS 2、学会利用“主题”模板对网页进行修饰,增强网页的视觉效果。
`L[32B9 教学重点:
M=abJ4 利用“主题”模板对网页进行修饰,增强网页的视觉效果。
V5@[7ncVf 教学过程:
e^Wv*OD' 一、谈话导入:
vc{]c
} 师:近年来,我国的自然灾害现象很多,洪水,台风等等,严重影响着人们的生产和生活。我们要正确地认识并积极采取有效的防御措施,减少自然灾害给我们造成的损失。
-V_S4|>
自然灾害有很多种,表现也各有不同,发生的时间、地区等等都不一样,造成的破坏程度也不一样。我们要针对不同的灾害的发生特点,采取积极的预防措施,将损失减小到最低。在自然灾害来临的时候,我们要知道怎样做,了解一些临灾自救常识。
h)RM9813< 今天这节课,我们一起制作有关自然灾害的网页。
j.
v _ 二、搜索信息
iZUz6 1、自然灾害的概述
G`lhvpifG 地震、海啸、滑坡、泥石流、洪涝、干旱、寒潮等。
eKti+n. 三、设计网页结构
)w?$~q 根据P76—77进行设计制作。
Nl)jQ 四、制作网页
9@*>$6 1、根据网页结构图进行制作网页。
dQ~"b
= A.页面设计
uqeWdj*Y 页面涉及内容比较多,介绍了多种自然灾害。合理安排网页中的元素,尽量使用通俗化的语言。自然灾害给人一种很压抑的感觉,因此页面颜色建议采用灰色调。首页栏目中的各个二级页面都是采用框架制作的,二级页面中栏目的具体内容都在一个窗口显示。由于首页中各个栏目,如:地震、干旱等给人的感觉都是不一样的,所以在页面的形式和颜色等方面都要以不同的方式呈现。页面的布局也可以各有不同,显示不同的风格。
5)NfZN#&