徐州工程学院：《网页制作与网站建设》讲义

徐州工程学院敏案 《网页制作与网站建设》

徐州工程学院教案 《网页制作与网站建设》

徐州工程学院教案纸 前 言 课程介绍: 随着 Internet的不断普及,网络上的站点越来越多,内容也越来越 丰富,由此带来的是网页设计与制作的工作量空前加大,涉及的技术也越 来越复杂。在课程设计、毕业设计及将来走向工作单位,网页设计与制作 应是一项非常实用的技术。目前人们已不满足于通过wW浏览器在网上查 询和浏览信息,开始试着设计自己的Web主页。特别是最近,在网上发布 商品信息、介绍企业、用户调查、网上购物等需求越来越多,掌握Web主 页的设计方法和技巧,成为人们渴望掌握的一种技能。许多高校已开设网 页设计技术课程,有些企业也将网页设计技能作为招聘计算机人才的基本 条件之一。本教材主要介绍使用HM(源代码)设计Web主页的基本方法 和技术。 目前,网页的开发工具和技术很多,本书作为高职高专教材,全面介 绍网页设计的基本知识、基本方法和设计技巧,并介绍两种流行设计工具 软件。教材分为6章。第1章介绍网页设计基础:第2章和第3章介绍 HTML4.0的常用标记、基本主页及高级主页的设计方法和技巧:第4章介 绍如何使用 JavaScript设计交互、动态主页:第5章介绍 Dreamweaver MX的基本知识、基本操作,以及使用 Dreamweaver mX设计主页的方法和 技巧:第6章介绍目前新版本的 FrontPage2002的基本知识、基本操作 以及使用 FrontPage2002设计主页的方法和技巧。每章都以实例介绍并配 有上机练习题,使得同学们能做到边学边用,掌握设计方法,创建自己的 主页 本课程具有极强的实践性,除掌握必要的基本概念及语法规则外,重 要的是实践。一定要自己动手设计与制作网页、编写程序、上机操作,这 是学好本课程最为有效的途径。 教学要求 1.教学一一按照教学大纲和教学进度表的要求进行,总学时为34学 (上机16学时),4学时/周。各章节课时分配见教学大纲。教学形式有 课堂教学、上机实践、习题课和晩自习辅导答疑。教学效果:采用测评的 方式 2.上机——根据教学进度和相应的上课时间,由学院电教室统一安 排。要求上机前做好相应的准备(预习、作业、实验内容),上机时完成布 置的上机内容,不做与本课程无关的内容,上机完成后交实验报告。服从 电教人员的管理。 3.习题课一一根据教学进度并且在多数同学做了相应章节的习题,批 改了部分作业后插入习题课。要求定时收交、批改作业

1 徐 州 工 程 学 院 教 案 纸 前 言 课程介绍： 随着 Internet 的不断普及，网络上的站点越来越多，内容也越来越 丰富，由此带来的是网页设计与制作的工作量空前加大，涉及的技术也越 来越复杂。在课程设计、毕业设计及将来走向工作单位，网页设计与制作 应是一项非常实用的技术。目前人们已不满足于通过 WWW 浏览器在网上查 询和浏览信息，开始试着设计自己的 Web 主页。特别是最近，在网上发布 商品信息、介绍企业、用户调查、网上购物等需求越来越多，掌握 Web 主 页的设计方法和技巧，成为人们渴望掌握的一种技能。许多高校已开设网 页设计技术课程，有些企业也将网页设计技能作为招聘计算机人才的基本 条件之一。本教材主要介绍使用 HTML（源代码）设计 Web 主页的基本方法 和技术。 目前，网页的开发工具和技术很多，本书作为高职高专教材，全面介 绍网页设计的基本知识、基本方法和设计技巧，并介绍两种流行设计工具 软件。教材分为 6 章。第 1 章介绍网页设计基础；第 2 章和第 3 章介绍 HTML4.0 的常用标记、基本主页及高级主页的设计方法和技巧；第 4 章介 绍如何使用 JavaScript 设计交互、动态主页；第 5 章介绍 Dreamweaver MX 的基本知识、基本操作，以及使用 Dreamweaver MX 设计主页的方法和 技巧；第 6 章介绍目前新版本的 FrontPage2002 的基本知识、基本操作， 以及使用 FrontPage2002 设计主页的方法和技巧。每章都以实例介绍并配 有上机练习题，使得同学们能做到边学边用，掌握设计方法，创建自己的 主页。 本课程具有极强的实践性，除掌握必要的基本概念及语法规则外，重 要的是实践。一定要自己动手设计与制作网页、编写程序、上机操作，这 是学好本课程最为有效的途径。 教学要求： 1.教学——按照教学大纲和教学进度表的要求进行，总学时为 34 学 时（上机 16 学时），4 学时/周。各章节课时分配见教学大纲。教学形式有： 课堂教学、上机实践、习题课和晚自习辅导答疑。教学效果：采用测评的 方式。 2.上机——根据教学进度和相应的上课时间，由学院电教室统一安 排。要求上机前做好相应的准备（预习、作业、实验内容），上机时完成布 置的上机内容，不做与本课程无关的内容，上机完成后交实验报告。服从 电教人员的管理。 3.习题课——根据教学进度并且在多数同学做了相应章节的习题，批 改了部分作业后插入习题课。要求定时收交、批改作业

徐州工程学院教案纸 4.辅导答疑一一利用上机的时间进行辅导答疑。 5.成绩一一以总成绩记入学科成绩,总成绩由平时成绩和考试成绩组 成,平时成绩(含作业、上机实验、出勤情况)占30%,考试成绩占70%。 03电信班网页制作与网站建设课程表: 8:00~8:45 8:50~9:35 10:00~10: C805 45 上课 0:50~11:3 l1:40~12:25 14:00~14 C805 14:50~15: 上机 l5:45~16 16:35~17: 03电信班网页制作与网站建设上课时间,第11-—19周,采用多媒体 教室C805,教学一人一机,上课与上机地点相同,总学时34学时:18学时 上课、16学时上机

2 徐 州 工 程 学 院 教 案 纸 4.辅导答疑——利用上机的时间进行辅导答疑。 5.成绩——以总成绩记入学科成绩，总成绩由平时成绩和考试成绩组 成，平时成绩（含作业、上机实验、出勤情况）占 30%，考试成绩占 70%。 03 电信班网页制作与网站建设课程表： 时 间 一 二 三 四 五 8：00~8：45 8：50~9：35 10：00~10： 45 C805 上课 10：50~11：35 11：40~12：25 14：00~14： 45 C805 14：50~15： 上机 35 15：45~16： 30 16：35~17： 20 03 电信班网页制作与网站建设上课时间，第 11——19 周，采用多媒体 教室 C805，教学一人一机，上课与上机地点相同，总学时 34 学时：18 学时 上课、16 学时上机

徐州工程学院教案纸

3 徐 州 工 程 学 院 教 案 纸

第1章网页设计基础 [学习要点] 1. Internet概述 2.网页设计基础 3.网页开发工具 4.HTML基础 1.1 Internet概述 网页设计技术总体来说分成三个部分,一是界面设计,二是脚本语言 三是服务器端的动态编程技术 界面设计一般通过一些工具软件来实现,例如 FrontPage2000、 CreamWare、 Flash等等,这些技术都能进行网页设计,选择其中的任意 种都能制作出满意的网页。 FrontPage2000是 Office2000的一个组件,熟 悉 Microsoft Word、 Excel、 Power Point等软件的用户可以很快掌握 FrontPage2000的特点和使用方法。没有网页制作经验的用户,通过学习 fronTpage2000的有关知识后,也可以成为一个熟练的网页制作者和Web 站点的管理者 网页设计除了界面以外,还必须进行一些编程控制,控制既有客户端 的,也有服务器端的,目前用的较多的网页编程语言有 VBScript、 JavaScript,这两种脚本语言都是比较容易掌握的,通过在网页中嵌入脚 本程序,可以改变网页外观、响应用户操作,还能控制Web服务器。 服务器端的动态编程技术也有许多种,目前用的较多的有ASP、JSP、PP、 CGI等。CGI是较早采用的一种技术,它存在着两大缺陷。首先,对每一个 请求,CGI要产生一个进程,同一时刻请求愈多,产生进程愈多,当服务器 较忙时,既耗时又占服务器的RAM:其次,CGI采用的编程语言主要是Perl C语言等,对页面开发人员来说要掌握和精通这些编程语言难度较大。而 ASP除了能够提供CGI的所有功能外,还有以下独到的优点:ASP运行在 Web服务器的同一个进程中,可以更快、更有效地处理客户请求;ASP通过 D0( Activex Database Objects)提供更方便、更简单的访问数据库的 方法,非常利于开发基于数据库驱动的Web应用程序;ASP支持脚本语言 VBScript、 JavaScript等 1.1.1 Internet的发展概况 Internet是当前世界上规模最大的计算机网络,利用 Internet网可

4 第 1 章 网页设计基础 [学习要点] 1. Internet 概述 2. 网页设计基础 3. 网页开发工具 4．HTML 基础 1.1 Internet 概述 网页设计技术总体来说分成三个部分，一是界面设计，二是脚本语言， 三是服务器端的动态编程技术。 界面设计一般通过一些工具软件来实现，例如 FrontPage2000、 DreamWare、Flash 等等，这些技术都能进行网页设计，选择其中的任意一 种都能制作出满意的网页。FrontPage2000 是 Office2000 的一个组件，熟 悉 Microsoft Word、Excel、PowerPoint 等软件的用户可以很快掌握 FrontPage2000 的特点和使用方法。没有网页制作经验的用户，通过学习 FrontPage2000 的有关知识后，也可以成为一个熟练的网页制作者和 Web 站点的管理者。 网页设计除了界面以外，还必须进行一些编程控制，控制既有客户端 的，也有服务器端的，目前用的较多的网页编程语言有 VBScript、 JavaScript，这两种脚本语言都是比较容易掌握的，通过在网页中嵌入脚 本程序，可以改变网页外观、响应用户操作，还能控制 Web 服务器。 服务器端的动态编程技术也有许多种，目前用的较多的有 ASP、JSP、PHP、 CGI 等。CGI 是较早采用的一种技术，它存在着两大缺陷。首先，对每一个 请求，CGI 要产生一个进程，同一时刻请求愈多，产生进程愈多，当服务器 较忙时，既耗时又占服务器的 RAM；其次，CGI 采用的编程语言主要是 Perl、 C 语言等，对页面开发人员来说要掌握和精通这些编程语言难度较大。而 ASP 除了能够提供 CGI 的所有功能外，还有以下独到的优点：ASP 运行在 Web 服务器的同一个进程中，可以更快、更有效地处理客户请求；ASP 通过 ADO（ActiveX Database Objects）提供更方便、更简单的访问数据库的 方法，非常利于开发基于数据库驱动的 Web 应用程序；ASP 支持脚本语言 VBScript、JavaScript 等。 1．1．1 Internet 的发展概况 Internet 是当前世界上规模最大的计算机网络，利用 Internet 网可 以

徐州工程学院教案纸 迅速地获得各种信息资源和 Internet提供的各种服务。网络改变了人类 的生活,“秀才不出门,能知天下事”已成为一个现实,通过1台电脑,1 根电话线就可以接通世界各地。在 Internet上目前最普遍的应用是信息 的提供与浏览,而网络上的信息是以网站为单位的,网站又是由许多网页 组成的。因此,网站的设计、网页的制作就需要越来越多的人参与,网站 既可以是 Internet上的,也可以是局域网上的,它们在网页设计上是没有 区别的。本教程的任务就是阐述如何构建网站、如何制作网页以及如何在 网页中进行编程。在进入实质性的内容之前,先了解一些网络的基本知识。 在短短的几十年中, Internet经历了一个飞速发展的过程。P1-2网 络的时代从此来临 1.1.2 Internet服务 Internet:也称“国际互联网”、“因特网”,它是目前世界上最大的网 络,是由世界上的各种网络互联而成的。 Internet的功能很强大,它提供 的主要服务有:电子邮件(E-mail)、远程登录( Telnet)、文件传送(FTP)、 万维网(WwW)、电子公告系统( Bulletin board service即BBS)、网上购 物、网络教学等。其中,WW是 Internet上应用最广泛的一种服务,许多 人都是通过wwW了解和使用 Internet的 1.WWW服务 WWW:( World wide Web)译为万维网,简称Web,是 Internet上最重 要的资源。是一个基于超文本方式的信息查询工具。wW由三部分组成: 客户机(Client)、服务器(Server)和HTTP协议。所谓“服务器”,顾名 思义,就是提供信息服务的计算机:“客户机”是索求信息的计算机。帮助 用户查看HM超文本的客户机软件称为wW浏览器。目前常用的有 Internet Explorer、 Netscape等。浏览器主要有两个功能:向用户提供 友好的使用界面以及将用户的请求传送给相应的wW服务器进行处理,客 户机向服务器发送一个请求,并从服务器上得到一个响应。客户机与服务 器之间使用HTTP协议传送信息。服务器的基本信息单位称作网页(Web页) 由HM(超文本标记语言)写成。当WwW服务器接到来自某一客户机的请 求后,就进行查询并将得到的数据送回客户机,再由浏览器将这些数据转 换成相应的形式(如文字、图象、动画、声音等)显示给用户 ww的常用术语 (1)超文本传送协议HTP( Hyper Text transfer Protocol)。 HTP是浏览器与ww服务器之间相互通信的协议。当用户激活一个链 接后,服务器使用HTTP协议送回约定好格式的文件,文件信息在客户机上 通过浏览器显示相应信息 (2)统一资源定位符URL( Uniform Resource locator) URL的用途是用统一的方式指明 Internet上的资源。它是标准的编址

5 徐 州 工 程 学 院 教 案 纸 迅速地获得各种信息资源和 Internet 提供的各种服务。网络改变了人类 的生活，“秀才不出门，能知天下事”已成为一个现实，通过 1 台电脑，1 根电话线就可以接通世界各地。在 Internet 上目前最普遍的应用是信息 的提供与浏览，而网络上的信息是以网站为单位的，网站又是由许多网页 组成的。因此，网站的设计、网页的制作就需要越来越多的人参与，网站 既可以是 Internet 上的，也可以是局域网上的，它们在网页设计上是没有 区别的。本教程的任务就是阐述如何构建网站、如何制作网页以及如何在 网页中进行编程。在进入实质性的内容之前，先了解一些网络的基本知识。 在短短的几十年中，Internet 经历了一个飞速发展的过程。P1—2 网 络的时代从此来临。 1．1．2 Internet 服务 Internet：也称“国际互联网”、“因特网”，它是目前世界上最大的网 络，是由世界上的各种网络互联而成的。Internet 的功能很强大，它提供 的主要服务有：电子邮件（E-mail）、远程登录（Telnet）、文件传送（FTP）、 万维网（WWW）、电子公告系统（Bulletin Board Service 即 BBS）、网上购 物、网络教学等。其中，WWW 是 Internet 上应用最广泛的一种服务，许多 人都是通过 WWW 了解和使用 Internet 的。 1. WWW 服务 WWW：（World Wide Web）译为万维网，简称 Web，是 Internet 上最重 要的资源。是一个基于超文本方式的信息查询工具。WWW 由三部分组成： 客户机（Client）、服务器（Server）和 HTTP 协议。所谓“服务器”，顾名 思义，就是提供信息服务的计算机；“客户机”是索求信息的计算机。帮助 用户查看 HTML 超文本的客户机软件称为 WWW 浏览器。目前常用的有 Internet Explorer、Netscape 等。浏览器主要有两个功能：向用户提供 友好的使用界面以及将用户的请求传送给相应的 WWW 服务器进行处理，客 户机向服务器发送一个请求，并从服务器上得到一个响应。客户机与服务 器之间使用HTTP协议传送信息。服务器的基本信息单位称作网页（Web页）， 由 HTML（超文本标记语言）写成。当 WWW 服务器接到来自某一客户机的请 求后，就进行查询并将得到的数据送回客户机，再由浏览器将这些数据转 换成相应的形式（如文字、图象、动画、声音等）显示给用户。 WWW 的常用术语 （1）超文本传送协议 HTTP（Hyper Text Transfer Protocol）。 HTTP 是浏览器与 WWW 服务器之间相互通信的协议。当用户激活一个链 接后，服务器使用 HTTP 协议送回约定好格式的文件，文件信息在客户机上 通过浏览器显示相应信息。 （2）统一资源定位符 URL（Uniform Resource Locator）。 URL 的用途是用统一的方式指明 Internet 上的资源。它是标准的编址 机

徐州工程学院教案纸 制,用来检索 Internet上的文档。URL包括三部分:所使用的传送协议、 服务器名称、该服务器上定位文档的全路径名 (3)超文本标记语言HTML( Hyper Text Markup language) HTML是一种专门的编程语言,即Web的描述语言,用于编制通过ww 显示的超文本文件。所谓超文本( Hyper Text)是可链接文本的其他段落 或其他文件,通过单击热点可以査看与该热点相链接的段落或主页:所谓 标记语言( Markup language)是指用标记进行编辑作业的语言,通过标记 标注普通文本,指定文本或其他对象(如图象、声音等)的表示格式,从 而做成超文本文件。 (4)主页( Home Page) 主页又称作起始页。它是Web站点的第一页,通常看作Web的入口点 它包含了同一站点上的其他页以及相关节点的链接。因此主页是一个进入 wwW服务器入口的HTML文件。 (5)链接(Link)。 Link是Web页的元素或者是超文本文档中的元素。超文本的关键就是 在其文档中含有与其他文档的链接。链接是指向其他信息资源的指针,通 过该链接,可以在一个文档内部、文档之间、甚至服务器之间任意转换 超文本的链接提供了浏览Web的导航方法,用鼠标单击一个链接就会转到 它们所指示的地方去。 2.其他服务 1)电子邮件(E-mail mail是wW出现之前在 Internet中应用得最广泛的服务。P2 (2)文件传输协议FTP FTP( File transfer protocol)是在 Internet上传输文件最主要的 应用层协议 (3)远程登陆( Telnet) Telnet是最早的 Internet协议。使用 Telnet,用户就可以在本地登 录到远程的另一台主机上,充当一个远程终端。 Telnet可以把用户在本地 的操作传送到远端主机,并把远端主机的处理结果返回本地。用户感觉好 像就坐在远程的那台主机前一样 (4)新闻组( News group) 新闻组实际是各种内容分组的电子邮件的集合。P3 (5) Gopher Gopher是一种基于菜单的层次结构的服务,用于在 Internet上查找分布 式的信息资源。 Gopher服务器以文本菜单方式提供各种主题信息,用户可 以通过菜单向导一步步查找所需要的信息。由于 Gopher是基于文本的,因 此查找信息的速度非常快,但缺点是不能显示图像信息

6 徐 州 工 程 学 院 教 案 纸 制，用来检索 Internet 上的文档。URL 包括三部分：所使用的传送协议、 服务器名称、该服务器上定位文档的全路径名。 （3）超文本标记语言 HTML（Hyper Text Markup Language）。 HTML 是一种专门的编程语言，即 Web 的描述语言，用于编制通过 WWW 显示的超文本文件。所谓超文本（Hyper Text）是可链接文本的其他段落 或其他文件，通过单击热点可以查看与该热点相链接的段落或主页；所谓 标记语言（Markup Language）是指用标记进行编辑作业的语言，通过标记 标注普通文本，指定文本或其他对象（如图象、声音等）的表示格式，从 而做成超文本文件。 （4）主页（Home Page）。 主页又称作起始页。它是 Web 站点的第一页，通常看作 Web 的入口点， 它包含了同一站点上的其他页以及相关节点的链接。因此主页是一个进入 WWW 服务器入口的 HTML 文件。 （5）链接（Link）。 Link 是 Web 页的元素或者是超文本文档中的元素。超文本的关键就是 在其文档中含有与其他文档的链接。链接是指向其他信息资源的指针，通 过该链接，可以在一个文档内部、文档之间、甚至服务器之间任意转换。 超文本的链接提供了浏览 Web 的导航方法，用鼠标单击一个链接就会转到 它们所指示的地方去。 2. 其他服务 （1）电子邮件（E—mail） E—mail 是 WWW 出现之前在 Internet 中应用得最广泛的服务。P2 （2）文件传输协议 FTP FTP（File Transfer Protocol）是在 Internet 上传输文件最主要的 应用层协议。P3 （3）远程登陆（Telnet） Telnet 是最早的 Internet 协议。使用 Telnet，用户就可以在本地登 录到远程的另一台主机上，充当一个远程终端。Telnet 可以把用户在本地 的操作传送到远端主机，并把远端主机的处理结果返回本地。用户感觉好 像就坐在远程的那台主机前一样。 （4）新闻组（News Group） 新闻组实际是各种内容分组的电子邮件的集合。P3 （5）Gopher Gopher 是一种基于菜单的层次结构的服务，用于在 Internet 上查找分布 式的信息资源。Gopher 服务器以文本菜单方式提供各种主题信息，用户可 以通过菜单向导一步步查找所需要的信息。由于 Gopher 是基于文本的，因 此查找信息的速度非常快，但缺点是不能显示图像信息

徐州工程学院教案纸 .1.3HTP协议 1.协议( Protocol) 在计算机网络中,要保证交换数据的准确性,就必须遵守一些事前约 好的规则。这些规则明确规定了所交换数据的格式,以及有关的同步问 题。这种为进行网络中数据交换而建立的规则、标准或约定称为协议。P3 2.HTTP协议 HTP协议( HyperText Transfer Protocol,超文本传送协议)是用 将超文本从wwW服务器传输到本地浏览器的传送协议。从层次的角度看, HTTP是面向事物的应用层协议,是Web上能够可靠交换数据的重要基础。 它可以使浏览器更加高效,减少网络传输。它不仅可以保证计算机能够正 确、快速地传输超文本文档,还可以确定传输文档中的哪一部分,以及哪 部分内容首先显示(如文本先于图形)等。这就是在浏览器中看到的网页 地址都是以http:/7开头的原因。P4 1.2网页设计基础 1.2.1相关概念 1.网页 从用户的角度看,网络提供了巨大的、遍及全球的电子文档,这些文 档的格式由超文本置标语言( HyperText Markup language,HM)定义 支持指向其他文档、图像、音频或视频文件的超链接,并可以通过浏览器 浏览。这些存储在Web站点的文档称为网页,它是构成WwW的基本单位。 人们上网,有一半以上的时间都是在与各种网页打交道。网页上可以显示 文字、图片,也可以播放声音和动画,是目前 Internet上最流行的信息发 布方式。P4 2.主页 个网站的起始网页称为主页( Homepage)。当你进入网站,连接到 个Web服务器上时,首先显示的那一页就是主页。 3. URL Web中用统一资源定位地址URL( Uniform resource locator)作为标 识文档及其他资源的全球地址。URL好比 Internet的门牌号码,它可以帮 助用户在 Internet的信息海洋中定位所需要的资料。P5 URL的一般形式为 访问方式:/服务器地址/端口号/路径/文件名 P5URL的访问方式、服务器地址、端口号、路径 (1)使用FTP的U P5-6 (2)使用HTTP的URL (3)使用 Gopher的URL

7 徐 州 工 程 学 院 教 案 纸 1．1．3 HTTP 协议 1. 协议（Protocol） 在计算机网络中，要保证交换数据的准确性，就必须遵守一些事前约 定好的规则。这些规则明确规定了所交换数据的格式，以及有关的同步问 题。这种为进行网络中数据交换而建立的规则、标准或约定称为协议。P3 2. HTTP 协议 HTTP 协议（HyperText Transfer Protocol，超文本传送协议）是用 于将超文本从 WWW 服务器传输到本地浏览器的传送协议。从层次的角度看， HTTP 是面向事物的应用层协议，是 Web 上能够可靠交换数据的重要基础。 它可以使浏览器更加高效，减少网络传输。它不仅可以保证计算机能够正 确、快速地传输超文本文档，还可以确定传输文档中的哪一部分，以及哪 部分内容首先显示（如文本先于图形）等。这就是在浏览器中看到的网页 地址都是以 http://开头的原因。P4 1.2 网页设计基础 1．2．1 相关概念 1. 网页 从用户的角度看，网络提供了巨大的、遍及全球的电子文档，这些文 档的格式由超文本置标语言（HyperText Markup Language，HTML）定义， 支持指向其他文档、图像、音频或视频文件的超链接，并可以通过浏览器 浏览。这些存储在 Web 站点的文档称为网页，它是构成 WWW 的基本单位。 人们上网，有一半以上的时间都是在与各种网页打交道。网页上可以显示 文字、图片，也可以播放声音和动画，是目前 Internet 上最流行的信息发 布方式。P4 2. 主页 一个网站的起始网页称为主页（Homepage）。当你进入网站，连接到一 个 Web 服务器上时，首先显示的那一页就是主页。 3. URL Web 中用统一资源定位地址 URL（Uniform Resource Locator）作为标 识文档及其他资源的全球地址。URL 好比 Internet 的门牌号码，它可以帮 助用户在 Internet 的信息海洋中定位所需要的资料。P5—6 URL 的一般形式为： 访问方式：//服务器地址/端口号/路径/文件名 P5 URL 的访问方式、服务器地址、端口号、路径 （1）使用 FTP 的 URL P5—6 （2）使用 HTTP 的 URL （3）使用 Gopher 的 URL

徐州工程学院教案纸 对于主页制作者和站点管理人员来说,每一个URL的正确与否都是非 重要的,它与整个站点的完整性和可阅读性密切相关 1.2.2HTML语言 网页wW的基本文档,是用HTML编写的。HTM( Hyper Text Markup Language)即超文本置标语言,是一种用于网页制作的简单、通用的全置 标记语言,它允许网上出版者建立文本与图片相结合的复杂页面。HTML并 非一种编程语言,而是一些浏览器能够看懂的标记,它只能用来描述文档 的结构,而不能描述实际的表现形式。当网页中包含正常文本和HTML标记 时,浏览器便会“翻译”由这些HTML标记提供的网页结构、外观和内容等 信息,从而将网页按设计者的要求显示出来。这样,网上的其他用户无论 使用的是什么类型的计算机或浏览器,都能浏览到相同的页面,即网页。 所有的WwW文件都是由超文本标记语言HTML所创建的。在这种语言 中,可以使用各种标记对文件进行处理。这些标记决定了网页的外观、结 构和交互性等等,它们的共同之处就是都使用“<>”符号,例如段落标记 p>,图片标记等。但应注意的是,仅当HML文档以.html或.hm 为后缀时,浏览器才对该HML文档的各种标记进行解释,否则浏览器只能 看见原来的文本文件 在浏览器中,是看不到任何HTM标记的,但是在浏览器中所看到的网 页效果却都是由这些标记生成的。大多数情况下,在创建站点时并不需要 熟练掌握HTML,因为在 FrontPage2000这样的软件中,对于HTML的处理 是在幕后进行的,因而就掩盖了该语言的复杂性。 FrontPage2000的网页视图提供了3种显示方式:普通、HTML、预览 用户可以在“普通”方式下进行页面编辑,在“HTML”方式下查看HTM代 码,在“预览”方式下查看网页的显示效果,当然也可以在HML方式下进 行代码编辑,编辑后的效果同样可以在“普通”方式下显示出来,不过这 要求用户对HTML标记比较熟悉 网页的设计有两种方式:用源代码设计和利用工具设计。HM代码可 以用最简单的文本编辑器(例如记事本)来编辑,不过现在还使用最原始 的手工方法来编辑页面的开发人员几乎没有了,一般都使用各种HTM编 辑器。HML编辑器大大方便了开发工作,功能也发展到可以在“所见即所 得”的环境下工作。 HTML作为一种网页编辑语言,具有格式化文本、建立超链接、创建列 表、插入图像、以表格显示信息、加入多媒体、加入动画、交互式表单、 计数器等作用,给Web带来了无限的艺术生机和活力。另外,它是最基本 的网页制作方法,其他的专用网页编辑器,如 FrontPage, Dreamweaver等 都是以它为基础的。 8

8 徐 州 工 程 学 院 教 案 纸 对于主页制作者和站点管理人员来说，每一个 URL 的正确与否都是非 常重要的，它与整个站点的完整性和可阅读性密切相关。 1．2．2 HTML 语言 网页 WWW 的基本文档，是用 HTML 编写的。HTML（Hyper Text Markup Language）即超文本置标语言，是一种用于网页制作的简单、通用的全置 标记语言，它允许网上出版者建立文本与图片相结合的复杂页面。HTML 并 非一种编程语言，而是一些浏览器能够看懂的标记，它只能用来描述文档 的结构，而不能描述实际的表现形式。当网页中包含正常文本和 HTML 标记 时，浏览器便会“翻译”由这些 HTML 标记提供的网页结构、外观和内容等 信息，从而将网页按设计者的要求显示出来。这样，网上的其他用户无论 使用的是什么类型的计算机或浏览器，都能浏览到相同的页面，即网页。 所有的 WWW 文件都是由超文本标记语言 HTML 所创建的。在这种语言 中，可以使用各种标记对文件进行处理。这些标记决定了网页的外观、结 构和交互性等等，它们的共同之处就是都使用“”符号，例如段落标记 ，图片标记等。但应注意的是，仅当 HTML 文档以 .html 或 .htm 为后缀时，浏览器才对该 HTML 文档的各种标记进行解释，否则浏览器只能 看见原来的文本文件。 在浏览器中，是看不到任何 HTML 标记的，但是在浏览器中所看到的网 页效果却都是由这些标记生成的。大多数情况下，在创建站点时并不需要 熟练掌握 HTML，因为在 FrontPage2000 这样的软件中，对于 HTML 的处理 是在幕后进行的，因而就掩盖了该语言的复杂性。 FrontPage2000 的网页视图提供了 3 种显示方式：普通、HTML、预览。 用户可以在“普通”方式下进行页面编辑，在“HTML”方式下查看 HTML 代 码，在“预览”方式下查看网页的显示效果，当然也可以在 HTML 方式下进 行代码编辑，编辑后的效果同样可以在“普通”方式下显示出来，不过这 要求用户对 HTML 标记比较熟悉。 网页的设计有两种方式：用源代码设计和利用工具设计。HTML 代码可 以用最简单的文本编辑器（例如记事本）来编辑，不过现在还使用最原始 的手工方法来编辑页面的开发人员几乎没有了，一般都使用各种 HTML 编 辑器。HTML 编辑器大大方便了开发工作，功能也发展到可以在“所见即所 得”的环境下工作。 HTML 作为一种网页编辑语言，具有格式化文本、建立超链接、创建列 表、插入图像、以表格显示信息、加入多媒体、加入动画、交互式表单、 计数器等作用，给 Web 带来了无限的艺术生机和活力。另外，它是最基本 的网页制作方法，其他的专用网页编辑器，如 FrontPage,Dreamweaver 等 都是以它为基础的

徐州工程学院教案纸 .2.3浏览器 随着HIML不断增加新的功能,浏览器也必须跟得上其更新的步伐。 浏览器( Browser)是用于显示和作用于网页的软件。常用的浏览器有 Microsoft(微软)公司的 Internet Explorer(IE)和 Netscape(网景)公司 的 Netscape Navigator(现在包含在 Netscape Communicator软件包中) 1. Internet Explorer 5. 0 目前,微软公司的 Internet Explorer是最为常用的浏览器软件。利用它 可以进行网上漫游,也可以做查询、文件传输等工作。下面以 Internet Explorer5.0(简称IE5)为例,简单介绍如何使用浏览器浏览WWw网页 (1)启动和和退出IE5 (2)窗口介绍 (3)浏览WwW网页 2. Netscape Communicator P10--11 1994年4月,网景公司发布了它的浏览器软件 Netscape Navigator(通 常称为 Netscape),使 Internet用户可以方便地访问 Internet. Netscape自推 出后,很快地就以其强大的功能,友好方便的用户界面获得了广大用户的 好评,成为当时风行一时的浏览器,其市场份额曾经一度达到70%以上 同年10月,微软公司发布了它的浏览器软件 Internet Explorer(正) 并于1997年10月,将IE与 Windows操作系统捆绑出售,推出了我们习 惯称之为 Windows9η操作系统的升级版本。籍此,微软公司使IE浏览器 在浏览器市场中所占份额迅速扩大,并逐渐超过 Netscape Navigator 1998年6月25日,微软公司发布的新一代操作系统 Windows98实现 了与IE的完全融合。尽管在1998年11月24日,AOL(美国在线)公司 并购网景公司,并于2000年11月推出了新版的 Netscape软件 Netscape6, 但在此前的两年间, Netscape浏览器的升级一直落后于IE浏览器。微软公 司借助于 Windows操作系统挟带I浏览器席卷全球, Netscape的市场份 额则逐渐下降。1999年初, Netscape浏览器的市场份额从颠峰时期的70% 以上,下降到32%。到2001年中期, Netscape的市场份额就下降到了13% 2002年8月26日, Netscape浏览器的市场份额只剩下3.4%,创下了历史 最低记录。可以说,这个时候的 Netscape已经几乎完全被IE浏览器打败 了。虽然市场上还存在相当一部分的 Netscape支持者,但 Netscape已经难 以挽回败局了, Netscape浏览器几乎见不到了。 13网页开发工具 1.3.1网页编辑环境 从硬件上来讲,任何一台计算机都可以编辑网页,但要看到网页编辑

9 徐 州 工 程 学 院 教 案 纸 1．2．3 浏览器 随着 HTML 不断增加新的功能，浏览器也必须跟得上其更新的步伐。 浏览器（Browser）是用于显示和作用于网页的软件。常用的浏览器有 Microsoft（微软）公司的 Internet Explorer（IE）和 Netscape（网景）公司 的 Netscape Navigator（现在包含在 Netscape Communicator 软件包中）。 1. Internet Explorer 5.0 目前，微软公司的 Internet Explorer 是最为常用的浏览器软件。利用它 可以进行网上漫游，也可以做查询、文件传输等工作。下面以 Internet Explorer 5.0（简称 IE5）为例，简单介绍如何使用浏览器浏览 WWW 网页。 （1）启动和和退出 IE5 （2）窗口介绍 （3）浏览 WWW 网页 2. Netscape Communicator P10—11 1994 年 4 月，网景公司发布了它的浏览器软件 NetscapeNavigator（通 常称为 Netscape），使 Internet 用户可以方便地访问 Internet。Netscape 自推 出后，很快地就以其强大的功能，友好方便的用户界面获得了广大用户的 好评，成为当时风行一时的浏览器，其市场份额曾经一度达到 70%以上。 同年 10 月，微软公司发布了它的浏览器软件 Internet Explorer（IE）， 并于 1997 年 10 月，将 IE 与 Windows 操作系统捆绑出售，推出了我们习 惯称之为 Windows97 操作系统的升级版本。籍此，微软公司使 IE 浏览器 在浏览器市场中所占份额迅速扩大，并逐渐超过 Netscape Navigator。 1998 年 6 月 25 日，微软公司发布的新一代操作系统 Windows98 实现 了与 IE 的完全融合。尽管在 1998 年 11 月 24 日，AOL（美国在线）公司 并购网景公司，并于 2000 年 11 月推出了新版的 Netscape 软件 Netscape6， 但在此前的两年间，Netscape 浏览器的升级一直落后于 IE 浏览器。微软公 司借助于 Windows 操作系统挟带 IE 浏览器席卷全球，Netscape 的市场份 额则逐渐下降。1999 年初，Netscape 浏览器的市场份额从颠峰时期的 70% 以上，下降到 32%。到 2001 年中期，Netscape 的市场份额就下降到了 13%； 2002 年 8 月 26 日，Netscape 浏览器的市场份额只剩下 3.4%，创下了历史 最低记录。可以说，这个时候的 Netscape 已经几乎完全被 IE 浏览器打败 了。虽然市场上还存在相当一部分的 Netscape 支持者，但 Netscape 已经难 以挽回败局了，Netscape 浏览器几乎见不到了。 1.3 网页开发工具 1．3．1 网页编辑环境 从硬件上来讲，任何一台计算机都可以编辑网页，但要看到网页编辑