1、第四章 Web 开发的基本技术1 WWW（World Wide Web） 1.1 Internet 服务Internet 地址Internet 地址唯一地确定 Internet 上每台计算机与每个用户的位置。 Internet 地址有两种表示形式:IP 地址像电话有电话号码那样，接入 Internet 的计算机也有一个由授权机构分配的号码，即 IP 地址。IP 地址分前后两部分，前面部分叫网络号，后面叫主机号。例如，某计算机的 IP 地址为184.117.143.112域名由于 IP 地址的数字地址很难记忆，通常使用一个文字 IP 地址来表示，把它叫做域名。例如：, 其中：cn 代表中国，ed
2、u 表示教育机构，hnu 指湖南大学。1.2 Internet 提供的服务Internet 提供的常用的服务有：（一） 、电子邮件，即 E-maill 服务。（二） 、文件传输服务文件传输服务即 FTP 服务：（file transfer protocol） ，FTP 服务执行 TCP/IP 中的 FTP 传输协议，允许在计算机之间传送文件。提供 FTP 服务的计算机叫 FTP 服务器。从客户将文件传到 FTP 服务器的过程叫上传，从 FTP 服务器将文件传到客户机的过程叫下载。 （三） 万维网服务（World Wide Web 服务，简称 www 服务） （四） 、新闻公告类服务提供针对某问
3、题展开讨论的服务，如 BBS（电子公告牌） 、网络新闻组等。USENET 是规模最大的网络新闻组，它拥有数以千计的讨论组，在网上讨论各种专题。1.3 www 服务（万维网服务）万维网上不仅可以看到文字、图片,而且可听到声音、看到动画。www 服务是通过客户机上的 Web 浏览器和 Web 站点上的 Web 服务器之间的通信来实现的。信息以网页的形式存放在 Web 服务器上，用户在客户机上通过 Web 浏览器（是一个软件）向 Web 服务器发出请求，Web 服务器按此请求将需要的页面发送给用户。这些页面实际上都是一个个文件。用户直接看到的是文本信息本身，在浏览文本信息的同时，随时可以选中其中的“
4、热字”。热字往往是与上下文关联的单词，通过选择热字就可以链接到另外一个地址并看到其他文本的信息。HTML文件Web浏览器（软件） 客户机Internet上的Web服务器 Internet上的Web服务器访问链接的信息链接http协议用户Web服务器的工作原理1.4 网页和超文本（一）网页（Web page）网页是我们在网上用浏览器（如 Internet Explorer，简称 IE）看到的那些页面。在 www 系统中，信息是按超文本方式组织的。页面实际上都是一个个文件 。由若干互连的文本块组成的文本就是超文本（Hyper Text） 。超文本方式是实现 www 的关键技术。这些页面实际上都是一
5、个个文件。如果用鼠标点击页面（文本）上的热字（高亮度或带下划线的条目） ，就可以链接并打开另一个你希望看到的页面。这种由若干互连的文本块组成的文本就是超文本（Hyper Text） 。 页面上看到的信息单元可以是一屏文字，也可能是一个窗口，或者是一个图象。我们把每个信息单元称作一个节点（node） 。节点又有文字节点、图形节点、按钮节点之分。按钮节点用于执行一个过程，这些节点之间都是用链来连接的。（二）HTML 文件 （Hyper Text Markup Language）超文本文件是用超文本标语言（HTML，Hyper Text Markup Language）写的，它存放在WEB 服务器上
6、 。http 协议（Hyper Text Transfer Protocol） ， 即超文本传输协议， www 服务是执行 http 协议进行传输的。如：http:/ http:是协议类型，这里是检索文挡的超文本传输协议， 是服务器的主机域名， hnu 是湖南大学的代号。我们把 http:/ 称为是湖南大学的 www 服务器的 URL（统一资源定位器，其英文形式是 Uniform Resource Locators ） 。2 HTML2.1 用 HTML 做简单的网页超文本文件是由超文本标记语言写成。其文件的格式采用 ASCII 格式。ASCII 格式的文件本身其实是一种没格式的文件。为了在浏
7、览时能看到带有格式的文件，办法是把文档中各种不同的内容用不同的标记元素对其属性做上标记。所以，超文本是由标记和文本内容两者组成的。例如为了显示“ 网络营销” 四个大字，可按以下写出：这里：和是一对标记元素，用来改变字体大小。SIZE 和 FACE 是标记元素的属性，又称参数。SIZE 说明字的大小，从 1 到 7，数愈大，字愈大；FACE 说明字体。如果把这一句写到 记事本上做成 .txt 文件，再将其后缀.txt 改成 .HTML, 就做成了一个HTML 超文本文件。鼠标双击此文件，就能在屏幕上显示出 “网络营销” 四个大字。2.2 HTML 文档的一般结构网上手机市场你想要买手机吗?你可以
8、访问href=“http:/”手机 网站了解有关信息。这里：和表示超文本的开始于结束；和是超文本文件头的起止；和是超文本正文主体的起止；和是段落的起止； 和是定义超文本链接点的标记元素。2.3 常用的 HTML 标记元素 标记元素开始 标记元素结束 标记元素的功能注释标记锚元素，定义超文本链接点地址信息起止字体颜色加深基锚，说明链接的基地址字体闪烁块引用超文本正文主体的起止 回车换行标题，多用于表格元素间的内容居中表明其间的内容是引文或例证代码标记元素开始 标记元素结束 标记元素的功能文字缩格线缩格或不显示的标题符号回车换行，但不缩格强调，斜体且颜色加重变化字体大小和颜色交互项元素的起止展示页
9、的版面分割超文本文件头的起止与和等价画水平间隔线定义标题字体大小，n 值为 1-6超文本文的开始和结束字体为斜体标记元素开始 标记元素结束 标记元素的功能插入图形图像文件输入信息元素清单条目，多用于目录列表显示文本内容，但不执行标记命令字符移动方式控制资料说明下一个标识用序号显示一级标题段落的起止，也可以加空行按原文格式中划线用小号字表示字体颜色加重2.4 在网页中插入图片如果想在方才显示的屏幕上增加一个名为 gxkj.gif 的图形，只要在上述 HTML 文档中增加：IMG SRC= “gxkj.gif” width “20” height “15” 你想买手机吗？你可以访问手机网站了解有关
10、信息图片插入图片2.5 用 HTML 定义表格 表格名称第一标题列 第二标题列 第三标题列可以显示上图中所示表格的 HTML 文本：表格名称第一标题列 第二标题列 第三标题列3 FrontPage使用微软公司的 FrontPage WEB 编程工具可以做到在几乎不需要编写 HTML 代码的情况下，完成网页的制作，同时自动地生成 HTML 文件。 用 FrontPage 制作页面 网上手机商场产品价格表见http:/正按八折销售, 欢迎选购主页面产品号 产品型号 生产厂家 价格产品价格表对于上述两个表格，用 FrontPage 制作网页的步骤如下表所示：操作目的 操作步骤定义主网页 新建网页普通
11、网页确定网页名字并存储网页分区点击“插入表格” 按钮，做出 22 表格，并把表格实线变为虚线（办法是在表格上点击右键选属性后，将各数均改为 0） 。输入网页标题文字 方法类同用 WORD 写字，在左上格写上 “网上手机商场”几个字。插入照片 点击选图片钮用右键点图片点击图片属性外观尺寸（修改其大小） 。做动态字幕在右下格写“正按八折销售,欢迎选购”字样，选中后插入组件字幕字幕属性样式格式字体。点击预览，即可看到动态字幕。做被连接的网页 另外做一个被连接的网页（手机价格表） 。建立超超接，填URL 地址在主网页右上写“产品价格表见 http:/”,选中后，用右键点击选“超链接属性” ，填上 UR
12、L 地址（产品价格表所在地址） 。4 交互网页的制作 4.1 交互性标记元素 人机对话的表单接口界面 请提供以下信息，然后单击提交姓名：密码：提交 清除为了在浏览器上看到这个表单界面，就需要使用FORM 标记元素。FORM 可译作“表单” 。4.2 FORM 标记元素 当表单提交后，在 Web 服务器端被处理后将此页面返回给用户。5 ASP（动态服务主页）5.1 什么是 ASP？ASP （Active Server Pages）是微软公司为它的 WEB 服务器（互联网信息服务器，简称IIS）开发的一个组件（软件） 。它是一种实现动态网页开发技术的服务器端的开发环境。通过 ASP，我们能够将 H
13、TML 页面、脚本命令、ASP 内置对象和 Active X 组件结合起来，建立动态、交互而又高效的 Web 应用程序。ASP 可利用 ADO（Active Data Object）方便地访问数据库。 5.2 ASP 的工作原理 ASP 文件可以由以下几个部分组成：文本HTML 标记ASP 脚本命令等。其中 ASP 脚本命令可以包含：ASP 对象ActiveX 组件任何脚本语言（如 VB 脚本所言、JAVA 脚本语言等） 。ASP 脚本命令写在“%” 和 “% ”两个符号之间。ASP 文件实例：VB-SCR-EXM.ASP （在 两者之间是脚本文件）html head title手机市场标题/
14、title /head body % for i=3 to 7% Font size =%=i% 这里是手机市场！BR % next % /body /html这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！ 运行结果浏览器http请求http响应Web服务器ASPASP 文件的运行过程5.3 ASP 脚本编程 ASP 脚本命令的内容包括：1. 脚本语言可用 VBScript 写，也可用 JAVAScript 作为脚本语言。2.ASP 内置对象如 Request.。3. Active X 组件 ASP 支持的 Active X 组件包括 ASP 服务器本身附带的
15、内置组 件和用户自己创建的 ASP 组件。用户与 WEB 服务器之间的信息交互通过 HTML 中的 FORM（表单）来实现。用户与WEB 服务器之间的信息交互通过 HTML 中的 FORM（表单）来实现。 ASP 环境下处理数据实例( 提交) Tijiao.htm 请提供以下信息，然后单击提交。姓名：密码： ASP 环境下处理数据实例( 返回)Fanhui.asp对不起！您的密码不对。6 Web 数据库 ASP 可利用 ADO（Active Data Object）方便地访问数据库。 Web 数据库系统是指以 HTML 为代表的 Web 页面（即网页）与位于底层的数据库的集成。数据库管理系统解决 Web 页面和数据库之间的通信问题，开放式数据库连接器 ODBC 是一种编程接口，它能使应用程序访问支持 SQL 查询语言的数据库管理系统，实现与各种数据库的通信。
