《网页制作基础》教案
专 业：计算机 姓 名：刘文灵
第1章 基础知识（5课时）
教学目标
1．掌握HTML的基本知识及作用； 2．掌握安装和配置IIS的方法；
3．熟悉Dreamweaver CS3的工作界面；
4．掌握创建和设置Dreamweaver CS3站点的方法。 教学重点
1．HTML语言
2．熟悉Dreamweaver CS3的工作界面 3．创建本地站点 教学难点
HTML的基本知识 教学方法
任务驱动法，以学生做为主，教师使用多媒体投影演示制作过程并讲解关键环节。学生上机操作完成实例与实训。
任务1 认识网页
教学目标：
1．理解掌握网页的概念 2．HTML的概念
3．掌握HTML的基本知识及作用 教学重点：
1．网页的实质
2．HTML的基础知识 教学难点：
HTML标记 教学方法：
任务驱动法，讲练结合法 教具准备：
多媒体教学 教学内容：
第1课时
一、网页
1、网页的概念：
网页是网站的基本组成元素。网页文件的扩展名通常为.htm或.html。一般是由HTML语言编写的文本文件。 2、网页的实质
网页文档本身是一个文本文件，这些文本能够将文字及其他媒体文件有机的组织在一起，在浏览器中合适地显示。 二、HTML
1、Html的中文含义
Html是Hypertext Markup Language的缩写，其中文含义是“超文本标记语言”。 2、Html的概念
它是使用特殊标记来描述文档结构和表现形式的一种语言，可以用来实现WEB页面。
2
3、网页文档的组成
一个HTML文档通常分为文档头和文档主体两部分。 三、标记
1、标记的格式
在HTML中定义了许多标记，这些标记用来描述文档。这些标记使用“<”和“>”括起来。标记通常分为开始标记和结束标记。 其格式为：
<标记名 属性名=属性值>标记内容 注意：
若一个标记有多个属性，属性和属性之间要用空格隔开。 示例：
简单的网页文档
这是我的第一个网页
欢迎大家
第2课时
2、常用标记
? … 标记一个HTML文档的开始和结束。Html文档的所有内容就书写在
这两个标记之间。
?
… 用于标记文当首部的开始和结束，首部通常包括网页标题、创作信息等内容，在浏览网页时不会在浏览器窗口内显示。
?
出现一次。当浏览网页时，网页的标题会出现在浏览器窗口的标题处。
?
和 标记是主体标记，该标记包含在Html标记内。文档主体包括了网页显示的内容，如文字、链接、图像、表格和其它对象。 ?
和
标记一个段落的开始和结束。 ?和
说明其后的文字是一级标题。 ? 注释标记。 说明：（1）每个标记在标识名以外还可以包含一个或多个“属性”，用于控制标记内容的大小、颜色、位置、边框等。
例如：
“bgcolor=blue”就是body标记的一个属性，进一步说明网页的背景色为蓝色。 （2）如果一个标记有多个属性，中间要用空格隔开。 3、
标记的常用属性
3
属性名 Background Bgcolor Text Link Vlink 作用 用图像设置网页背景 设置网页的背景颜色 设置网页中所有文本的颜色 设置超文本链接尚未访问时文本的颜色，默认为蓝色 设置超文本链接已经访问后
四、网页的基本元素
网页中包括的元素主要有文本、图像、视频、声音、动画、表格、表单等。 （1）网站LOGO
Logo的中文含义是标志、标识，在网页设计中，Logo常作为公司或站点的标识出现，起着非常重要的作用，集中体现了这个网站的文化内涵和内容定位。 （2）网站Banner
Banner的中文含义是横幅、标语，通常被称为网络广告。 （3）导航栏
导航栏实质上是一组超链接，通过这组超链接可以浏览到整个网站的其他页面。 （4）文本
文本作为人类最重要的信息载体的交流工具，是最重要的网页元素之一。与图像、动画等其他网页元素相比，文本不易在第一时间吸引浏览者的注意，但文本能够更加准确详细地表达网页信息内容和含义，是对其他网页元素的补充。 （5）图像
图像在网页中起着非常重要的作用，适当的图像能够为网页增添生动性和活泼性，不仅丰富网页内容、提供更多更直接的信息，还能给浏览者视觉上的美感。 （6）动画
动画能够形象生动地表现事物的变化发展过程，增加网页的动态效果，使网站更加生动有趣，因此，动画已经成为现代网站中不可缺少的元素之一。 （7）表单
表单实质上是一个服务器程序，用户可以在网页上的表单域中输入文本或数据，提交表单，该表单程序在服务器上执行，并将执行结果反馈到相应的页面上，从而实现了用户与网站之间的交互。 教学小结：
主要介绍了网页的概念、标记的应用及书写格式还有网页的基本组成元素。 课堂作业：
1、总结网页的概念及网页的实质？
2、列举Dreamweaver CS3中常用标记及其含义？ 板书设计：
任务2 让别人通过网络访问你的网页
教学目标
1．理解和掌握网站的概念 2．掌握安装IIS的步骤
3．掌握在IIS中配置站点的方法
4
教学重点
1．网站的含义
2．IIS的含义及功能 教学难点
IIS的配置 教学方法
演示法，任务驱动法 教具准备
多媒体教学 教学内容 一、网站
网站是许多相关网页有机结合而形成的一个信息服务中心。网站的设计者将要提供的内容和服务制作成许多个网页，并且经过组织规划，让网页互相链接，然后把相关文件存放在WEB服务器的一个文件夹中。这样一个文件夹就是一个网站。 二、主页
当用户没有指定网页文件名时，网站的默认显示的网页。主页文件名通常为index.htm、index.html、default.htm 三、IIS
1、IIS的含义
IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。 2、IIS的运行环境
IIS通常运行在WINDOWS的SERVER版本上，可支持大量用户的访问。在WINDOWS XP professional中，IIS组件主要用于开发测试，不适宜大量用户的访问。另外，在WINDOWS XP的家庭版中未提供IIS组件。 教学小结：
介绍了网页中常用术语的含义及IIS的含义和站点的配置。
任务3、初识Dreamweaver CS3
教学目标
1．掌握启动Dreamweaver CS3的方法 2．认识Dreamweaver CS3的工作界面
3．掌握Dreamweaver CS3界面中常用部分的用途 教学重点
熟悉Dreamweaver CS3界面各部分的名称及作用 教学难点
熟悉Dreamweaver CS3界面各部分的名称及作用 教学方法
多媒体演示法、任务驱动法、挂图法 教具准备 教学内容
5