徐州工程学院教案纸 的效果,就需要一个浏览器。因此,网页制作的硬件环境就是一台计算机 和一个能够正常运行的浏览器。 目前,专用的网页编辑器主要分为如下三大类。P11-12 1.完全的所见即所得工具 2.纯粹的HML代码编辑工具 3.混合型工具 1.3.2文件转换 网页是存储在文件中的,因此文件操作是非常重要的。网页文件必须 以.html或.htm为后缀名存盘才能被浏览器识别,但如果你已经用文本 文件、Word文档或其他文本编辑器编辑好了网页的内容,可以使用转换工 具很容易地将其转换成网页文件 FrontPage提供了这种功能,它既能将没有特殊格式的纯文本文件转 换成网页文件,也能将已编排好的Word文档转化成网页文件,只是在HTM 语言中将无法保持Word的编排效果 1.3. 3 FrontPage 2002 FrontPage2002是一个集创建、管理网站于一身的网页制作工具,支 持所见即所得的编辑方式,使用户不用编程就可以创建和管理具有专业水 准的 Internet/ Intranet网站。 FrontPage2002是目前世界上比较优秀的 网页制作与开发工具之一,它是微软公司于2001年推出的用于创建Web站 点的应用程序。 FrontPage2002是 Office XP中的一个重要组件,它即继 承了 FrontPage以前版本的功能,又采用了与 OfficeⅫP其他组件一致的 界面和操作方式。只要使用过 Office软件,就可以轻松掌握 FrontPage 2002的用法 FrontPage2002具有以下特点P12 FrontPage2002还具有其他新特点,在第6章将做更详细的介绍 FrontPage2000简介—— FrontPage2000是 Office2000的组成部分, 它是从 Frontpage98发展过来的,是微软公司推出的用于创建Web站点 的工具软件,推出后得到了网页设计人员的广泛使用,它在改进、完善前 期版本的基础上,又新增、扩展了许多功能,主要有以下几个方面 (1)HTM编辑功能 1)100%保留HTML源代码。在 FrontPage2000中可以放心地编辑己有 的HTML和脚本(甚至包括ASP程序) 2) Microsoft脚本编辑器。用内置的脚本编辑器可更加快速地编辑和 调试脚本,包括 JavaScipt和 VBScript (2)方便的数据库集成功能。 1) Access数据库连接 Frontpage可以方便地将 Access数据库和Data cess page溶入基于 FrontPage的Web页,站点访问者由此可以查看数
10 徐 州 工 程 学 院 教 案 纸 的效果，就需要一个浏览器。因此，网页制作的硬件环境就是一台计算机 和一个能够正常运行的浏览器。 目前，专用的网页编辑器主要分为如下三大类。P11—12 1. 完全的所见即所得工具 2. 纯粹的 HTML 代码编辑工具 3. 混合型工具 1．3．2 文件转换 网页是存储在文件中的，因此文件操作是非常重要的。网页文件必须 以 .html 或 .htm 为后缀名存盘才能被浏览器识别，但如果你已经用文本 文件、Word 文档或其他文本编辑器编辑好了网页的内容，可以使用转换工 具很容易地将其转换成网页文件。 FrontPage 提供了这种功能，它既能将没有特殊格式的纯文本文件转 换成网页文件，也能将已编排好的 Word 文档转化成网页文件，只是在 HTML 语言中将无法保持 Word 的编排效果。 1．3．3 FrontPage 2002 FrontPage 2002 是一个集创建、管理网站于一身的网页制作工具，支 持所见即所得的编辑方式，使用户不用编程就可以创建和管理具有专业水 准的 Internet/Intranet 网站。FrontPage 2002 是目前世界上比较优秀的 网页制作与开发工具之一，它是微软公司于 2001 年推出的用于创建 Web 站 点的应用程序。FrontPage 2002 是 Office XP 中的一个重要组件，它即继 承了 FrontPage 以前版本的功能，又采用了与 Office XP 其他组件一致的 界面和操作方式。只要使用过 Office 软件，就可以轻松掌握 FrontPage 2002 的用法。 FrontPage 2002 具有以下特点 P12 FrontPage 2002 还具有其他新特点，在第 6 章将做更详细的介绍。 FrontPage2000 简介——FrontPage2000 是 Office 2000 的组成部分， 它是从 Frontpage 98 发展过来的，是微软公司推出的用于创建 Web 站点 的工具软件，推出后得到了网页设计人员的广泛使用，它在改进、完善前 期版本的基础上，又新增、扩展了许多功能，主要有以下几个方面： （1）HTML 编辑功能。 1）100%保留 HTML 源代码。在 FrontPage2000 中可以放心地编辑已有 的 HTML 和脚本（甚至包括 ASP 程序）。 2）Microsoft 脚本编辑器。用内置的脚本编辑器可更加快速地编辑和 调试脚本，包括 JavaSceipt 和 VBScript。 （2）方便的数据库集成功能。 1）Access 数据库连接。Frontpage 可以方便地将 Access 数据库和 Data Access Page 溶入基于 FrontPage 的 Web 页，站点访问者由此可以查看数 据
徐州工程学院教案纸 库中的记录或向数据库添加记录 2)保存结果到数据库。这项特性使得数据库的创建和更新与创建表单 一样简单,用户可以方便地创建一个新的 Access数据库或者修改一个基 于网页上表单数椐的已有数椐库 (3)灵活的发布特性。 1)随处创建站点。现在用 FrontPage创建Web站点已不再需要专门的 站点服务器了,这一点对于广大的PC机用户来说,实在是一个福音,用户 可以在本地硬盘中创建完整的Web站点,制作、测试完毕后再将这个站点 发布到服务器上。 2)控制网页级发布。通过将特定网页设置为“不发布”或“只发布更 改过的网页”就可以决定要将哪些网页上载到服武器 3)随机发布。使用 FrontPage内置的FTP可以很轻松地将站点发布到 ISP( Intemet服务供应商),无论它是否安装了 FrontPage服务器扩展。 1. 3. 4 Macromedia Dreamwerver Dreamwerver是美国 Macromedia公司开发的集网页制作和管理网站于 体的所见即所得网页编辑器,是针对专业设计人员特别设计的可视化网 页编辑和管理工具。利用它,可以轻而易举地制作出跨平台、跨浏览器的 充满动感的网页 1. Dreamweaver的特点 2. Dreamweaver mx的新功能 Dreamweaver mx包含多种多样的新功能。例如,为可视化设计人员提 供的新型增强模板,以及多种新的编码功能。 Dreamweaver现在仍就包括 Dreamweaver UltraDev4的所有应用程序开发功能,并且提供了多种新功 能,其中包括从 Macromedia ColdFusion studio派生的代码中心工作区 更完善的运行时代码,以及对最新Web应用程序技术的支持。P13-14 1.3.5其他网页开发工具 1. Fireworks Fireworks是一个强大的网页图形设计工具,可以使用它来创建、编辑和 制作网络动画,增加先进的互动性,在专业环境中优化图像。在 Fireworks 中,任何物体在任何时候都是可编辑的,而且可以设置自动处理,以满足 更新和变化的要求。P14 2 Flash Flash是一个由 Macromedia公司发布的专用于制作矢量图形和交互式 动画的软件。目前,不论是商业网页还是个人网页,绝大多数都采用了 Flash技术。 Flash还被广泛应用于交互式软件开发、展示和教学等方面 在专业
11 徐 州 工 程 学 院 教 案 纸 库中的记录或向数据库添加记录。 2）保存结果到数据库。这项特性使得数据库的创建和更新与创建表单 一样简单，用户可以方便地创建一个新的 Access 数据库或者修改一个基 于网页上表单数椐的已有数椐库。 （3）灵活的发布特性。 1）随处创建站点。现在用 FrontPage 创建 Web 站点已不再需要专门的 站点服务器了，这一点对于广大的 PC 机用户来说，实在是一个福音，用户 可以在本地硬盘中创建完整的 Web 站点，制作、测试完毕后再将这个站点 发布到服务器上。 2）控制网页级发布。通过将特定网页设置为“不发布”或“只发布更 改过的网页”就可以决定要将哪些网页上载到服武器。 3）随机发布。使用 FrontPage 内置的 FTP 可以很轻松地将站点发布到 ISP（Intemet 服务供应商），无论它是否安装了 FruntPage 服务器扩展。 1．3．4 Macromedia Dreamwerver Dreamwerver是美国Macromedia公司开发的集网页制作和管理网站于 一体的所见即所得网页编辑器，是针对专业设计人员特别设计的可视化网 页编辑和管理工具。利用它，可以轻而易举地制作出跨平台、跨浏览器的 充满动感的网页。 1. Dreamweaver 的特点 P13 1）—6） 2. Dreamweaver MX 的新功能 Dreamweaver MX 包含多种多样的新功能。例如，为可视化设计人员提 供的新型增强模板，以及多种新的编码功能。Dreamweaver 现在仍就包括 Dreamweaver UltraDev4 的所有应用程序开发功能，并且提供了多种新功 能，其中包括从 Macromedia ColdFusion Studio 派生的代码中心工作区， 更完善的运行时代码，以及对最新 Web 应用程序技术的支持。P13—14 1．3．5 其他网页开发工具 1. Fireworks Fireworks 是一个强大的网页图形设计工具，可以使用它来创建、编辑和 制作网络动画，增加先进的互动性，在专业环境中优化图像。在 Fireworks 中，任何物体在任何时候都是可编辑的，而且可以设置自动处理，以满足 更新和变化的要求。P14 2. Flash Flash是一个由Macromedia公司发布的专用于制作矢量图形和交互式 动画的软件。目前，不论是商业网页还是个人网页，绝大多数都采用了 Flash 技术。Flash 还被广泛应用于交互式软件开发、展示和教学等方面。 在专业
徐州工程学院教案纸 多媒体制作软件 Authorware和 Director中,均可导入 Flash动画,而且 完全使用 Flash制作的多媒体教学软件也已经出现。 Flash在影视制作中 也同样大有可为 Flash的独特之处在于以下几个方面:P15-16 (1)文件数据量小 (2)所见即所得 (3)插件工作方式 (4)支持蒙板层操作 (5)支持事件响应和交互功能 (6)过渡动画变形效果 Dreamweaver, Fireworks和 Flash分别用于Web制作,Web图形处理 和矢量动画三个主要的网络创作领域。它们与其他 Macromedia公司的产 品,例如 Freehand, Director及其他常用的图形程序和HTML编辑器综合 使用,可以提供一整套网络解决方案,从而轻松地设计出丰富多彩、充满 动感的网页。 1. VBScript简介 VBScript是微软公司开发的一种脚本语言,它可以用来开发客户端和 服务器脚本, VBScript依靠解释器来逐行解释执行。该语言的语法是 i sual basic的一个子集,因此很容易学习,而且对很多程序员来说都很 熟悉。不过 VBScript中的部分功能被故意省去了,例如,客户脚本不能读 写用户计算机上的文件,这可以防止本地环境被破坏。 SCript的产生和发展,是与wwW的兴起密切相关的。微软在 Visual basic 的基础上,结合Web网页的特点,在它本公司的IE浏览器中推出了 VBScript脚本语言。为了抢占市场,微软不仅免费提供IE浏览器和 VBScript解释器,而且极力推行它的开放式标准,大胆公布解释器的源代 码,同时又通过与 Activex技术的结合来增强其功能。因此, VBScript得 到了很大的发展。目前, VBScript客户端程序只有 Intemet Explorer才 能解释,而 NetScape浏览器则不支持这种语言, VBScript服务器程序也 只有互联网信息服务器才能解释 2. JavaScript简介 JavaScript是建立在Java基础上的一种脚本语言,它的语法与Java十 分相似,因此对于熟悉C艹+、Java等语言的开发者来说, JavaScript就很 容易掌握。 JavaScript是Java语言与HML脚本语言结合的一种折中方 案。 JavaScript一经推出便受到了广大使用者的青睐,主要是因为 JavaScript有以下4大特点 (1)简单易学
12 徐 州 工 程 学 院 教 案 纸 多媒体制作软件 Authorware 和 Director 中，均可导入 Flash 动画，而且 完全使用 Flash 制作的多媒体教学软件也已经出现。Flash 在影视制作中 也同样大有可为。 Flash 的独特之处在于以下几个方面：P15—16 （1）文件数据量小 （2）所见即所得 （3）插件工作方式 （4）支持蒙板层操作 （5）支持事件响应和交互功能 （6）过渡动画变形效果 Dreamweaver，Fireworks 和 Flash 分别用于 Web 制作，Web 图形处理 和矢量动画三个主要的网络创作领域。它们与其他 Macromedia 公司的产 品，例如 FreeHand，Director 及其他常用的图形程序和 HTML 编辑器综合 使用，可以提供一整套网络解决方案，从而轻松地设计出丰富多彩、充满 动感的网页。 1． VBScript 简介 VBScript 是微软公司开发的一种脚本语言，它可以用来开发客户端和 服务器脚本，VBScript 依靠解释器来逐行解释执行。该语言的语法是 Visual Basic 的一个子集，因此很容易学习，而且对很多程序员来说都很 熟悉。不过 VBScript 中的部分功能被故意省去了，例如，客户脚本不能读 写用户计算机上的文件，这可以防止本地环境被破坏。 VBScript的产生和发展，是与WWW的兴起密切相关的。微软在Visual Basic 的基础上，结合 Web 网页的特点，在它本公司的 IE 浏览器中推出了 VBScript 脚本语言。为了抢占市场，微软不仅免费提供 IE 浏览器和 VBScript 解释器，而且极力推行它的开放式标准，大胆公布解释器的源代 码，同时又通过与 ActiveX 技术的结合来增强其功能。因此，VBScript 得 到了很大的发展。目前，VBScript 客户端程序只有 Intemet Explorer 才 能解释，而 NetScape 浏览器则不支持这种语言，VBScript 服务器程序也 只有互联网信息服务器才能解释。 2． JavaScript 简介 JavaScript 是建立在 Java 基础上的一种脚本语言 ，它的语法与 Java 十 分相似，因此对于熟悉 C++、Java 等语言的开发者来说，JavaScript 就很 容易掌握。JavaScript 是 Java 语言与 HTML 脚本语言结合的一种折中方 案。JavaScript 一经推出便受到了广大使用者的青睐，主要是因为 JavaScript 有以下 4 大特点。 （1）简单易学
徐州工程学院教案纸 JavaScript是在Java基础上建立的,对于大多数使用过Java与CH 语言的开发者来说,它显得十分简单,即使对于那些没有使用Java与C++ 的使用者来说,因为 JavaScript的语法、编程结构相对简单,它使用的是 非严格的数据类型,在一定程度上简化了Java使用时繁琐的变量说明:同 时 JavaScript是事件驱动式的语言,程序执行过程直观易懂。 (2)具有动态性 JavaScript采用事件驱动式的程序执行机制,不但使得程序执行起来 直观易懂,而且能出色地控制和响应程序过程中的动态事件。通过和HML 中Form对象、窗口对象、文档对象等的交互使用,可以响应客户端上的各 种事件 (3)与平台无关性 JavaScript源代码是作为HM文档页面的一部分被送至客户端流览 器的,到了浏览器后完全由浏览器进行解释、分析、识别和执行。只要客 户端安装了支持 JavaScript的浏览器,就可以运行用 JavaScript编写的 程序,因此脱离了与客户端软、硬件平台的直接关系,具有与平台无关性。 (4)非完全的面向对象性 严格说来, JavaScript并不是一种真正的面向对象的语言,但它却使 用了面向对象的思想和机制。例如, JavaScript的许多功能,就是通过脚 本环境中对象的属性、方法与脚本互相作用来实现的。这些对象包括常见 的窗口、文档、位置、历史以及Web页面中栽入的 Applet等 3.ASP简介 AsSP( Active Server Page)是微软于1996年推出的Web应用程序开 发技术。这一技术的兴起是 Activex技术在服务器端应用的必然结果,同 时它的出现也在Web开发领域引起了一场革命。微软把ASP描述为 个服务器的脚本环境,在这里可以生成和运行动态的、交互的、高性能的 Web服务器应用程序”。所以,ASP既不是一种语言,也不是一种开发工具, 而是一种技术框架,其主要功能是为生成动态的、交互的Web服务器应用 程序提供一种强大的方式或技术。ASP属于 Activex技术中的服务器端技 术,因此与通常的在客户端实现的动态主页技术如 Java Applet、 Active Control、 VBScript、 JavaScript等技术所不同,ASP的命令和脚本都在 服务器中解释执行,送到浏览器的只是标准的HTML页面。因此开发者不必 考虑浏览器的类型,也不必考虑浏览器是否支持ASP:而且,在浏览器端 看不到ASP源程序,程序的安全性得到了保证,开发者的利益得到了保护
13 徐 州 工 程 学 院 教 案 纸 JavaScript 是在 Java 基础上建立的，对于大多数使用过 Java 与 C++ 语言的开发者来说，它显得十分简单，即使对于那些没有使用 Java 与 C++ 的使用者来说，因为 JavaScript 的语法、编程结构相对简单，它使用的是 非严格的数据类型，在一定程度上简化了 Java 使用时繁琐的变量说明；同 时 JavaScript 是事件驱动式的语言，程序执行过程直观易懂。 （2）具有动态性 JavaScript 采用事件驱动式的程序执行机制，不但使得程序执行起来 直观易懂，而且能出色地控制和响应程序过程中的动态事件。通过和 HTML 中 Form 对象、窗口对象、文档对象等的交互使用，可以响应客户端上的各 种事件。 （3）与平台无关性。 JavaScript 源代码是作为 HTML 文档页面的一部分被送至客户端流览 器的，到了浏览器后完全由浏览器进行解释、分析、识别和执行。只要客 户端安装了支持 JavaScript 的浏览器，就可以运行用 JavaScript 编写的 程序，因此脱离了与客户端软、硬件平台的直接关系，具有与平台无关性。 （4）非完全的面向对象性 严格说来，JavaScript 并不是一种真正的面向对象的语言，但它却使 用了面向对象的思想和机制。例如，JavaScript 的许多功能，就是通过脚 本环境中对象的属性、方法与脚本互相作用来实现的。这些对象包括常见 的窗口、文档、位置、历史以及 Web 页面中栽入的 Applet 等。 3． ASP 简介 ASP（Active Server Page）是微软于 1996 年推出的 Web 应用程序开 发技术。这一技术的兴起是 ActiveX 技术在服务器端应用的必然结果，同 时它的出现也在 Web 开发领域引起了一场革命。 微软把 ASP 描述为“一 个服务器的脚本环境，在这里可以生成和运行动态的、交互的、高性能的 Web 服务器应用程序”。所以，ASP 既不是一种语言，也不是一种开发工具， 而是一种技术框架，其主要功能是为生成动态的、交互的 Web 服务器应用 程序提供一种强大的方式或技术。ASP 属于 ActiveX 技术中的服务器端技 术，因此与通常的在客户端实现的动态主页技术如 Java Applet、Active Control、 VBScript、JavaScript 等技术所不同，ASP 的命令和脚本都在 服务器中解释执行，送到浏览器的只是标准的 HTML 页面。因此开发者不必 考虑浏览器的类型，也不必考虑浏览器是否支持 ASP；而且，在浏览器端 看不到 ASP 源程序，程序的安全性得到了保证，开发者的利益得到了保护
徐州工程学院教案纸 14HTML40基础 1.4.1概述 HTML称为超文本置标语言。所谓超文本( Hyper Text),是一种含有 链接的文件,通过单击热点可以转向与之相链接的段落或网页;所谓标记 语言( Karkup language),是指用标记进行编辑作业的语言。通过标记标 注普通文本,指定文本或其他对象(如图像、声音等)的表示格式,从而 制作成超文本文件 从最开始的HTML1.0到现在的HTM4.0,HTML已经经历了多次的升级 现在的HTML5.0正在测试当中,同时 DHTML(动态), VHTML(虚拟), SHTML 等也在飞速发展 HTML4.0是W3C于1997年12月公布的版本,与HML3.2相比,在6 个方面做了增强:P17 (1)国际化 (2)易用性 (3)表格 (4)复合功能 (5)风格单 (6)脚本( Script) 1.4.2HML标记 1.标记 标记是描述HML文件结构的标识符。它规定了HTML文件的逻辑结构 并且控制主页的显示方式。 (1)标记的功能 HTML标记的功能是标记文件结构,设定文字、图像、表格、表单等在 浏览器上的显示风格及位置,嵌入脚本,实现动态主页及多媒体主页等 (2)标记的构成及属性 HTML文件都是以标记<HTM>开始、以标记</HTML>结束。<HTML>位于 文件的开头,表明文件是一个.html文件:</HTM>位于文件的末尾,表示 个.htm1文件的结束。头部和主体含在开始标记<HTM>和结束标记 </HTML>之间。 标记是由符号<-->、</--及括在其中的命令字符串组成。标记有双标 记和单标记之分。双标记包括开始标记和结束标记,必须成对出现。例如 <HTML>和</HM>是文件的开始标记和结束标记,<BODY>和<BODY>是主页 内容的开始标记和结束标记。单标记只有开始标记而没有结束标记。例如 标尺线标记<HR>就只有开始标记而没有结束标记。另外,有的标记例如<P> (分段标记)
14 徐 州 工 程 学 院 教 案 纸 1.4 HTML4.0 基础 1．4．1 概述 HTML 称为超文本置标语言。所谓超文本（Hyper Text），是一种含有 链接的文件，通过单击热点可以转向与之相链接的段落或网页；所谓标记 语言（Karkup Language），是指用标记进行编辑作业的语言。通过标记标 注普通文本，指定文本或其他对象（如图像、声音等）的表示格式，从而 制作成超文本文件。 从最开始的 HTML1.0 到现在的 HTML4.0，HTML 已经经历了多次的升级。 现在的 HTML5.0 正在测试当中，同时 DHTML（动态），VHTML（虚拟），SHTML 等也在飞速发展。 HTML4.0 是 W3C 于 1997 年 12 月公布的版本，与 HTML3.2 相比，在 6 个方面做了增强：P17 （1）国际化 （2）易用性 （3）表格 （4）复合功能 （5）风格单 （6）脚本（Script） 1．4．2 HTML 标记 1. 标记 标记是描述 HTML 文件结构的标识符。它规定了 HTML 文件的逻辑结构， 并且控制主页的显示方式。 （1）标记的功能 HTML 标记的功能是标记文件结构，设定文字、图像、表格、表单等在 浏览器上的显示风格及位置，嵌入脚本，实现动态主页及多媒体主页等。 （2）标记的构成及属性 HTML 文件都是以标记<HTML>开始、以标记</HTML>结束。<HTML>位于 文件的开头，表明文件是一个.html 文件；</HTML>位于文件的末尾，表示 一个.html 文件的结束。头部和主体含在开始标记<HTML>和结束标记 </HTML>之间。 标记是由符号<┅>、</┅>及括在其中的命令字符串组成。标记有双标 记和单标记之分。双标记包括开始标记和结束标记，必须成对出现。例如 <HTML>和</HTML>是文件的开始标记和结束标记，<BODY>和</BODY>是主页 内容的开始标记和结束标记。单标记只有开始标记而没有结束标记。例如 标尺线标记<HR>就只有开始标记而没有结束标记。另外，有的标记例如<P> （分段标记）