HTML语言与网页制作教案.docx
《HTML语言与网页制作教案.docx》由会员分享,可在线阅读,更多相关《HTML语言与网页制作教案.docx(5页珍藏版)》请在三一文库上搜索。
1、名师精编 优秀教案HTMLf言与网页制作教案城步职业中学:刘红兰教学内容:HTML语言与网页制作教学目的:1、掌握输入和运行HTML文件的方法2、掌握HTML本的结构标记3、掌握html在网页特效中的简单运用教学重点:HTMLM本的结构标记教学难点:html在网页特效中的简单运用教学方法:演示法教学地点:多媒体教学课时:1课时教学过程:一、什么是HTML语言网页是由一种称为 HTMLI勺语言来描述的,网站中的大多数网页都以HTM戊件的形式保存,HTML ( HyperTextMark-upLanguage )即超文本标记语言,是 WW的描 述语言。下面,让我们来看一看下面这个例子吧!如果我们要
2、在网页中显示“城步职业中专计算机 16班!” 一行文字,可以用HTML语句来描述:测试页面 城步职业中专计算机 16班!输入并运行以上文件,可以看到如下的内容。输入和运行HTML文件的方法1 .编辑HTM戊件所使用的软件我们可以使用任何一种文本编辑软件来输入、修改HTMl件。简单一点的有 Windows中的记事本、写字板、Edit、Word等等。专业一点的有 EditPlus 等。2 .输入HTML文件的方法逐字键入英文和汉字,每键入一行,击一次回车键。3 .保存HTML文件的方法不管使用那种软件, 都要注意将HTM戊件另存为“文本文件”(即TXT文件),而且 文件后缀(即扩展名),应该是ht
3、ml或htm 。4 .运行HTML文件的方法双击文件名,即可打开浏览器运行文件。四、常用的HTML标记(一)基本的结构标记(1) 开始和结束标记 表示HTML句开始 表示HTML句结束(2)头部标记头部开始头部结束(3)标题标记标题开始 标题结束(4)网页主体标记 网页主体开始 网页主体结束例题1 HTM戊件的结构这是网页的标题,显示在浏览器的标题栏此行信息叫做头信息(标题和头信息是可有可无的) 在两个Body之间的是网页的主体信息 主体信息可以有图片、文字、表格、动画等等运行结果如下:(二) 常用的标记1.换行标记 (单个使用)2 . 水平线标记 (单个使用)3 .段落标记 例题2 画水平线 欢迎您光临!运行结果如下4 .背景色标记5 .背景图形标记五、网页特效例题先弹出一个欢迎窗口在网页HTML弋码的内插入script指令,使之成为使别人在打开网页之前先弹出一个欢迎窗口。六、作业用HTM皿言编写一个网页,要求网页的背景色为蓝色,字体为楷体红色7号字,文字内容为“计算机16班网页制作课,HTM皿言的学习“,并且画一根水平线。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 语言 网页 制作 教案
链接地址:https://www.31doc.com/p-11671526.html