内容正文:
4.3网站实现
学科
信息技术
课题
4.3网站实现
执教
班级
高一(7)
时间
4月10日
教
学
目
标
知识与技能:
理解网页背后的HTML代码,如HTML文档的基本结构,段落标记,文字格式等,能够使用HTML代码编写简单的网页。
过程与方法:
通过实践练习使学生能够使用代码编写网页,并通过观察网页的变化理解不同代码对网页内容的影响。
情感态度与价值观:
通过本节课的学习,使学生感知网页背后的基本代码,能够通过自主实践的观察理解各代码的含义和作用。
教学重点难点
重点:HTML文档的基本结构,段落标记,文字格式
难点:代码的灵活运用
教法学法设计
本节课采用学生实践、观察网页、发现代码的作用,后教师讲解代码的含义与格式的教学模式,让学生先从直观上了解HTML代码,再从直观感受转化为理性感知,并通过巩固练习,做到活学活用。
教 师 活 动
学生活动
一、引入
经过上学期的学习和上节课的复习,我们已经掌握了利用所见即所得的网页制作工具制作网页的基本技能,那我们是否理解网页背后的代码呢?网页背后的代码使用的是什么语言?
二、HTML概述
HTML(HyperText Markup Language的缩写),即超文本标记语言。它是在互联网发布网页的通用语言。所谓超文本,就是它可以加入图片、声音、动画、影视等内容,每一个HTML文档都是一种静态的网页文件,这个文件里面包含了HTML标记,这些标记并不是一种程序语言,它只是一种排版网页中资料显示位置的标记语言。
三、HTML文件的基础代码
布置任务1
1、HTML文件的基本结构
<HTML>
<HEAD>
<TITLE>网页的标题</TITLE>
</HEAD>
<BODY>
文档主体,正文部分
</BODY>
</HTML>
2、段落标记
布置任务2
(1)强制换行标记<BR>
强制换行的格式为:
文字<BR>
(2) 强制换段标记
段落标记<P></P>放在一段文字的首尾,就定义了一个新段落的开始。<P>标记不但能使后面的文字换到下一行,还可以是两段之间留一空行。
强制换段标记的格式为:
<P>受影响的文字</P>
强制换段标记可以看作两个强制换行标记<BR><BR>
3、设置段落对齐方式标记
设置段落对齐方式标记的格式为:
<P align=对齐