某培训机构HTML大纲.doc

HTML教学大纲一、课程目标l HTML页面与表格 l 文字布局与文字效果 l 图像、热点、CSS样式定义与应用、框架l 页面版式控制与多媒体效果、浮动窗口 l 表单与页面控件二、课程学时理论课上机课研讨课551三、相关的项目案例 个人网站的制作四、课程知识点第一讲 HTML页面与表格 第一次上机目标HTML文件的结构 设置HTML文件的背景色及文本色 在页面上添加一个超链接 在页面上添加一个表格 设置表格的属性 内容概述和组织1、HTML页面的基本结构：起始标记、文件头、文件主体部分标记。 2、文件头中的各种常用标记3、标记的各种属性4、简单介绍各种链接的作用5、表格的基本形式以及如何创建简单的表格6、表格的各种属性设置重点和难点重点：HTML文件的结构、标记的各种属性、创建表格难点：创建表格第二讲 HTML页面的文字布局与文字效果 第二次上机目标l 页面正文的文字布局l 页面的文字效果l 滚动字符l 清单及其标记内容概述和组织1、文字布局包括标题及划分段落，介绍标题和段落标记的属性。2、设置页面文字的效果主要是从文字大小及文字风格这两个方面，另外还可以用标记设置文字闪烁效果，用标记分隔不同的文本。3、滚动字符可以使整个网页更有动感，使用标记设置滚动的文字。介绍标记的各种属性。4、利用各种清单标记可以使列表文字更加清晰、条理化。重点和难点重点：文字布局、文字效果、滚动字符。 难点：设置文字效果和滚动字符的各种属性第三讲 图像、CSS样式定义与应用、浮动窗口 第三次上机目标l 在页面中如何插入图象l CSS样式定义及应用l HTML页面的浮动窗口内容概述和组织1、可以通过标记来向页面中插入图片，并可以通过该标记的属性来设置图片的布局，使页面更加漂亮。2、如何在HTML中应用CSS3、CSS的基本语法4、如何用CSS装饰HTML页面5、使用创建浮动窗口。重点和难点重点：在页面中插入图象，应用CSS样式表、如何使用浮动窗口标记难点：应用CSS样式表、使用浮动窗口标记第四讲 页面版式控制与多媒体效果、框架 第四次上机 目标l 页面版式控制标记l 如何插入背景音乐l 如何插入多媒体文件l 框架的应用内容概述和组织1、介绍各种排版标记2、通过实例讲解使用排版标记的功能和常用属性3、使用标记向页面中插入背景音乐4、使用标记插入各种多媒体，标记的各种属性5、使用标记插入多媒体文件5、框架标记框架页面把浏览器窗口切割成几个独立的部分，打开的链接目标文件只占用浏览器窗口的某个区域，该区域就是框架网页的目标框架。6、标记和标记用于定义框架网页的结构。 7、各窗口之间如何进行互操作重点和难点重点：常用的排版标记、标记、标记的用法、框架的应用难点：和标记、框架的应用第五讲 表单与页面控件 第五次上机目标l 表单的基本概念及作用l 写入标记l 下拉列表框l 可以输入多行的文本框内容概述和组织1、表单在Web网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能，表单是由窗体和控件组成的。 2、写入标记它能够将浏览器中的控件加载到html文档中，标志用来定义一个用户输入区，用户可在其中输入信息。 3、标志中共提供了九种类型的输入区域，具体是哪一种类型由type属性来决定。详细介绍各种类型的输入区域。4、标志对用来创建一个菜单下拉列表框，此标志对用于