Web编程实用技术教程第二版第1章Internet的基础知识.ppt

1、第1章 Internet的基础知识,Web编程实用技术教程,学习目标,了解Internet的基本概念，发展方向及其重要性； 了解Internet的工作原理及其TCP/IP协议的重要性； 理解WWW的含义，重要性及应用； 掌握Web技术及B/S模式； 学会用Dreamweaver创建及管理网站。,目录,1.1 Internet的概述,1.2 Web技术和应用,1.3 建立和管理本地站点,1.1 Internet的概述,一、Internet简介 Internet（因特网）是全世界范围内千百万台计算机组成的全球信息网络。Internet原本网间网之意，由于它的国际性，又被称为国际互联网。,1Inte

2、rnet与Intranet概念 （1）Internet与计算机网络 计算机网络提供的服务主要是：,二、Internet的工作原理（TCP/IP协议）,提供计算机间的通信 提供计算机间的资源共享 提供计算机分布计算,计算机网络的分类：,局域网（LAN） ：地理连接紧密的 广域网（WAN）：地理连接遥远,LAN：可只使用网内设备的计算机网，如：校园网、实验室的内部网、工厂的内部网等。 WAN：将不同的局域网连接起来，局域网间连接采用路由器连接。,计算机 计算机 计算机,计算机 计算机 计算机,LAN1,LAN2,LAN3,LAN4,Router,路由器提供一个网络到另一个网络间的数据链路或路由选择

3、。 Internet是通过众多的Router将无数的局域网 连接起来的广域网。 Internet还是一个用户可使用的多种服务集合。 包括：电子邮件、WWW、IRC交谈等功能。 Internet也是全世界千百万人聚集在一起交流 思想、观点，共享资源的地方。,（2）Intranet（内网）一个因特网Web站点的结构与一个内网Web站点的结构是非常相似的。两者间主要的区别在于所涉及的网络范围不同。内网Web站点只能由一个或几个机构的特定用户访问，而一个因特网站点却可以由全世界的千百万人访问。,2、Internet的工作原理（TCP/IP通讯协议） TCP/IP：传输控制协议互联网络协议 （1) 通信

4、协议的层次结构 计算机通信协议具有层次化原则 图际标准化组织公布的ISO/OSI参考模型分七层： 物理层、数据链路层、网络层、传输层、会话层、表示层和应用层。 TCP/IP的优点：结构简单、容易实现和功能可靠 (TCP/IP协议四层结构),TCP/IP协议采用的通信方式是分包交换方式。 所谓分包交换即是数据在传输时要分成若干段，每个数据段称为一个分包（packet）。 TCP/IP的基本传输单位是数据报（datagram）。 可以把数据看成是一封长信，分装在几个信封中邮寄出去。TCP/IP协议实际上主要包括两个最主要的协议，即TCP协议和IP协议。,（2）TCP/IP协议的数据传输过程： 首先

5、由TCP协议把数据分成若干数据报，给每个数据报加上一个TCP信封（即报头），上面写着数据报的编号，以便在接收端把数据还原成原来的格式。 IP协议把每个TCP信封再套上一个IP信封，在上面写上接收主机的地址。一旦准备好IP信封就可以在物理网上传送数据了。,这些IP信封可以通过不同的传输途径（路由）进行传输。由于路径不同，再加上其他以外的原因，可能出现顺序颠倒、数据丢失、数据失真等现象。这些问题都由TCP协议来处理，它具有检查和处理错误的功能，必要时还可以请求发送方重发。 简言之，IP协议负责数据的传输，而TCP协议负责数据传输的可靠传输。,（3）TCP/IP协议族的基本功能,其中最重要的协议有：

6、 简单邮政传输协议SMTP：主要用来传输电子邮件 域名服务DNS和域名服务协议DSP：域名是IP地址的文字表现形式 文件传输协议FTP：主要用来进行远程文件传输。 远程登录Telnet：用来与远程主机建立仿真终端。 用户数据报协议UDP：该协议可以代替TCP协议与IP协议和其他协议共同使用。利用UDP协议传输数据时不必使用报头，此外它也不处理丢失、出错和失序等意外情况。,（4）TCP/IP协议的特点： 普遍适用于各种硬件平台，从微型机到巨型机均可使用 效率高：通信协议在层次化上作了简化 可靠性高 有丰富的软件产品形式 许多重要部门都使用 低层结构的屏蔽，不必了解硬件连接细节，用户界面独立于网络

7、 对网络结构没有规定，易扩充,1、IP地址的意义 在Internet的通讯协定中，必须为每台上线的计算机主机设置一个唯一的地址（IP地址），以便于数据能正确传到终点。 在TCP/IP协议中，规定分配给每台主机一个 位数作为该主机IP地址。将位数中每8 位为一组,用十进制表示，用点号分割各部分。 最小值为 0,最大值为255，因此，IP地址范围为 到55。,三、 Internet的IP地址与域名规定,IP 地 址 IP地址四个字节表示为 X.Y.Z.K,IP地址分类,分为三部分：类别标志（可用X表示）、网络号和主机号,2、域名（Domain Name）的意

8、义 （1）域名通常是指用户所在的主机名字或地址。 （2）任何一个连接在因特网上的主机或路由器，都有一个唯一的域名。 为了便于记忆，用一组英文简称来代替难记的IP地址。 Domain Name的命名基本原则如下： 要以字母开头 不分大小写 每一层区域一点号（.）分隔 除了最左边的表示机器外，其余的都表示层次 整个区域名称长度不超过255个字符 在Internet上将域名转换成IP address，以提供用户查询、辨识且连上网络主机的服务成为DNS。,（3） 域名的命名机制 一个域名可由几个部分（子域名）组成，按照从自身向上至顶层域的路径命名，中间用圆点“.”分隔。每个子域名都有其特定的含义。其中

9、最重要的顶级域在右边，最左边是主机名，中间为子域名。从右到左，子域名分别表示不同地区或国家名称、组织类型、组织名称、分组织名称和计算机名称等。 如： 其中：cn：中国 edu：教育机构 nwpu：一个学校的名称 ncti：该学校中一个系或研究所的名称,域名的定义域名是层次化的，成树状结构（倒挂树），名称的最右边节点在树的上层，左边节点则在下层。其结构为： 根 在根下的顶级（top）域名 在某个顶级域名下的第二级域名 在某个第二级域名下的第三级域名 叶：主机域名,常用根区域名称及说明,1.2 Web技术和应用,一、Web的概念 Web是World Wide Web的简称，所以又称为3W、W3、W

10、WW，中文一般译为万维网。 起源：由欧洲粒子物理实验室的工作人员开发，目的是为科研人员共享学术信息提供有效途径。 发展：作为一种通用的信息检索和服务手段。,构成 Web体系结构的基本元素： Web服务器 Web浏览器 与服务器之间的通信协议HTTP 写Web文档的语言HTML 用来标识Web上的资源的URL,Web的工作过程,浏览者在本地计算机通过浏览器向Web服务器发出URL请求，Web服务器收到请求后将所需内容发送回本地计算机，再由浏览器解释执行。,定义： 就是我们常说的“网址”或URL地址。URL可以看成是一个指针，用来指定因特网上的一个具体的网络空间，使得用户可以用一个统一的方法去寻找

11、和存取 Web上的信息资源。 包括的信息： 怎样去检索文档； 从哪台计算机上检索； 在哪台计算机上哪个文件夹（路径）可找到需要的文档； URL的统一格式为： 方式：/主机名:/地点/文件名#锚点,统一资源定位器（URL）,、检索方式：（协议服务） 是URL中开头到冒号结束的部分。 分类： a、http:超文本传输协议，是Web专用。 b、FTP:文件传输协议，实现不同主机资源共享的方式 和手段。(上传、下载) c、 File:本地文件传输协议 Gopher: News: mail to: telnet: 、主机地址（域名）： URL的下一项指的是希望到达的主机名字。也可用IP地址表示。,、路径

12、： 在计算机名后面，从第一个斜杠到最后一个斜杠之间的部 分代表信息路径，指明文档存放在计算机的什么地方。 、文件名字： URL 最后的部分代表要查找文件的名字。其文件的名字也 是由文件名和扩展名组成。 补：web中常见的文件类型及定义 .html ：正式的web页 .txt或.text ：纯文本文件 .gif或.jpeg ：图片文件 .wav或.au ：声音文件 .avi或.mpeg ：电影文件（视频文件） 例如：,通信协议HTTP HTTP是用来在互连网上传输文档的协议,它是Web上最常用的、最重要的协议，也是Web服务器和Web客户之间传输Web页面的基础。 HTTP是建立在TCP/IP之

13、上的应用协议，它是一种请求/应答式的协议。浏览器通过HTTP向Web服务器发送一个HTTP请求，Web服务器收到这个请求后，执行客户所请求的服务，生成一个HTTP应答返回给客户。 HTTP本身处在不断完善和发展的过程中。,超文本标记语言HTML HTML是Web诞生与发展的要素之一，它的作用是使得Web页面能显示在任何支持HTML的浏览器中，而与连网的机器平台无关。 HTML并不是一个程序设计语言，而是一种标记语言，它所提供的标记是由SGML(Standard Generalized Markup Language)定义的。SGML是由ISO（国际标准化组织）在1986年推出的一个用来创建标记

14、语言的标准。HTML的基础是SGML，但HTML比SGML更容易学习和使用。 HTML提供的链接机制是Web的本质特性之一。 由于XML具有比HTML更多的优越性,它已经逐渐成为网页制作的主要标记语言而与HTML并重。,Web服务器 Web服务器主要提供HTTP服务。 原来Web服务器只提供“静态”内容，即返回URL里指定的文件内容。现在可以采用多种技术，如采用CGI（通用网关接口）或ASP.Net或JSP技术等，从一个运行程序里得到“动态”内容。 Web服务器通常还具备连接数据库的功能，FTP服务功能及代理服务的功能。,Web浏览器 Web客户通常指的是Web浏览器，像Netscape Na

15、vigator和Microsoft internet Explorer（即IE）等。 这些浏览器能理解多种协议，如HTTP 、FTP，也能理解多种文档格式，如text、HTML、JPEG、XML等格式的文档。 这些浏览器还能根据Web页对象的类型调用相应的外部应用程序，以完成Web指定的任务。 所谓Web页是一个文档。Web页的表现形式是多种多样的，它包含不同的文字、不同的颜色、不同的链接、漂亮的图像、闪烁的画面、快速反应的查询结果等等,上图是一个典型的Web页,二、B/S模式与动态网页,动态页面是由Web服务器(Web Server)根据客户的请求在运行时刻产生的Web页面。 静态页面并不是

16、在客户发出请求之后产生的，通常事先存放在Web服务器的文件系统中。 与提供静态页面相比，动态页面的生成需要服务器做更多的事情。,随着浏览器技术的发展，用户通过浏览器不仅能进行超文本的浏览查询，而且还能收发电子邮件，进行文本的上传和下载传输等工作，也就是说用户可以在浏览器统一的界面上完成各种服务和应用。由此一种新的网络计算模式在90年代中期逐渐形成和发展起来，这种基于浏览器、WWW服务器和应用服务器以及数据库服务器的计算结构称为B/S（浏览器/服务器）计算模式。 这种新型的计算模式继承了原来传统的C/S模式（客户/服务器）计算模式中的网络软、硬件平台和应用，并具有传统C/S计算模式所不及的很多特

17、点，如开放性、与软硬件平台的无关性、应用开发速度快、生命周期长、应用扩充能力强、保护用户投资、系统维护升级方便等。 正是因为具备这些特点，B/S计算模式目前已经成为企业网的首选应用模式。,B/S结构的特点：一种多层次的网状结构网络用户在基于浏览器的客户机上以网络用户界面(NUI)多对多的方式来访问应用服务器上的资源。用户访问应用服务器资源以动态交互或互相合作的方式进行。 在B/S模式中主流语言：Java、C#、VB.Net、HTML、XML和各种脚本语言等。,B/S计算模式的应用程序系统可以应用于Internet/Intranet，其结构、主要技术和应用三个方面的发展在2000年前可以分为三个

18、阶段： 第一阶段（1997年以前 ） ：连接Internet，建立站点，提供给用户Internet服务，此阶段用户通过HTML在Web Server上发布信息，通过浏览器URL访问网上资源和获取Internet服务。本阶段一般称为“静态Web技术”阶段。 第二阶段 （19971998年 ）：企业构建企业内部网络Intranet，在Internet平台上建立了基于访问数据库和工作流应用基础上的OA（办公自动化）和MIS（管理信息系统）系统。 本阶段的关键技术为动态Web访问技术。在动态Web、HTML及Java的支持下，浏览器通过Web Server（例如，IIS或 Apache）连接数据库，达

19、到用户通过浏览器动态交互地访问数据库资源，这是本阶段上要的技术特征。,第三阶段 ：以电子商务应用以及分布式合作与事物处理。为了实现这个阶段的应用，必须解决应用中的实时性、可伸缩性、可扩展性、更高的安全性等问题，因此这个阶段有时又称为“实时Web技术”阶段。,中间件是在计算机硬件和操作系统之上，支持应用软件开发和运行的系统软件，它能够使应用软件相对独立于计算机硬件和操作系统平台，为当今的大型分布式应用搭起了一个标准的平台，把大型企业分散的系统和技术组合在一起，实现大型企业应用软件系统的集成。 流行的中间件的解决方案有通用网关技术（CGI）、应用编程接口（API）、ASP(现在已经是ASP.Net

20、)、JSP等几种技术。,CGI是一种Web站点上可以用来访问Web站点的用户交互的各种程序的标准，使用CGI脚本允许用户进行浏览器与服务器上的数据库交互，完成对数据库的各种操作。几乎使用的服务器软件都支持CGI，开发者可以使用任何一种Web服务器内置语言编写CGI，包括Perl语言，C，C+，VB和Delphi等。CGI的工作原理如下图：,CGI、ASP、JSP等 IE 等 IIS、Apache等 B/S模式的结构,HTTP 中间件,由上图可以看到，浏览器通过Web页面的表单搜索参数，这些参数通过HTTP传递到Web服务器，在服务器通过CGI脚本分析参数（命令行参数或环境变量），同时启动应用程

21、序，把分析后的参数转化为SQL命令，交数据库服务器(Data Base Server)执行，然后CGI程序返回处理结果给Web服务器，最后向客户机返回HTML或纯文本格式的结果并断开连接。CGI缺点是执行速度较慢，Web服务器每启动一个数据查询服务，就必须启动一个新的CGI进程，相对服务器资源代价比较高。,微软公司的ASP(Active Server Page)技术甩开了 CGI、API等复杂技术，集HTML、ODBC数据库和其它新技术于一身，实现了网页的可编程化。ASP提供了一种简单易学的脚本制作语言，并带有许多内置的对象，从而大大简化了Web应用程序的开发工作。 ASP技术现已发展到ASP

22、.Net 。 Sun公司的JSP(JavaServerPages)是一种基于Java的脚本技术。 JSP将内容表达与数据生成的分离，数据的生成由服务器端的其他组件(如JavaBeans)来处理，JSP主要处理内容的表达，从这些生成的数据中抽取有关内容，并把它们合并到某个HTML文档中。,动态产生的内容通常来自服务器端的数据库。因此，需要数据库访问技术的支持，常用的是ODBC和JDBC。ODBC是一个语言无关的应用编程接口，使应用能采用SQL之类的语言对数据库进行操作。JDBC类似于ODBC，只不过提供的是Java和SQL的接口。采用JDBC很容易用SQL语句访问异构数据库，如通过JDBCAPI

23、，只需编写一个JDBCAPI，就可以把SQL查询语句送往Sybase、Oracle或Informix数据库，同时采用Java语言编写应用程序，使它具有平台无关性。 采用JDBC技术其工作方式为：客户端首先访问Web服务器，下载Java字节码文件，并将Applet相关类的字节码文件和JDBC接口字节码文件下载到客户端，然后与Web服务器脱离，接着Applet根据数据库地址，端口号和账号与数据库服务器连接进行交互，这样用户与数据库服务器的交互是由浏览器直接完成的。,Java与数据库的连接机制与CGI和API有所不同，在客户机上运行JavaApplet通过JDBC技术可以绕过Web服务器直接和数据库

24、服务器连接，并直接把带有结果的HTML页返回客户机浏览器。,JSP的Servlet技术原理,浏览器,象ODBC一样，JDBC提供给程序员的编程接口是由两部分组成： 一是面向应用程序的编程接口JDBCAPI，它是为应用程序员提供的： 二是供底层开发的驱动程序接口JDBCDriverAPI，它是各个商业数据库厂商提供的。 目前，JDBC已经得到了许多厂商的支持，包括Borland，IBM，Oracle和Sybase等公司，当前流行的大多数数据库系统都推出了自己的JDBC驱动程序。,建立一个本地站点：实质上就是在本地计算机的硬盘上建立一个文件夹，将所有的网页和相关文件都存放在该文件夹中，以便进行页面

25、的制作和管理。,1.3 建立和管理本地站点,作为一个网站，里面有很多不同类型的文件，如文档、网页、图像、声音等。如果不进行分类组织，而任它们分散在硬盘的各个地方，则网站很可能杂乱无章，不便进行管理和更新。 因此，在建立站点之前，最好对要建立的站点结构进行清楚的规划，即在站点的根文件夹下建立一个合理的文件结构来存放所有与网站相关的资料。也就是说，整个站点是一个大的文件夹，其中包括许多小文件夹，分别存放站点中不同类型的文件。根据不同的规划原则可用两种不同的结构规划站点：,一、规划站点结构,1. 按照文件的类型对文件进行规划 这是不同类型的文件分别存放在不同的文件夹中。 以“计算机工程系”网站为例。

26、其中，Computer1为站 点的根文件夹，根文件夹下的各个子文件夹（从上 到下）分别用来存放站点的实例、图像、声音、素 材、特效代码文件等。,以“计算机工程系”网站为例。其中，Computer为站点的根文件夹，根文件夹下根据网站不同的主题可分为department、info、office、student、teacher等栏目，每个栏目分别对应不同的内容。每个主题所有文件都存放在相应的文件夹中，然后再进一步细分文件类型。,2. 按照主题对文件进行规划,注意： 站点结构不是固定不变的，因此要根据实际需要建 立合理的站点结构，应注意以下几点： 网站的首页文件（通常是index.html或defau

27、l.htm）必须放在站点的根文件夹下； 网站使用的所有的网页和相关文件都必须存放在站点的文件夹或子文件夹下，但不要将所有的文件都存放在根文件夹下，以免造成文件管理混乱 文件夹的层次不要太深，一般不要超过3层，以方便维护管理。,以“成都工业学院的计算机工程系”网站为例创建本地站点。首先在E盘上建立本地站点文件夹，其方法同建立一般文件夹一样： 打开Windows的资源管理器； 在盘的根文件夹下建立一个文件夹“Computer”，在Computer下建立一个子文件夹student用来存放“计算机工程系”网站中“学生专区”栏目的有关文件，然后再在student文件夹下建立下级子文件夹，如images、

28、sounds及htm等。同样，在Computer下建立其他各个文件夹。,二、创建本地站点,建立了本地站点文件夹后，接下来可以对本地站点进行定义。 (1) 启动Dreamweaver，在菜单栏中选择“站点”“新建站点”命令，打开“站点定义”对话框，单击“高级”标签 ，如下图所示。,(2) 此时的对话框在左边的“分类”列表中已选择了“本地信息”选项，在对话框的右边进行下列操作： “站点名称”文本框中输入所定义的网站名称，例如“计算机工程系”。这里站点名称只是一个标识，可以用中文名称。 单击“本地根文件夹”文本框后面的文件夹按钮，打开文件夹选择窗口。此时选择E盘的“Computer”文件夹，然后单击

29、“选择”按钮。返回到站点定义对话框中，可以看到“本地根文件夹”文本框中显示了刚才选择的文件夹“E: Computer ”。 “自动刷新本地文件列表”选项默认情况下已被选中，这表示当往本地站点中复制文件，或者是删除文件时，都会自动刷新站点窗口中站点文件列表。, 在“HTTP地址”框中可以输入本网站要使用的网址。由于一般使用其他专门的传输工具，故此项可以不填写。 “启动缓存”选项默认情况下被选中，这表示创建高速缓存以加快链接和网站管理的处理速度。当对文件进行改名、移动、删除以后，原来指向这个文件的链接会断开，有了缓存就可以及时发现问题，并加以纠正。 (3)设置完毕，单击“确认”按钮，站点的定义就完

30、成了，自动建立了一个空白站点。此时会打开站点管理器窗口 ，如下图所示。,在Dreamweaver中，可以对本地站点进行多方面的管理，如新建、打开、复制、编辑、删除等。 编辑站点还包括对站点的编辑、复制、删除、导出和导入，操作步骤如下：,(1) 在菜单栏中选择“站点”“编辑站点”命令，打开“编辑站点”对话框 ，如右图所示； (2) 在对话框的右边，根据需要单击相应的按钮来操作即可； (3) 操作完毕，又回到编辑站点对话框中，再单击“完成”按钮，进行确认并关闭对话框。,三、编辑站点,站点管理器不仅用于打开具体的站点，还主要用于管理站点内的文件和文件夹，可对站点内的文件进行新建、打开、更名、编辑、删

31、除和定位等基本操作，并可检验对象的链接情况，自动修复其他页面指向这个对象的链接。同时还自带FTP功能，能完成站点内文件的上传和下载，进行站点的发布和远程管理。,四、使用站点管理器,1. 显示站点管理器 通过以下几种方式可以显示站点管理器： (1) 在菜单栏中选择“窗口”“站点”命令，或按F8键； (2) 在菜单栏中选择“站点”“站点文件”命令，或按F8键。,站点管理器,2. 打开站点 在本地计算机上建立了多个站点时，可以通过下列方法确保打开正确的站点，操作步骤如下： (1) 打开站点管理器； (2) 在站点管理器工具栏中的“站点”下拉菜单中选择将要打开的站点名称，如“计算机工程系”； (3)

32、选中该站点的文件夹“E: Computer”，单击右键，从弹出的快捷菜单中选择“打开”命令即可，或双击该文件夹。,3. 操作站点文件 利用站点管理器可以对本地站点中的文件夹和文件进行创建、 打开、移动、复制等操作。其操作类似于Windows资源管理器 中的操作，同时支持右键菜单。 例如，在本地站点的根文件夹下创建一个新文件，操作步骤 如下： 通过站点管理器打开需要操作的本地站点“计算机工程系”； 在站点管理器的窗口选中欲操作文件夹“E: Computer” ，单击右键，从弹出的快捷菜单中选择“新建文件”命令即可，或在站点管理器的菜单栏中选择“文件”“新建文件”命令即可。 此时刚被创建的文件名称

33、区域处于编辑状态。输入文件名“index.htm”，单击输入区外任意位置，即可完成对文件名的命名。 在此建立的文件内容为空，以后可以通过编辑页面来添加内容。,4. 设置网站首页 首页是用户登录网站后显示的第一个页面，在制作中要首先设置。通常使用Default或Index作为首页的文件名，常用的有：Default.htm、Default.asp、Index.html、Index.asp等。,把某个网页设置成首页的方法有以下几种：,(1) 在站点管理器中选中“index.htm”文件，单击右键，从弹出的快捷菜单中选择“设为首页”命令即可； (2) 在“编辑站点”对话框中单击“编辑”按钮，打开站点定

34、义对话框。在站点定义对话框的左边“分类”列表中选择“站点地图布局”选项，如右图所示。然后再单击“首页”文本框右边的按钮 选择“E: Computer index.htm”即可。,5. 显示站点地图 站点地图实际上是一个网站架构图，它以图形化的方式直接显示站点的结构以及当前站点中网页之间的链接关系。利用站点地图还可以构建文档之间的链接。 例如，显示“计算机工程系”网站的站点地图，操作步骤如下： (1) 在站点管理器工具栏中的“站点”下拉列表中选择“计算机工程系”站点； (2) 在站点管理器工具栏中的“视图”下拉列表中选择“地图视图”选项；或者在站点管理器的菜单中选择“视图”“站点地图”；或者在主

35、菜单中选择“站点”“站点地图”即可。,1. 新建网页 每次启动Dreamweaver后，总是自动打开一个空白文档，相 当于新建一个网页。可以在文档窗口直接输入文本等。,如果在编辑一个网页的同时，还想新建另一个网页，可在菜单栏中选择“文件”“新建”命令，或者按快捷键Ctrl+N。,五、操作网页文件,2. 保存网页 编辑好了网页内容就该保存。在保存网页需注意，网站中的所有网页、图像等文件都应该保存到本地站点内，因为将来要上传到Internet上的是一个结构完整的网站，而不是一个单独的网页。保存网页分三种情况：首次保存当前网页、直接保存已存在的网页和保存当前网页的副本。,(1) 首次保存当前网页，操

36、作步骤如下： 在菜单栏中选择“文件”“保存”命令或者按Ctrl+S键，弹出“另存为”对话框，如下图所示；, 在“保存在”列表框中，确定要把文件保存在哪个文件夹下。 在“文件名”文本框中输入要保存网页的文件名，其命名最好能“见名知意”。 单击“保存”按钮，关闭“另存为”对话框，回到文档窗口。,注意：网页没有存盘时，文档窗口标题栏的圆括号内显示的文件名为Untitled-1*；而一旦网页存盘之后，文档窗口标题栏的圆括号内就显示当前网页的文件名为（first.htm）及其所在的文件夹名（example）。 (2) 要想直接保存已存在的网页，操作很简单，则在菜单栏中选择“文件”“保存”命令或者按Ctrl+S键即可。