用Html做制作静态网页教案Word文件下载.docx
- 文档编号:18936399
- 上传时间:2023-01-02
- 格式:DOCX
- 页数:13
- 大小:69.58KB
用Html做制作静态网页教案Word文件下载.docx
《用Html做制作静态网页教案Word文件下载.docx》由会员分享,可在线阅读,更多相关《用Html做制作静态网页教案Word文件下载.docx(13页珍藏版)》请在冰豆网上搜索。
演示教学法、任务驱动
教学媒体选择
计算机(一般的配置就可以了,因为没有涉及到iis服务器sql等的运
用)
【教学过程】
教学
环节
教师活动
学生活动
设计意图
引入
(5m
in)
【教师提问】:
大家平时都喜欢浏览网页吗,对网页有什么要求?
这节课通过上几节课的教
【学生回答】:
网速快,页面漂亮,简洁…..
这个过程是引入话题,提
学,运用我们手上紧有的标签知识制作一个静态的网页,熟练掌握方法后我们能布局任何的页面
高学生学习的兴趣。
任务
■
■分析结构
分析主页(index.html)的结构:
两个部分hand+body(里面有两个部分)即一个片头flash+logo和字+Enter
分析第一页(intro.html)结构:
hand+body(有二个内容)
观看老师操作并自主实践。
分析难度,逐级深入,引导学生形成自己的思维方法。
【教师问题】:
我们上节课是怎么建网页的标签的首先要有那些?
操作演示:
1、在website文件夹里建一个text文本,然后把文件名改为
index.html。
2、首先写上:
<
html>
hand>
title>
河畔林语v/title>
v/hand>
bodyx/bodyx/html>
分析
制作
背景
(2m
然后我们要做什么bg先还是其它?
添加背景:
bodybackground="
images/bg.jpg"
topmargin="
40"
link="
#ffffff"
alink="
vlink="
>
【学生回答]:
bg。
导生成己建思引学形自的模维
任务四:
制作页面主体
(10min)
bg做好后我们就要进行主体的制作,我们要用那个标签最简单?
操作演示:
1、制作主体_1:
<
table
border="
0"
align="
center"
【学生回答]:
table>
/table>
。
tr>
td>
embedsrc="
images/index.swf"
width="
712"
height="
429"
尼mbed>
/td>
/tr>
2、、制作主体_2:
tdalign="
cente广〉vimgsrc="
images/copyright.jpg"
3、制作主体_3:
cente广〉vfontcolor="
#FFFFFF"
size="
4"
face="
Arial"
ahref="
intro.html"
ENTE
R<
/a>
/font>
/td>
/table>
五:
整体
测试
教师巡视、指导
大的模型已经做好了,还有那些细节?
在lETester用不用版本的
浏览器进行测试。
测试。
引导学生形成自己的思维方式。
第一部分总结:
(3m
1、标签的选择
2、很重要的,就是要一边制作一边测试,而不是制作完了再测试。
任务六:
制作
hand(5min)
1、在website文件夹里建一个text文本,然后把文件名改为intro.html。
2、首先与上:
河畔林语<
/title>
/hand>
body>
/body>
/html>
分析任务
7:
制
作背景
vlink="
八:
制作页面主体
1、主体1:
tableborder="
align="
719"
cellpadding="
cellspacing="
images/top.swf"
289"
/embed>
引导学生形成自己的思维方式解决问题的方式。
v/tr>
2、主体_2:
vtrxtdximgsrc="
images/link1.jpg"
ahref="
intro.html"
imgsrc="
images/link2.jpg"
/a>
a
href="
news.html"
images/link3.jpg"
area.html"
images/link4.jpg"
look.html"
images/link5.jpg"
structure.html"
img
src="
images/link6.jpg"
sever.html"
images/link7.jpg"
/a>
contract.html"
i
mg
images/link8.jpg"
img
images/link9.jpg"
/td>
3、主体_3:
images/lanmu1.jpg"
>
v/td>
vtrxtd
background="
images/lmb
g.jpg"
600"
valign="
top"
vtable
80%"
border="
images/pic1.jpg"
left"
vspace="
5"
hspace="
images/text18.jpg"
v/div>
p>
水本不是蓝色,是蔚蓝天空映蓝的这护城河水;
水也本不是绿色,是夹岸的垂柳染绿了这古老的城池。
水本无涟漪,是风,是鱼,是朝气蓬勃的赛艇健儿拨弄着静静的水面,也拨弄着每个来到这里的人的心。
/p>
我从秋季来到阳春门,一夜大雨过后,笔直而幽静的人行道上铺满了金黄色的落叶,仿佛童话但又触手可及。
我在冬季守侯阳春门,没有大雪为伴,让我不能见到她银装素裹的模样。
然而,我却在一个十分晴朗的午后透过树影见到了那蔚蓝、那波光粼粼、那给人海的错觉的护城河。
我醉了,竟把冬日当夏日,兴奋的拨通电话,与远方的朋友回忆着那快乐的夏日海滩。
我在春季走进阳春
门,绿树相依、古城为伴、微风送暖、城池献瑞<
一切是那么的生机盎然,让人不自主的去热爱生活、热爱这个美丽的地方。
每次靠近她,总能发现有新的
花朵绽放,黄色迎春、红色春梅、白色玉兰还有人面桃花……夏天应该是阳春门最热闹的时候,初夏时节每天都
有幸福的新人们来这里拍婚裟,每个新娘都是那么笑容的迷人,而每个新郎的眼神又都是那么的深邃和明亮。
而他们的笑丝毫没有打扰树下偎依的恋人,他们相拥、相视、相吻眼中只有对方,心中只有彼此。
散步和遛鸟的老人们看到他们笑了,而孩子们是最高兴的。
他们和家人一起荡舟、在小商店里搜索着自己喜欢的美食和冷饮,跟小狗在草地上追逐,直到夕阳落到了仲宣楼上,直到晚霞映红了天空和云朵,人们才渐渐散去。
而这时,闪亮的彩灯又把阳春门推向了另一个新的高潮,饭后凉爽的晚风中,一对对中年夫妇在音乐声中翩翩起舞,旋律带走了他们一身的疲惫,带来了无尽的欢乐……<
4、主体4、主体5:
:
主体4与主体3是一样
的,大家自己练习做,效果如下:
5、主体_6:
v/tr>
images/pic7.jpg"
images/pic9.jpg"
v/td>
fontsize="
4px"
#"
Top<
v/font>
6、主体_7:
/tdx/tr>
images/down.jpg"
7、主体8:
tdalign="
x/tdx/tr>
v/table>
九:
【老师提冋】:
最后步疋什么?
总测试
自主探究分层实践
布置任务:
利用自己总结今天运用了那些知识,制作剩下的页面。
教师巡视、指导。
相互交流合作,完成教师布置的任务。
使学生灵活运用所学知识,自由制作细节部分,锻炼学生的扩展能力和创新能力。
让学生自主学习,找出有问题的地方,共同讨论。
培养分析问题、解决问题的能力。
1、归纳总结本节课所学的
学生相互交
及
知识要点。
流、展示作
时总
品。
结所
2、布置课后作业:
利用今
做好笔记。
学的
天学过的自己设计一个网
知识
课堂
站并且制作完成它。
与技
总结
能,有
(5
助于
分
理解
钟)
掌握。
扩展
学习,
自主
探究
提高。
头nlJChand)
板书
设计
优:
1、本节课的设计以演示教学法、任务驱动相铺相成,主要是根据学生的知识、技能水平,来设定教学内容的;
2、在教师的引导下,学生自主探究、合作学习,学生通过相互交流,增强学生的竞争意识和学习兴趣;
3、培养学生教学的合作精神和创新能力以及逻辑思维能力;
反思
去卩:
1、这样讲可能有点闷,以后要用多样教学法结合,提高学生们的积极性和兴趣;
2、由于是中专的学生,英语底子比较薄所以学起来会有点吃力,日后尽量想法子让他们把这些标签通过有趣的方法记下来。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Html 制作 静态 网页 教案