最新四章Web开发的基本技术PPT课件.ppt

《最新四章Web开发的基本技术PPT课件.ppt》由会员分享，可在线阅读，更多相关《最新四章Web开发的基本技术PPT课件.ppt（59页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、21 WWW（World Wide Web） 本节内容：本节内容：1.1 Internet服务服务1.2 Internet提供的服务提供的服务1.3 www服务服务 1.4 网页和超文本网页和超文本91.4 网页和超文本网页和超文本网页（网页（Web page） 网页是我们在网上用浏览器（如网页是我们在网上用浏览器（如Internet Explorer，简称，简称IE）看到的那些页面。在）看到的那些页面。在www系统中，信息是按系统中，信息是按超文本方式超文本方式组织的。组织的。 页面实际上都是一个个文件页面实际上都是一个个文件 。 由若干互连的文本块组成的文本就是由若干互连的文本块组成的文本

2、就是超文本超文本（Hyper Text）。）。 超文本方式超文本方式是实现是实现www的关键技术。的关键技术。101.4 网页和超文本网页和超文本网页（网页（Web page） 这些页面实际上都是一个个文件。如果用鼠标点击页这些页面实际上都是一个个文件。如果用鼠标点击页面（文本）上的面（文本）上的热字热字（高亮度或带下划线的条目），（高亮度或带下划线的条目），就可以链接并打开另一个你希望看到的页面。这种由就可以链接并打开另一个你希望看到的页面。这种由若干互连的文本块组成的文本就是若干互连的文本块组成的文本就是超文本超文本（Hyper Text）。）。 页面上看到的信息单元可以是一屏文字，也可能

3、是一页面上看到的信息单元可以是一屏文字，也可能是一个窗口，或者是一个图象。我们把每个信息单元称作个窗口，或者是一个图象。我们把每个信息单元称作一个节点（一个节点（node）。节点又有）。节点又有文字节点文字节点、图形节点图形节点、按钮节点按钮节点之分。按钮节点用于执行一个过程，之分。按钮节点用于执行一个过程，这些节这些节点之间都是用链来连接的。点之间都是用链来连接的。111.4 网页和超文本网页和超文本HTML文件 （Hyper Text Markup Language） 是用超文本标语言（HTML，Hyper Text Markup Language）写的，它存放在WEB服务器上 。http

4、协议（Hyper Text Transfer Protocol） 即超文本传输协议，www服务是执行http协议进行传输的。nhttp:/ 其中：http:是协议类型，这里是检索文挡的超文本传输协议，是服务器的主机域名，/的后面是路径或文件名。hit是哈工大的代号。 我们把http:/ Resource Locators ）。121.4 网页和超文本网页和超文本www浏览器浏览器 通过它可以去找到并浏览通过它可以去找到并浏览Internet上各种上各种WWW服务器服务器上的主页。上的主页。 常用的浏览器软件有常用的浏览器软件有 Internet Explorer和和Netscape 公公司司N

5、avigator等等搜索引擎搜索引擎 搜索引擎是搜索引擎是Internet上的一种上的一种www服务器，它能在服务器，它能在Internet中主动搜索其他中主动搜索其他www服务器中的信息并对其索服务器中的信息并对其索引，将索引内容存储在大型数据库中。引，将索引内容存储在大型数据库中。 使用搜索引擎时，用户输入使用搜索引擎时，用户输入关键字关键字后，搜索引擎能后，搜索引擎能返回返回包含该关键字信息的包含该关键字信息的URL，并提供，并提供通向该站点的链接，使用户获得所需要的信息。132 HTML主要内容：主要内容：2.1 用用HTML做简单的网页做简单的网页2.2 HTML文档的一般结构文档的

6、一般结构2.3 常用的常用的HTML标记元素标记元素2.4 在网页中插入图片在网页中插入图片2.5 用用HTML定义表格定义表格142.1 用HTML做简单的网页超文本文件超文本文件是由超文本标记语言写成。是由超文本标记语言写成。 其文件的格式采用其文件的格式采用ASCII格式格式。 ASCII格式的文件本身其实是一种格式的文件本身其实是一种没没格式的文件格式的文件。 为了在浏览时能看到带有格式的文件，为了在浏览时能看到带有格式的文件，办法是办法是把文档中各种不同的内容用不同把文档中各种不同的内容用不同的标记元素对其属性做上标记。的标记元素对其属性做上标记。 所以，所以，超文本是由标记和文本内

7、容超文本是由标记和文本内容两者组成的。两者组成的。例如为了显示例如为了显示“网络营销网络营销”四个大字，可按以下写出：四个大字，可按以下写出：152.1 用用HTML做简单的网页做简单的网页 这里：这里：和和是一对标记元素，用来改变字体大小。是一对标记元素，用来改变字体大小。 SIZE SIZE 和和 FACE FACE 是标记元素的属性，又称参数。是标记元素的属性，又称参数。 SIZESIZE说明字的大小，从说明字的大小，从1 1到到7 7，数愈大，字愈大；，数愈大，字愈大； FACEFACE说明字体。说明字体。 如果把这一句写到如果把这一句写到 记事本上做成记事本上做成 .txt.txt文

8、件，再将其后缀文件，再将其后缀.txt.txt改改成成 .HTML, .HTML, 就做成了一个就做成了一个HTMLHTML超文本文件。鼠标双击此文件，就能在屏超文本文件。鼠标双击此文件，就能在屏幕上显示出幕上显示出 “ “网络营销网络营销”四个大字。四个大字。162.1 用用HTML做简单的网页做简单的网页超文本文件超文本文件ASCIIASCII格式格式n双标记方式双标记方式（用一对标记来标记用一对标记来标记 ） 网络营销 标记元素开始 标记元素的属性 标记元素结束 标记名 标记元素的属性 要显示的文本内容n单标记方式单标记方式（用用一个标记来表示一个标记来表示 ）172.2 HTML文档的

9、一般结构文档的一般结构 网上手机市场网上手机市场 你想要买手机吗你想要买手机吗? 你可以访问你可以访问 手机手机 网站网站了解有关信息。了解有关信息。 182.3 常用的常用的HTML标记元素标记元素 标记元素开始标记元素开始标记元素结束标记元素结束标记元素的功能标记元素的功能! 注释标记注释标记锚元素，定义超文本链接点锚元素，定义超文本链接点地址信息起止地址信息起止字体颜色加深字体颜色加深基锚，说明链接的基地址基锚，说明链接的基地址字体闪烁字体闪烁块引用块引用超文本正文主体的起止超文本正文主体的起止回车换行回车换行标题，多用于表格标题，多用于表格元素间的内容居中元素间的内容居中表明其间的内容

10、是引文或例证表明其间的内容是引文或例证代码代码192.3 常用的常用的HTML标记元素标记元素标记元素开始标记元素结束标记元素的功能文字缩格文字缩格线缩格或不显示线缩格或不显示的标题符号的标题符号回车换行，但不缩格回车换行，但不缩格强调，斜体且颜色加重强调，斜体且颜色加重变化字体大小和颜色变化字体大小和颜色交互项元素的起止交互项元素的起止展示页的版面分割展示页的版面分割超文本文件头的起止超文本文件头的起止与与和和等价等价画水平间隔线画水平间隔线定义标题字体大小，定义标题字体大小，n n值为值为1-61-6超文本文的开始和结束超文本文的开始和结束字体为斜体字体为斜体202.3 常用的常用的HTM

11、L标记元素标记元素 标记元素开始标记元素开始标记元素结束标记元素结束标记元素的功能标记元素的功能插入图形图像文件插入图形图像文件输入信息元素输入信息元素清单条目，多用于目录列表清单条目，多用于目录列表显示文本内容，但不执行标记命令显示文本内容，但不执行标记命令字符移动方式控制字符移动方式控制资料说明资料说明下一个标识下一个标识用序号显示一级标题用序号显示一级标题段落的起止，也可以加空行段落的起止，也可以加空行按原文格式按原文格式中划线中划线用小号字表示用小号字表示字体颜色加重字体颜色加重212.3 常用的常用的HTML标记元素标记元素 标记元素开始标记元素开始标记元素结束标记元素结束标记元素的

12、功能标记元素的功能下角标下角标上角标上角标表格的起止，图文混排时也使用表格的起止，图文混排时也使用表格中一栏内容的起止表格中一栏内容的起止用文本区输入信息用文本区输入信息表头的起止表头的起止超文本标题的起止超文本标题的起止表中一行的起止表中一行的起止固定宽度固定宽度下划线下划线同一级标题的限定，无序号同一级标题的限定，无序号变量变量功能同功能同，仅字体略小，仅字体略小222.4 在网页中插入图片在网页中插入图片 如果想在方才显示的屏幕上增加一个名为如果想在方才显示的屏幕上增加一个名为gxkj.gif的的图形，只要在上述图形，只要在上述HTML文档中增加：文档中增加： IMG SRC= “gxk

13、j.gif” width “20” height “15” 你想买手机吗？你想买手机吗？你可以访问手机网站了解有关信息你可以访问手机网站了解有关信息图片图片插入图片插入图片232.5 用用HTML定义表格定义表格 第一标题列第一标题列第二标题列第二标题列第三标题列第三标题列浏览器上显示的表格浏览器上显示的表格表格名称表格名称242.5 用用HTML定义表格定义表格 系统的特征：系统的特征：可以显示上页图中所示表格的可以显示上页图中所示表格的HTML文本：文本：表格名称表格名称第一标题列第一标题列第二标题列第二标题列第三标题列第三标题列 253 FrontPage 使用微软公司的使用微软公司的F

14、rontPage WEB编程编程工具可以做到在几乎不需要编写工具可以做到在几乎不需要编写HTML代码代码的情况下，完成网页的制作，同时自动地的情况下，完成网页的制作，同时自动地生成生成HTML文件。文件。 263 FrontPage用用FrontPage制作页面制作页面 主页面主页面网上手机商场网上手机商场 产品价格表见产品价格表见http:/正按八折销售正按八折销售,欢迎选购欢迎选购动态字幕后动态字幕后273 FrontPage用用FrontPage制作页面制作页面 被连接的页面被连接的页面产品价格表产品价格表产品号产品号产品型号产品型号 生产厂家生产厂家价格价格283 FrontPage用

15、用FrontPage制作页面制作页面 操作目的操作目的操作步骤操作步骤定义主网页定义主网页新建新建网页网页普通网页普通网页确定网页名字并存储确定网页名字并存储网页分区网页分区点击点击“插入表格插入表格”按钮，做出按钮，做出2 22 2表格，并把表格实线变为虚表格，并把表格实线变为虚线（办法线（办法是在表格上点击右键选属性后，将各数均改为是在表格上点击右键选属性后，将各数均改为0 0）。）。输入网页标题文字输入网页标题文字方法类同用方法类同用WORDWORD写字，在左上格写上写字，在左上格写上“网上手机商场网上手机商场”几个字。几个字。插入照片插入照片点击选图片钮点击选图片钮用右键点图片用右键点

16、图片点击图片属性点击图片属性外观尺外观尺寸（修改其大小）。寸（修改其大小）。做动态字幕做动态字幕在右下格写在右下格写“正按八折销售正按八折销售, ,欢迎选购欢迎选购”字样，选中后字样，选中后插插入入组件组件字幕字幕字幕属性字幕属性样式样式格式格式字体。字体。点击预览，即可看到动态字幕。点击预览，即可看到动态字幕。做被连接的网页做被连接的网页另外做一个被连接的网页（手机价格表）。另外做一个被连接的网页（手机价格表）。建立超超接，填建立超超接，填URLURL地址地址在主网页右上写在主网页右上写“产品价格表见产品价格表见http:/http:/”,”,选选中后，用右键点击选中后，用右键点击选“超链接

17、属性超链接属性”，填上，填上URLURL地址（产品价格地址（产品价格表所在地址）。表所在地址）。294 交互网页的制作交互网页的制作 本节内容：本节内容：4.1 交互性标记元素交互性标记元素 4.2 FORM标记元素标记元素304.1 交互性标记元素交互性标记元素 人机对话的表单接口界面人机对话的表单接口界面 请提供以下信息，然后单击提交 姓名： 密码：提交清除 为了在浏览器上看到这个表单界面，就需要使用为了在浏览器上看到这个表单界面，就需要使用FORM FORM 标记元素。标记元素。FORMFORM 可译作可译作“表单表单”。314.2 FORM标记元素标记元素 324.2 FORM标记元素

18、标记元素 当表单当表单提交提交后，在后，在Web服务器端被处服务器端被处理后将此页面理后将此页面返回返回给用户。给用户。 应当指出，应当指出，HTML的交互性标记元素的交互性标记元素FORM和和INPUT仅仅提供了一个仅仅提供了一个接口界面接口界面, 要全部实现交互功能，仅靠要全部实现交互功能，仅靠HTML是不够的。是不够的。还必须有还必须有ASP环境环境来进行来进行处理处理(将在下面讲述将在下面讲述)。335 ASP（动态服务主页）（动态服务主页）本节内容：本节内容：5.1 什么是什么是ASP？5.2 ASP的工作原理的工作原理 5.3 ASP脚本编程脚本编程 345.1 什么是什么是ASP

19、？ ASP （Active Server Pages）是微软公）是微软公司为它的司为它的WEB服务器（互联网信息服务器，简服务器（互联网信息服务器，简称称IIS）开发的一个组件（软件）。）开发的一个组件（软件）。它是一种实它是一种实现动态网页开发技术的服务器端的开发环境。现动态网页开发技术的服务器端的开发环境。 以前面讲的为例以前面讲的为例: 提交提交后的表单在后的表单在Web服服务器端被处理后页面被务器端被处理后页面被返回返回给用户的过程给用户的过程必须必须由由ASP环境环境来进行处理。来进行处理。355.1 什么是什么是ASP？ 通过通过ASP，我们能够将，我们能够将HTML页面、脚本页面

20、、脚本命令、命令、ASP内置对象和内置对象和Active X组件结合起来，组件结合起来，建立动态、交互建立动态、交互而又高效而又高效的的Web应用程序应用程序。 ASP可利用可利用ADO（Active Data Object）方便地访问数据库。方便地访问数据库。 365.2 ASP的工作原理的工作原理 ASP文件可以由以下几个部分组成文件可以由以下几个部分组成：n文本文本nHTML标记标记nASP脚本命令等。脚本命令等。 其中其中ASP脚本命令可以包含脚本命令可以包含： ASP对象对象 ActiveX组件组件 任何脚本语言（如任何脚本语言（如VB脚本所言、脚本所言、JAVA脚本语言等）。脚本语

21、言等）。 ASP脚本命令写在脚本命令写在“%”和和“%”两个符两个符号之间。号之间。375.2 ASP的工作原理的工作原理 ASP ASP文件实例：文件实例：VB-SCR-EXM.ASP （在（在 两者之间是脚本文件）两者之间是脚本文件）html head title手机市场标题手机市场标题/title /head body % for i=3 to 7% Font size =%=i% 这里是手机市场！这里是手机市场！BR % next % /body /html385.2 ASP的工作原理的工作原理 运行结果运行结果 这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！这里是手

22、机市场！这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！浏览屏幕浏览屏幕 395.2 ASP的工作原理的工作原理 ASP文件的运行过程文件的运行过程浏览器浏览器httphttp请求请求httphttp响应响应WebWeb服务器服务器ASPASP405.2 ASP的工作原理的工作原理 怎样做怎样做ASP文件？文件？ ASP文件的后缀名为文件的后缀名为ASP，它以文件的形，它以文件的形式存放在式存放在WEB服务器上。服务器上。 ASP实际是一个纯文本文件，只是它的扩实际是一个纯文本文件，只是它的扩展名固定为展名固定为.ASP。 ASP文件可以使用文件可以使用文本编辑

23、器文本编辑器（如记事本）（如记事本）进行编辑。即将进行编辑。即将 .TXT 改为改为 .ASP。 ASP文件也可以用文件也可以用WEB编程工具编程工具FrontPage来做。来做。415.3 ASP脚本编程脚本编程 ASP脚本命令的内容包括：脚本命令的内容包括： 1. 脚本语言脚本语言可用可用VBScript写，也可用写，也可用 JAVAScript作为脚本语言。作为脚本语言。 2.ASP内置对象内置对象如如Request.。 3. Active X组件组件ASP支持的支持的Active X组件组件 包括包括 ASP服务器本身附带的内置组服务器本身附带的内置组 件和用户自己创建的件和用户自己创

24、建的ASP组件。组件。 用户与用户与WEB服务器之间的信息交互通过服务器之间的信息交互通过HTML中的中的FORM（表单）来实现。（表单）来实现。425.3 ASP脚本编程脚本编程 ASPASP环境下处理数据实例环境下处理数据实例( (提交提交) ) Tijiao.htm 请提供以下信息，然后单击提交。请提供以下信息，然后单击提交。姓名：姓名：密码：密码：435.3 ASP脚本编程脚本编程 ASPASP环境下处理数据实例环境下处理数据实例( (返回返回) )Fanhui.asp%=myname %先生（女士）先生（女士）：我们接受您的申请。：我们接受您的申请。您可以用以下密码查阅我们的资料：您

25、可以用以下密码查阅我们的资料：abcde对不起！您的密码不对。对不起！您的密码不对。446 Web数据库数据库 本节内容：本节内容：6.1 数据库管理信息系统数据库管理信息系统6.2 Web数据库数据库456.1 数据库管理信息系统数据库管理信息系统数据库管理系统的功能数据库管理系统的功能: 建立数据库建立数据库 管理数据库管理数据库 实现数据的传送等实现数据的传送等466.2 Web数据库数据库 ASP可利用可利用ADO（Active Data Object）方便）方便地访问数据库。地访问数据库。 Web数据库系统是指以数据库系统是指以HTML为代表的为代表的Web页面页面（即网页）与位于底

26、层的数据库的集成。（即网页）与位于底层的数据库的集成。n数据库管理系统解决数据库管理系统解决Web页面和数据库之间的通信页面和数据库之间的通信问题问题 开放式数据库连接器开放式数据库连接器ODBCnODBC是一种编程接口，它能使应用程序访问支持是一种编程接口，它能使应用程序访问支持SQL查询语言的数据库管理系统，实现与各种数据查询语言的数据库管理系统，实现与各种数据库的通信。库的通信。 SQL查询语言查询语言 本书第三章已有介绍本书第三章已有介绍476.2 Web数据库数据库 Web数据库的应用数据库的应用 现在有一客户在已知新书代现在有一客户在已知新书代码后希望知道该书的单价和码后希望知道该

27、书的单价和是否有书。是否有书。 客户向客户向WEB服务器发出服务器发出HTTP请求请求首先是客户向首先是客户向WEB服务器发服务器发出出http请求，请求，CX-SEND.ASP程序产生页面程序产生页面 用户在屏幕上看到的如图所用户在屏幕上看到的如图所示示 欢迎查看新书价格和库存量欢迎查看新书价格和库存量请输入新书代码请输入新书代码确认确认重写重写查询输入屏幕486.2 Web数据库数据库 从浏览器上调用下列从浏览器上调用下列CX-SEND.ASP程序产生的页面，并输入新书代码程序产生的页面，并输入新书代码后提交。后提交。 欢迎查看新书价格和库存量欢迎查看新书价格和库存量欢迎查看新书价格和库存

28、量欢迎查看新书价格和库存量 请输入新书代码请输入新书代码 496.2 Web数据库数据库 Web服务器上的服务器上的ASP软件对此程序进行解释并执行另外一个软件对此程序进行解释并执行另外一个名为名为cx-back.asp的程序。的程序。 欢迎查看新书价格和库存量欢迎查看新书价格和库存量 您查询的新书详单您查询的新书详单 新书代码新书代码 新书名称新书名称516.2 Web数据库数据库 单价（元）单价（元） 库存量库存量         对不起，没有您要查找的书籍数据！对不起，没有您要查找的书籍数据！526.2 Web数据库数据库 536.2 Web数据库

29、数据库 查询结果输出屏幕查询结果输出屏幕您查询的新书单价和库存量您查询的新书单价和库存量新书代码新书代码新书名称新书名称单价（元）单价（元）库存量库存量10031003人工智能人工智能程序设计程序设计23.3023.307070546.2 Web数据库数据库 Web服务器上的服务器上的ASP软件对程序的解释和执行软件对程序的解释和执行过程取得用户传来的新书代码（见程序第过程取得用户传来的新书代码（见程序第6行）行） Web页面与数据库页面与数据库Text.mdb相边接（见程序相边接（见程序8-11行）行）n 第第89行，创建一个行，创建一个Connection对象对象 n 第第10行，是打开连

30、接。行，是打开连接。n 第第11行，是创建一个记录集对象。行，是创建一个记录集对象。 用用SQL查询数据库（见第查询数据库（见第1215行）行） 在浏览器上显示出查询结果在浏览器上显示出查询结果 557 ASP的安装的安装安装安装IIS 若操作系统中还未安装若操作系统中还未安装IIS服务器，可打开服务器，可打开“控控制面板制面板”，然后单击启动，然后单击启动 “添加添加/删除程序删除程序”， 在弹出的对话框中选择在弹出的对话框中选择 “添加添加/删除删除Windows组件组件”，在，在Windows组件向导对话框中选中组件向导对话框中选中“Internet信息服务（信息服务（IIS）”，然后单

31、击，然后单击“下下一步一步”，按向导指示，完成对，按向导指示，完成对IIS的安装。的安装。567 ASP的安装的安装启动和配置启动和配置Internet信息服务（信息服务（IIS） 如系统中已安装过如系统中已安装过IIS，则只需重新配置一下：，则只需重新配置一下： 单击单击Windows开始菜单开始菜单-程序程序-管理工具管理工具-Internet信息服务（信息服务（IIS）管理器，即可启动）管理器，即可启动“Internet信息服信息服务务”管理工具管理工具 IIS安装后，系统自动创建了一个默认的安装后，系统自动创建了一个默认的Web站点，该站点，该站点的主目录默认为站点的主目录默认为C:I

32、netpubwww.root。 用鼠标右键单击用鼠标右键单击“默认默认Web站点站点”，在弹出的快捷菜，在弹出的快捷菜单中选择单中选择“属性属性”，此时就可以打开站点属性设置对，此时就可以打开站点属性设置对话框，在该对话框中，可完成对站点的全部配置。话框，在该对话框中，可完成对站点的全部配置。 577 ASP的安装的安装设置主页文档设置主页文档 单击单击“文档文档”标签，可切换到对主页文档的设置标签，可切换到对主页文档的设置页面，主页文档是在浏览器中键入网站域名，而页面，主页文档是在浏览器中键入网站域名，而未制定所要访问的网页文件时，系统默认访问的未制定所要访问的网页文件时，系统默认访问的页面

33、文件。页面文件。IIS默认的主页文档只有默认的主页文档只有default.htm和和default.asp，根据需要，利用，根据需要，利用“添加添加”和和“删除删除”按钮，可为站点设置所能解析的主页文按钮，可为站点设置所能解析的主页文档。档。启动与停止启动与停止IIS服务服务 在在Internet信息服务的工具栏中提供有启动与停信息服务的工具栏中提供有启动与停止服务的功能。单击止服务的功能。单击 可启动可启动IIS服务器；单击服务器；单击 则则停止停止IIS服务器。服务器。 58本章小结WWW（World Wide Web） Web开发的基本技术Web数据库动态服务主页FrontpageHTML交互网页的制作ASP的安装