《第四章 Web开发的基本技术》由会员分享，可在线阅读，更多相关《第四章 Web开发的基本技术（12页珍藏版）》请在金锄头文库上搜索。
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代表中国，edu表示教育机构，hnu
2、指湖南大学。1.2 Internet 提供的服务Internet 提供的常用的服务有：（一）、电子邮件，即 E-maill 服务。（二）、文件传输服务文件传输服务即FTP服务：（file transfer protocol），FTP服务执行TCP/IP中的FTP传输协 议，允许在计算机之间传送文件。提供 FTP 服务的计算机叫 FTP 服务器。从客户将文件传到 FTP服务器的过程叫上传，从FTP服务器将文件传到客户机的过程叫下载。（三）万维网服务（World Wide Web服务，简称www服务）（四）、新闻公告类服务提供针对某问题展开讨论的服务，如BBS （电子公告牌）、网络新闻组等。USE
3、NET是规 模最大的网络新闻组，它拥有数以千计的讨论组，在网上讨论各种专题。1.3 www 服务（万维网服务）万维网上不仅可以看到文字、图片,而且可听到声音、看到动画。 www 服务是通过客户机 上的Web浏览器和Web站点上的Web服务器之间的通信来实现的。信息以网页的形式存放在 Web服务器上，用户在客户机上通过Web浏览器（是一个软件）向Web服务器发出请求，Web 服务器按此请求将需要的页面发送给用户。这些页面实际上都是一个个文件。用户直接看到的 是文本信息本身，在浏览文本信息的同时，随时可以选中其中的“热字”。热字往往是与上下文 关联的单词，通过选择热字就可以链接到另外一个地址并看到
4、其他文本的信息。Int erne t上的Web服务器Int erne t上的Web服务器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 服务器上 。http协议（Hyper Text Transfer Protocol），即超文本传输协议，www服务是执行http协议 进行传输的。如：http:/ 超
6、文本传输协议，是服务器的主机域名，hnu是湖南大学的代号。我们把http:/ （统一资源 定位器，其英文形式是 Uniform Resource Locators ）。2 HTML2.1用HTML做简单的网页超文本文件是由超文本标记语言写成。其文件的格式采用ASCII格式。ASCII格式的文件 本身其实是一种没格式的文件。为了在浏览时能看到带有格式的文件，办法是把文档中各种不 同的内容用不同的标记元素对其属性做上标记。所以，超文本是由标记和文本内容两者组成的。 例如为了显示“网络营销”四个大字，可按以下写出： 网络营销/ FONT标记元素标记名标记元素标记元素标记元素書攀壬兰 开始的属性 的属
7、性 结束 文本内谷这里：vFONT.和/ FONT是一对标记元素，用来改变字体大小。SIZE 和 FACE 是标记元素的属性，又称参数。SIZE说明字的大小，从1到7,数愈大，字愈大； FACE说明字体。如果把这一句写到记事本上做成.txt文件，再将其后缀.txt改成.HTML,就做成了一个 HTML超文本文件。鼠标双击此文件，就能在屏幕上显示出“网络营销”四个大字。2.2 HTML文档的_般结构htmlheadvtitle网上手机市场v/ title/headvbodyvp你想要买手机吗?v/P vp你可以访问网站v/a 了解有关信息。va href=“http:/手机v/bodyv/htm
8、l这里：vhtm l和v/htm l表示超文本的开始于结束； vhead和v /head 是超文本文件头的起止； vbody 和v/body 是超文本正文主体的起止； vp和v/P是段落的起止；va和v/a是定义超文本链接点的标记元素。2.3常用的HTML标记元素标记元素开始标记元素结束标记元素的功能!注释内容注释标记锚元素，定义超文本链接占地址信自起止字彳体颜色十、深基锚 说明链接的基地址字休闪烁块引田超文本正文主体的起止回车换行标题-多田于表格元素间的内容居中表明甘间的内容是引文或例证代码标记元素开力台卡糸卞记素结束卡糸卞记素白的T功台文字缩格线缩格或不显示TI的标题符号回车换行，但不缩格
9、强调，斜体日颜色加重变化字体大小和颜色交互T项元素的起止展示页的版面分割超文木文件头的起止.-与n等价画水平间隔线定义标题字体大小-n值为1-6超文木文的开始和结束字体为斜体标记元素开始标记元素结束标记元素的功能插入图形图像文件输入/信自元素清单条曰多田于曰录列表显示文本内容 但不执行标记命令字符移动方式控 生ll资料说明卞一个标识田序号显示一级标题段落的起止 也可以加空行按原文格式中划线田小号字表示字休颜色加重2.4 在网页中插入图片如果想在方才显示的屏幕上增加一个名为gxkj.gif的图形，只要在上述HTML文档中增加:IMG SRC= “gxkj.gif” width “20” heig
10、ht “15” 你想买手机吗？你可以访问手机网站了解有关信息图片插入图2.5用HTML定义表格表格名称第一标题列第二标题列第三标题列可以显示上图中所示表格的HTML文本：vcaption 表格名称 /caption第一标题列第二标题列第三标 题列 v/tdx/tr3 FrontPage使用微软公司的FrontPage WEB编程工具可以做到在几乎不需要编写HTML代码的情况下, 完成网页的制作，同时自动地生成HTML文件。用 FrontPage 制作页面网上手机商场产品价格表见http:/www.shouji .com正按八折销售，欢迎选购主页面产品号产品型号生产厂家价格产品价格表对于上述两个
11、表格，用 FrontPage制作网页的步骤如下表所示:操作目的操作步骤定义主网页新建网页普通网页确定网页名字并存储网页分区点击“插入表格”按钮，做出2X2表格，并把表格实线变为虚线（办 法是在表格上点击右键选属性后，将各数均改为0）。输入网页标题文字方法类同用WORD写字，在左上格写上“网上手机商场”几个字。插入照片点击选图片钮用右键点图片点击图片属性外观尺寸（修改其大小）。做动态字幕在右下格写“正按八折销售，欢迎选购”字样，选中后插入组件字幕字幕属性样式格式字体。点击预览，即可看到动态字幕。做被连接的网页另外做一个被连接的网页（手机价格表）。建立超超接，填URL 地址在主网页右上与“产品价格表见http:/”,选中后，用 右键点击选“超链接属性”，填上URL地址（产品价格表所在地址）。4 交互网页的制作4.1 交互性标记元素人机对话的表单接口界面4.2 FORM标记元素用FORM标记元素实现“提交”功能的HTML文档/指从客户机将信息发送到Web服务器|ti jiao, htm激活处理交互信息的程序于返回的HTIL文挡名 请提供以下信息，然后单击提交-5姓名：input name =mynam
