网页教案(高一、二班)第一至八篇.docVIP

《网页制作基础》课程 教 案 学科 计算机 年级 高一 姓名 李艳梅 教材名称： 网页制作基础— Dreamweaver CS3 第一章 基础知识 课时设计： 1----6个课时 教学目标： 了解网页及HTML语言 掌握在IIS中WEB站点的配置。 了解Dreamweaver cs3各部分的功能。 掌握在Dreamweaver cs3中创建本地站点的方法。 教学重点: HTML语言 Dreamweaver cs3的工作界面 创建本地站点 教学难点: HTML语言 教学方法： 任务驱动法 教学过程： 任务一、认识网页 什么是网页： 网页是网站的基本组成元素。网页文件的扩展名通常为.htm或.html。一般是由HTML语言编写的文本文件。 什么是HTML Html是Hypertext Text Marketup Language的缩写，其中文含义是“超文本标记语言”。它是使用特殊标记来描述文档结构和表现形式的一种语言，可以用来实现WEB页面。一个HTML文档通常分为文档头和文档主体两部分。 HTML的基本知识及作用 在HTML中定义了许多标记，这些标记用来描述文档。这些标记使用“”和“”括起来。标记通常分为开始标记和结束标记。其格式为：标记名 属性名=属性值标记内容/标记名 1）网页中各标记的作用 html…/html 标记一个HTML文档的开始和结束。Html文档的所有内容就书写在这两个标记之间。 head…/head 用于标记文当首部的开始和结束，首部通常包括网页标题、创作信息等内容，在浏览网页时不会在浏览器窗口内显示。 title和/title 用于设置网页的标题。该标记中不能包含其它标记，且只能在标记中出现一次。当浏览网页时，网页的标题会出现在浏览器窗口的标题处。 body和/body 标记是主体标记，该标记包含在Html标记内。文档主体包括了网页显示的内容，如文字、链接、图像、表格和其它对象。 P和/P 标记一个段落的开始和结束。 h1 说明其后的文字是一级标题。 !--注释内容-- 注释标记。 2）标记属性 每个标记在标识名以外还可以包含一个或多个“属性”，用于控制标记内容的大小、颜色、位置、边框等。例如：body bgcolor=blue text=red标记中。”bgcolor=blue”就是body标记的一个属性，进一步说明网页的背景色为蓝色。如果一个标记有多个属性，中间要用空格隔开。例如body的常见属性如下表所示。 属性名 作用 Background 用图像设置网页背景 Bgcolor 设置网页的背景颜色 Text 设置网页中所有文本的颜色 Link 设置超文本链接尚未访问时文本的颜色，默认为蓝色 Vlink 设置超文本链接已经访问后 4. 网页基本元素 网页中包括的元素主要有文本、图像、视频、声音、动画、表格、表单等。 5. 网页的实质 网页文档本身是一个文本文件，这些文本能够将文字及其他媒体文件有机的组织在一起，在浏览器中合适地显示。 6. 主页 当用户没有指定网页文件名时，网站的默认显示的网页。主页文件名通常为index.htm、index.html、default.htm 任务二、让别人通过网络访问你的网页 站点的概念 “站点”指属于某个 Web 站点的文档的本地或远程存储位置。Dreamweaver 站点提供了一种方法，使您可以组织和管理您所有的 Web 文档，将您的站点上传到 Web 服务器，跟踪和维护您的链接以及管理和共享文件。在制作网页之前通常应定义一个站点以充分利用 Dreamweaver 的功能。 安装IIS IIS是提供微软开发的一个提供WEB服务的组件，一个站点要允许远程用户通过IE来访问，就需要IIS的支持。在WINDOWS XP专业版中，它是一个可选组件，用户可通过“添加和删除程序”来安装。在IIS中将本机上的文件夹设置为一个站点，就可以允许其它计算机通过网络来访问了。 在IIS中配置站点 IIS（Internet Information Server，互联网信息服务）是一种Web（网页）服务组件，其中包括Web服务器、FTP服务器、NNTP服务器和SMTP服务器，分别用于网页浏览、文件传输、新闻服务和邮件发送等方面，它使得在网络（包括互联网和局域网）上发布信息成了一件很容易的事。IIS通常运行在WINDOWS的SERVER版本上，可支持大量用户的访问。在WINDOW