预览加载中，请您耐心等待几秒...

html代码.doc

预览
1/7
2/7
3/7
4/7
5/7
6/7
7/7

在线预览结束，喜欢就下载吧，查找使用更方便

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

《html代码》 【教学目标】 知识与技能： （1）掌握html基本概念、格式。 （2）掌握html的常见标签作用以及用法。 过程与方法： （1）通过对记事本中另存为:文件名.html，能够明白html文件的格式。 （2）通过对html标签的学习，利用记事本来制作一个网页，能够明确HTML语言的结构和特点。 情感价值观： （1）锻炼学生分析能力，语言构成能力。 （2）培养学生对网页制作的兴趣。 【教学重点】 （1）在记事本中保存为html文件的格式。 （2）对html的标签的应用。 【教学难点】 利用记事本编辑html标签来制作网页。 【教学方法】 讲授法、任务驱动法、演示法等。 【教学准备】 多媒体教室、课件 【教学过程】 一．导入 教师：同学们，你们喜不喜欢魔术呢？ 学生：（回答问题） 教师：今天我要给大家表演一个小魔术。在表演魔术之前，我要告诉同学们注意的事项。 教师：打开准备好的素材文件，鼠标定位在“动漫.txt”的文件上。提问学生，知不知道这个文件的格式（扩展名）是什么？ 学生：（回答问题） 教师：动漫是它的名字，后面.txt是它的格式。 教师：现在我们开始表演魔术啦，看好啦！我们来给“动漫.txt”文件来个大变身。打开“动漫.txt”文件，提问学生，看到了什么？ 学生：（回答问题） 教师：“动漫.txt”文件里面是html的代码。 教师：现在最关键地表演开始啦。在“动漫.txt”的文件菜单中另存为“动漫.html”，好啦，魔术表演结束，回到我们保存的文件夹中，提示学生出现了什么？ 学生：出现了文件名字都是为“动漫”的文件，但是图标不一样。 教师：打开“动漫.html”和“动漫.txt”，对比两个，“动漫.html”显示有文字、图片和音乐，而“动漫.txt”显示的是有很多英文字母组成的代码。这两个文件有什么样的联系吗？而这个这些代码都是html语言，那什么是html语言呢？下面我们来学习一下html的语言。 二．进入课题 1.HTML语言(ppt) （1）HTML叫做超文本标记语言，是一种建立网页文件的语言(HyperTextMarkupLanguage)，透过标记式的指令(Tag)，可用任何文本编辑器或网页专用编辑器编辑，完成后以.htm或.html为文件后缀保存。由浏览器解释，将影像、声音、图片、文字等连结显示出来。 教师：所以我们刚刚保存的“动漫.html”是用html语言来编写的。 （2）根据网页中代码和学案介绍 HTML标签：HTML标记是由<和>所括住的指令所构成，由<起始标记>，</结束标记>构成的叫双标记指令。 教师：下面我们来介绍四对标签，他们非常有夫妻相，谁都不能离开谁，否则就不成立的。每对是用尖括号“<>”括起来的字符串，现在我们来看一下这些标签。 ①<html>和</html> <html>是说明该文件是用HTML来描述的，它是文件的开头；而</html>则表示该文件的结尾，它们是HTML文件的始标记和尾标记。 ②<head>和</head> 头部信息（页面的标题、序言、说明等），这2个标记符分别表示头部信息的开始和结尾。 ③<body>和</body> 是正文（表格、图片等） ④<title>和</title> 文件的标题。你可以在浏览器最顶端的标题栏看到这个标题 2.ppt互动小游戏：请给以下标签配对。 教师：刚刚我们学习了html语言的四对标签，那么请一个同学来给它们配好对。 a<html>e</body> b<head>f</title> c<body>g</html> d<title>h</head> 学生：配对连线。 教师：为了更好的理解html语言的应用，现在我们来利用html语言来制作属于我们的主页。 3.利用html代码制作属于你自己的主页 教师：刚刚我们学习了html语言，那利用这些html代码来制作出你的主页，那该怎么做呢？接下来是我们的操作步骤。 （1）任务一：在电脑上桌面中，新建一个以自己名字命名的文件名， 例如：张三。 教师：在这里，同学们有没有疑问呢？为什么要建立文件夹？因为我们为了方便下一步用到的图片和制作出的网页能保存在一个文件夹中，也就是保存在同一个路径中。 4.如何在记事本中编辑网页 教师：刚刚学习了html的标签，那么在记事本中如何输入呢？ 操作步骤： <html> <head> <title>欢迎光临我的第一个网页</title> </head> <body> 这是我的第一个网页！ </body> </html> 保存为网页格式。 教师：同学们在输入的过程中，会遇到很多问题，下面我们来总结一下，我们会在实践操作过程中遇到的问题。 5.总结遇到的问题 问题1：以什么样的输入法输入这些代码呢？ 问题2：怎么输入括号“<>”? 问题3：怎么输入“欢迎光