1 / 6
文档名称:

HTML网页设计教学教学教案.doc

格式:doc   大小:386KB   页数:6页
下载后只包含 1 个 DOC 格式的文档,没有任何的图纸或源代码,查看文件列表

如果您已付费下载过本站文档,您可以点这里二次下载

分享

预览

HTML网页设计教学教学教案.doc

上传人:雨林书屋 2022/12/1 文件大小:386 KB

下载得到文件列表

HTML网页设计教学教学教案.doc

文档介绍

文档介绍:该【HTML网页设计教学教学教案 】是由【雨林书屋】上传分享,文档一共【6】页,该文档可以免费在线阅读,需要了解更多关于【HTML网页设计教学教学教案 】的内容,可以使用淘豆网的站内搜索功能,选择自己适合的文档,以下文字是截取该文章内的部分文字,如需要获得完整电子版,请下载此文档到您的设备,方便您编辑和打印。《HTML网页设计》教课设计

欢迎阅读
列1

共5
章节课题第一章HTML网页设计入门批阅者署名
讲课日期2007年9月4日第一周礼拜(二)第1~2节讲课时数2学时
知识目标:认识HTML的发展历史,掌握网页设计原则。学会操作DREAMWEAVER8,学会结合Dreamweaver辅助编写HTML代码。
能力目标:培育学生们软件操作的技术、协作学****的能力以及应用所学知识解决实教课目的际问题的能力。
道德目标:引起学生学****制作网页知识的兴趣,发展创新精神,培育脚踏实地,理论与实质相结合的科学态度与科学精神。经过师生、生生互动,增进增强学生的自主性和合作精神。
教课方法
教课要点
教课难点
教具、挂图
作业题号
教课过程及
时间分配
课图
前样

备演
工示
作素材

多媒体教室,采纳“演示式”教课法。
掌握网页设计原则,引起学****兴趣。
DREAMWEAVER基8本操作技术;
结合Dreamweaver辅助编写HTML代码。
见课前准备工作
见教课设计:附带题
主要教课内容及步骤
图1—1:腾迅QQ网站首页;图1—2:网址之家首页截图;
图1—3:IBM蓝色巨人网站截图;图1—4:爱情交友网站首页截图;
图1—5:少儿网站首页截图;图1—6:新浪网站首页截图。
1.《第一章HTML网页设计入门》PPT演示文稿,13页;
,1套。
欢迎阅读

DREAMWEAVER8绿色企业版,1套。

《HTML网页设计》教课设计(续页)第2页
教课过程及
教课内容
时间分配
欢迎阅读
组织教课
分钟
(一)
创建情境,引入课题
分钟
(二)
实例研究
例1
5+8分钟

师生致礼、点名、检查学生准备状况、使学生集中注意力上课。
(组织教课贯彻于上课的一直)
在实质生活中,我们常常会上网获得各样各样的信息,完成各样各样的工作,上网展现在大家眼前的是丰富多彩的网页,比方
注意:
..
(1)网站与网页的归纳
........
(2)网页的基本元素
.......
(3)网页布局
....
(4)配色原则
....
(5)HTML与衬着
.......
图1-1
教师活动:利用多媒体展现实质网页,指引学生思虑。
教课企图:创建问题情境,激发学****动机。
--hao123网址之家,在经过大家敬羡模拟复制今后,为何依旧风采依旧,并且是独树一帜,hao123网址之家最好的亮点就是他的创意了,在他运作起来并且迅速被大家认同的时候,大批站点的模拟以及复制
实质上是等于对他的运作模式的认同,对于这么个站点的结构内容以及程序方面,大家都已经以为了他一点技术含量没有,但是为何他就这样向来做的很好,而其余网站倒的倒,转行的转行,那么“hao123网址之家”他究竟幸好哪里?
教师活动:启示引诱,师生互动,把实质问题转变成专业问题。
学生活动:经过谈论、思虑回答以下问题,把实质问题转变成思虑专业问题。教课企图:经过详尽网页倡导问题研究,掌握网页设计的原则。增强学生应
用专业知识的意识。
图1-2
《HTML网页设计》教课设计(续页)第3页
教课过程及
教课内容
时间分配
欢迎阅读
条件变化
变化:
5+5分钟
hao123网址之家内容不变
实例讲解
(1)假如hao123网址之家的网站阅读速度不够快?
例2、例3
(2)假如网站里的连接打开后是一些错误连接也许没有品位的站点?
5+8分钟
(3)假如网站打开后广告在首页满天飞?
教师活动:师:能否由于hao123网址之家的网页雅观、内容丰富、适用就成
功了呢?
学生活动:学生踊跃思虑、谈论得出结果。
图1-3
教课企图:加深学生对网页设计原则的理解,增强学生应用专业知识的兴趣
和能力的培育。
例2:网页色彩的搭配问题研究:
(1)IBM(蓝色巨人)网站
(2)爱情交友网
例3:网页风格的设计问题研究:
图1-4
(1)少儿网站
(2)新浪网站
图1-6
教师活动:启示引诱,展现实质不一样网页配色方案。及时谈论,注意:不一样应用处合、不一样人群。图1-5
学生活动:学生分组谈论,交流互动。最后到讲台说思路。
教课企图:经过实质问题的研究,及时牢固学生网页构思的能力。拓展学生的思想空间,培育学生的创新意识和创新能力。
《HTML网页设计》教课设计(续页)第4页
教课过程及
教课内容
时间分配
欢迎阅读
(三)小结

网页设计原则是:
8分钟

;;

;

;

;

;
(四)操作技术练****一练****二10+5分钟(五)归纳总结8分钟

注意:
教师活动:教师及时指引学生小结。
学生活动:学生及时整理出网页设计原则。
教课企图:学生及时形成能力。
练****一:DREAMWEAVER8
基本操作:
(1)安装与启动;
(2)文档使用;
3)工作区结构(上)(下);
4)菜单归纳(上)(下);
5)插入栏详解;
6)面板组。练****二:操作技术
建立HTML代码文件
1)HTML看法;
2)一个HTML的示例。
教师活动:启示引诱、构思、实质操作演示。注意:①配色方案、风格问题;
②软件操作的方法。
学生活动:学生谈论,交流互动,发散研究。
教课企图:经过软件实质操作,及时牢固专业技术。拓展学生的思想空间,培育学生的着手能力。
归纳总结:
小结本节课的主要内容、主要思想方法和主要操作技术。
1、掌握网页设计原则,引起学****兴趣;
2、掌握DREAMWEAVER操作技术;
3、本节课主要用了转变的思想、理论结合实质的思想。
《HTML网页设计》教课设计(续页)第5页
教课过程及
教课内容
时间分配
欢迎阅读(六)课外作业5分钟课后反思5分钟

教师活动:指导小结,激励谈论,归纳总结。
学生活动:学生回忆本节内容,小结网页设计思想方法和解决问题的思路。
教课企图:把本节知识纳入学生已有的认识结构中,有益于学生对设计思路
的有序储蓄和转变,培育学生的抽象思想能力。
附带题
课后作业(本周五3、4节前上交):
、网站和主页的异同。
?分别解说其含义。

?分别有哪些特色?
课外练****br/>1、依据自己的兴趣、喜好、特色,构思一个个人网站的首页,并在稿本纸上
勾画出来。
2、用DREAMVEAVER

制作一个简单的网页,题材自定,不要复制网上的。
学生活动:学生看书学****上机操作。
教课企图:培育学生优异的看书****惯,培育自学能力,培育创新精神、增强
实践能力、拓展知识结构。
师生交流,学生之间交流。
教课企图:“前事不忘,后事之师”,教师上课也是这样,每一堂课都有得有
失,只有及时认识了课堂上的成功和失误之处,才能扬长避短,不停获得新的进
步。经过师生之间的交流,教师认识到有哪些教课环节比较新奇,比较科学,学
生乐于接受;解决的问题中,有哪些学生比较满意,哪些问题还有更好的解决办
法;教师在上课过程中,有哪些言行不得体,还有哪些课堂现象需要教师关注,
或需要教师合适地指引;听听学生的建议,哪些环节还需要优化,怎么设计就比
较合理
经过这样的课后反思教研,教师会很简单抓住学生的思想导向,在今后的备
课中就有的放矢了。经过课后反思教研,教师的上课思路会愈来愈清楚,课堂会
愈来愈慎重,言行会愈来愈规范。