最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 正文

初学HTML语言教学设计

来源:动视网 责编:小OO 时间:2025-10-02 00:09:52
文档

初学HTML语言教学设计

教学过程教学安排教师活动学生活动设计思想趣味导入聊一聊魔术表演与学生聊一聊魔术表演提问:同学们喜不喜欢魔术表演?引起共鸣激励学生来当一回小小魔术家边讲解边演示操作“小魔术”的内容和操作方法。教师开始表演:打开网上邻居的共享文件夹“魔术”,文件夹内有若干文本文档文件,打开其中一个文档(如1.txt),另存为“1王二.htm”或“1王二.html”(存入网上邻居的个人文件夹中)表演结束为学生解惑,讲清楚“小魔术”的结果需要同学们自己去观察。学生注意力集中与老师交流学生很感兴趣积极回答有疑惑,也有兴
推荐度:
导读教学过程教学安排教师活动学生活动设计思想趣味导入聊一聊魔术表演与学生聊一聊魔术表演提问:同学们喜不喜欢魔术表演?引起共鸣激励学生来当一回小小魔术家边讲解边演示操作“小魔术”的内容和操作方法。教师开始表演:打开网上邻居的共享文件夹“魔术”,文件夹内有若干文本文档文件,打开其中一个文档(如1.txt),另存为“1王二.htm”或“1王二.html”(存入网上邻居的个人文件夹中)表演结束为学生解惑,讲清楚“小魔术”的结果需要同学们自己去观察。学生注意力集中与老师交流学生很感兴趣积极回答有疑惑,也有兴
教学过程

教学安排 

教师活动 

学生活动 

设计思想 

趣味导入 

聊一聊魔术表演 

与学生聊一聊魔术表演 

提问:同学们喜不喜欢魔术表演? 

引起共鸣 

激励学生来当一回小小魔术家 

边讲解边演示操作“小魔术”的内容和操作方法。 

教师开始表演:打开网上邻居的共享文件夹“魔术”,文件夹内有若干文本文档文件,打开其中一个文档(如1.txt),另存为“1王二.htm”或“1王二.html”(存入网上邻居的个人文件夹中) 

表演结束 

为学生解惑,讲清楚“小魔术”的结果需要同学们自己去观察。 

学生注意力集中 

与老师交流 

学生很感兴趣 

积极回答 

有疑惑,也有兴趣 

仔细观察 

摩拳擦掌,跃跃欲试 

了解操作过程 

观察文本文档中的内容,看不懂,有点奇怪 

观察、熟悉操作环境 

记忆操作步骤 

困惑,不明白这个魔术表演到底是什么意思? 

导入设计时,围绕学生感兴趣的事物提出问题,充分吸引学生的注意力,与学生积极交流,首先创建良好的师生关系,营造轻松的课堂氛围。 

通过观察教师的操作,学生能够模仿操作,目的不是让学生学习操作的方法,而是使学生能够经过自己的双手操作发现“小魔术”的结果,继而导入学习内容。 

教学安排 

教师活动 

学生活动 

设计思想 

学生模仿操作 

魔术结果展示 

魔术揭秘 

讲解(不演示操作)观察“小魔术”结果的方法:打开网上邻居的个人文件夹,打开“1王二.htm”或“1王二.html”。 

教师巡视,个别帮助。 

为避免文件重名,提醒学生将另存的文件用文本文档的文件名+自己的姓名命名。 

个别学生演示他们的“小魔术”的结果。 

激发学生思考“小魔术”的秘诀。 

揭密过程。 

引导学生区分两个。 

文件的图标,并理解它们的含义。引入HTML语言。 

仔细观察 

迫不及待的动手操作,很好奇,想象到底是什么结果。 

观察到了魔术表演的最终结果,很兴奋,觉得不可思议 

互相观察 

发现和别人的不同之处,与周围同学积极交流 

产生好奇心,有学习动力 

感兴趣 

积极思考 

只讲解观察“小魔术”结果的方法,而不演示操作,目的是为了能将神秘感保留到学生操作时,这样不仅能够吸引学生的注意力,而且也能提高学生动手操作的积极性,体现学生的主体性。 

学生只有在与其他同学交流时才能发现新问题,教师才能继续新的 

教学安排 

教师活动 

学生活动 

设计思想 

引入HTML语言,了解它的功能 

了解HTML文件的基本结构和HTML语言常用的标识符 

具体步骤:对比“另存为”操作前后的两个文件的图标(例如:“1.txt”与“王二.htm”两个文件的图标), 

讲解“小魔术”的秘诀:文本文档中的符号其实是一种制作网页的语言,叫HTML语言。 

将HTML代码输入文本文件中,然后保存到以“.htm”或“.html”为文件扩展名的文件中,就可以制作网页文件。 

了解HTML文件的基本结构。 

展示“1.txt”。 

讲解HTML文件的基本结构:开始标记、内容主体、结束标记。 

展示1王二.Htm。 

仔细观察 

发现不同之处 

共同讨论 

积极回答 

理解 

初步了解“小魔术”的秘诀 

注意力集中 

观察 

了解 

观察网页中的文字颜色,图片内容,水平线粗细等 

教学活动,但有的学生的主动性较差,不与周围同学交流,所以设计了这样的环节--展示魔术结果。希望能通过教师的主导作用,提高学习效率。 

先满足一下学生的好奇心,以免弄巧成拙,降低学生的学习兴趣。 

教学安排 

教师活动 

学生活动 

设计思想 

 展示“1.txt”。 

结合观察网页的结果,引导学生了解HTML语言常用的标识符。 

想一想、试一试:能不能改变文字颜色,图片内容,水平线粗细? 

结合学生的回答演示操作。 

修改“1.txt”另存为新的网页文件。 

展示新网页文件。 

拓展延伸介绍其他标识符 

如:
换行 

设置背景颜色 

等等 

仔细观察“1.txt” 

发现与网页中“文字颜色,图片内容,水平线粗细”有关的内容 

例如:color=green

ziran.jpg

size=3

学习氛围浓厚 

动脑思考 

共同讨论,回答 

观察 

与旧网页文件比较。获得成功的喜悦 

了解 

学生首先通过观察网页,获得直接的影像信息。 

紧接着选择学生较熟悉的英文单词color、green、size等引导学生学习,这样容易吸引学生的注意力,而不会因为看不懂便不注意听了。 

在修改网页时又一次体现了选择较熟悉的英文单词color、green、size的优势,学生会联想到用别的颜色如:yellow、red等等。同样体现了教师主导、学生主体的一个设计思想。 

教学安排 

教师活动 

学生活动 

设计思想 

情境假设导入 

FrontPage2000

激励学生学以致用 

动动手:模仿老师的操作,修改网页中的相关内容。 

教师巡视,个别帮助 

展示个别学生修改的网页 

肯定所有学生的努力,表扬他们真棒! 

鼓励学生积极动手操作。 

情境假设:现在学校准备举行一次网页制作比赛,哪些同学想参加呢? 

引导学生提出疑问:难道没有更好的方法制作网页吗? 

在理论的基础上,动手实践,加深理解 

观察 

兴奋 

有学习兴趣 

积极性高,但缺乏自信心 

认为难度较大 

产生疑惑 

想寻求其他办法 

虽然又是模仿教师的操作,但并不是机械的模仿,学生将自己的想法付之于行动。并从自己的成果中获得乐趣和满足。 

设计这个情境假设的导入,目的是为了能够很好地衔接HTML语言和FrontPage2000。 

教师适时地引导学生,让学生从自身的困难考虑学习问题,而不是因为老师要我们学而学习,突出了学生的主体地位。 

教学安排 

教师活动 

学生活动 

设计思想 

介绍常用的制作网页的软件 

学会启动、 

退出 

FrontPage2000

Dreamweaver:这是网页三剑客之一,专门制作网页的工具,实用功能比较强大 

Frontpage:office自带的一个工具,操作简单,实用,学起来比较轻松 

展示示例的班级网站 

说明今后的学习任务:用FrontPage2000制作一个以班级为主题的网站 

激励学生的学习热情 

边讲解边演示操作 

启动、退出FrontPage2000的方法(与WORD类似) 

了解信息技术前沿知识 

了解今后学习的新软件 

观察 

了解任务的整体要求 

学习热情高涨 

仔细观察 

联系启动WORD的方法记忆 

 
教学安排 

教师活动 

学生活动 

设计思想 

简单介绍FrontPage2000的窗口组成 

培养学生学习兴趣 

简单介绍FrontPage2000的窗口组成。 

展示示例的班级网页。 

重点讲解FrontPage编辑区的3种工作模式的作用。 

①普通模式:一般用来编辑、修改网页。 

演示操作插入图片、插入水平线。 

引导学生对比两种方法(直接修改HTML代码和在FrontPage2000操作),比较它们的优缺点。 

②HTML模式:一般用来查看、修改HTML代码。 

③预览模式:一般用来观看网页的显示效果。 

小结:FrontPage2000无论是编辑网页还是观看网页效果都很方便。 

大致了解 

从实例中理解FrontPage2000的优点,产生学习的兴趣 

对比文本文档和FrontPage中的代码,发现类似的很多 

观察网页效果 

枯燥的概念学生很难理解,也不想主动去理解。因此将这三个概念溶入实例中讲解,有事半功倍之效。 

教学安排 

教师活动 

学生活动 

设计思想 

小结 

鼓励学生动手试一试,启动FrontPage2000,一方面熟悉窗口,一方面尝试制作简单的网页。 

教师巡视,观察学生的操作,纠正个别错误的操作。 

肯定学生的积极努力 

鼓励学生多动手 

激励学生在今后的课中更进一步 

在老师没有讲解新课前,尝试操作,有新鲜感,产生积极的学习兴趣 

期待下节课的到来,有满足感 

紧密联系前面的学习内容,反复讲解,对学生的学习也能起到一定的帮助作用。 

适时小结是为了突出本节课的重点,为今后的教学活动开展打好基础,做好铺垫。 

文档

初学HTML语言教学设计

教学过程教学安排教师活动学生活动设计思想趣味导入聊一聊魔术表演与学生聊一聊魔术表演提问:同学们喜不喜欢魔术表演?引起共鸣激励学生来当一回小小魔术家边讲解边演示操作“小魔术”的内容和操作方法。教师开始表演:打开网上邻居的共享文件夹“魔术”,文件夹内有若干文本文档文件,打开其中一个文档(如1.txt),另存为“1王二.htm”或“1王二.html”(存入网上邻居的个人文件夹中)表演结束为学生解惑,讲清楚“小魔术”的结果需要同学们自己去观察。学生注意力集中与老师交流学生很感兴趣积极回答有疑惑,也有兴
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top