第1章 Web编程基础知识.ppt

1、Internet打破了传统的信息传播方式，是Internet实现了世界范围内的网络互联和资源共享，它消除了地理上的差别和时间上的限制，真正的将全世界紧密地联系在一起。 Web服务又叫WWW服务，全称World Wide Web，是目前Internet上最有吸引力的服务之一，它由遍布在Internet中的被称为Web服务器的计算机和安装了Web浏览器软件的计算机组成。 Web服务器中存放着大量以超文本形式表示的、可公开发布的或在一定范围内可共享的信息，这些超文本信息互相链接，形成了一个全球范围内的可相互引用的信息网络。安装了Web浏览器（如IE6.0）的用户，可以查询和获取分布在世界各地的Web

2、服务器上的信息资源。 通常把Web服务器称为服务器端，而把安装了Web浏览器的用户端称为客户端。,1、 Internet与Web服务,Web简介,Web的含义及特点： Web全称为World Wide Web(WWW)，它是一种体系结构，用它可以访问分布于Internet上的链接文档 Web是Internet提供的一种服务 Web是存储在全世界Internet计算机中、数量巨大的文档的集合 Web是一种超文本信息系统 Web内容保存在Web服务器上，用户通过浏览器访问 Web是图形化的和易于导航的 Web与平台无关 Web是分布式的 、具有新闻性、动态的、交互的 Web站点组成元素：文字、图片

3、、动画、超链接和特殊组件。,2 Internet网络协议,网络终端协议Telnet 用于实现互联网中的远程登陆功能。 文件传输协议FTP 用于实现互联网中交互文件传输功能。 简单电子邮件协议SMTP,POP3 用于实现互联网中电子邮件收发功能。 域名服务系统DNS 用于实现网络设备域名到IP地址的映射服务。 超文本传输协议HTTP 用于在Web浏览器和服务器之间传输Web文档。,HTTP协议,超文本传输协议HTTP（HyperText Transfer Protocol）：用于Web服务器和浏览器间传输文档。 其定义的事务处理由以下4个步骤组成： （1）客户端与服务器建立连接； （2）客户端向

4、服务器提出请求； （3）如果请求被接受，则服务器送回响应，在响应中包括状态码和所需的文件； （4）客户端和服务器断开连接。,3、IP地址、域名和URL,IP地址 IP地址是识别Internet网络中的主机及网络设备的唯一标识 表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个数不大于255。 如：22 分类： A类：用于规模很大主机数目很多的网络 B类：B类地址用于中型到大型的网络 C类：C类地址用于小型本地网络（LAN） D类： E类,IP的地址分类,IP的地址由国际网络信息中心分为五类：A类E类,目前大量使用的地址是A、B、C三类，D、

5、E预留。 （每个8位组的最大值为255）,A类地址,B类地址,C类地址,32bit,IP的地址分类,主机部分全为0：表示网络地址 主机部分全为1：表示广播地址 各类地址范围： A类：- B类：- C类：- -回环测试（测试网卡）,域名,IP地址是连网计算机的地址标识 DNS ：域名服务系统，允许为主机分配字符名称，即域名。并实现域名与IP地址的转换 格式：计算机名.机构名.网络名.顶级域名 当用户输入主机的域名时， 负责管理的计算机则把它送到“域名服务器”上，

6、由域名服务器把域名翻译成相应的IP地址。 因此用户既可以用该主机的IP地址连接入网，也可以用该主机的域名表示，其效果是一样的。 顶级域名大体可分为两类：组织类域名和地理类域名，如下表,用户使用浏览器软件访问Web服务器上的网页，就要使用统一资源定位器URL（Uniform Resource Locator）。 URL的表示形式如下： 协议类型主要有：HTTP、FTP、MAILTO、TELNET、EWS等。其中http是指在客户端和服务器端执行HTTP传输协议，将远程Web服务器上的文件传输给用户的浏览器； 主机是指提供此服务的计算机域名或IP； 端口号通常是默认的，如Web服务使用的是80，一

7、般不需要给出； /文件路径/文件名指的是资源在Web服务器中的位置和文件名。 例如:,统一资源定位器URL,:/:/,4 Web访问工作原理,浏览器结构,与远地 服务器通信,输出至显示器,从鼠标和键盘输入,网 络 接 口,可选客户程序,HTML解释程序,可选解释程序,控 制 程 序,驱 动 程 序,HTTP 客户程序,缓 存,Internet上各种超文本文件称为网页（Page）。 超文本（Hypertext）是一种文本格式，是一种对信息的描述方法，这种描述方法不受系统平台的限制，可以在不同的平台上使用，用户也可以在各种操作系统上浏览这些超文本文件。 每个超文本文件中可以包含文字、图片、表格、表

8、单等多种组件。在每一个页面上，可以有一些词、语句或图片等作为“链接点（Link）”，通过这些链接点可以快速地跳转到本网站的其它页面或其它网站上的页面。这种“链接点”方式称为超链接。正是因为这些超链接的存在才使得Internet上的无数页面能够关联到了一起。 网站是一个包含多个由超链接连在一起的网页的集合，它包含的网页可以是一个也可以是多个，甚至上千个。 Internet上的网站是通过地址进行定位的，就像网络中的一个节点，通常也称之为站点。,5、网页与网站,HTML（Hypertext Markup Language）超文本标记语言是一种用于编写超文本文档的标记语言，是Web上描述页面内容和结构

9、的标准语言。 Web上最基本的传输单位是Web页，而这些Web页都是用HTML语言编写的。 通过浏览器打开HTML文件时，经过浏览器的识别和解释，就会显示出精彩纷呈的网页来。 HTML具有平台无关性，无论是何种操作系统，只要有相应的浏览器程序，就可以运行HTML文档。,6、HTML语言概述,7、Web编程技术概述,是指没有后台数据库、不含程序和不可交互的网页。你编的是什么它显示的就是什么、不会有任何改变。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。,静态网页,程序在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的

10、网页,动态网页,Web程序的发展,C/S模式,B/S模式,客户/服务器模式 胖客户/瘦服务器 QQ、传奇、瑞星,浏览器/服务器模式 瘦客户/胖服务器 只需浏览器就可完成操作,Web编程技术概述,静态Web技术：用HTML语言写的纯html代码，文件扩展名为.htm或.html。 功能:提供信息供用户浏览 动态Web技术：CGI，ASP，JSP，PHP，ASP.net 。如ASP则是在html代码中嵌入脚本语言，保存在服务器端。 功能：提供可个性化搜索的功能，可以收发email，可以进行网上销售，可以从事电子商务等等。 所谓动态，指的是，按照访问者的不同需要，对访问者输入的信息作出不同的响应，提

11、供响应的信息。,1,ASP(Active Server Page活动服务器网页),ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。 ASP的网页文件的格式是.asp，它含有若干内建对象，用于Web服务器端程序开发。如：Request，Response，Session等。 默认使用VBS作为开发脚本语言，也可使用JS，利用ASP内置对象及HTML等技术实现网站应用程序的开发。 只能在Windows下的IIS服务器上运行。,常用动态技术,PHP(Hypertext Preprocessor,超文本预处理器),利用服务器端脚本创建动态网站的技术，包括一个完整的编程语言、

12、支持Internet的各种协议、提供与多种数据库直接互联的能力。 PHP是一种跨平台技术，可在多种平台运行。 适用于开发中小型企业网站，网站运行效率佳，安全性高、可靠性及稳定性都很好。 PHP脚本可在Tomcat，Apache，Jboss等Web服务器上运行。 开发工具： Zend Studio 、 EditPlus,2,常用动态技术,3,JSP（Java Server Page）,Sun提出的应用开发技术，可建立先进、安全和跨平台的动态网站。网页文件扩展名.jsp 以Java语言作为脚本语言，使用JSP标签或Java Servlet小脚本生成页面上的动态内容。 JSP运行效率普遍认为比PHP

13、及ASP高。 JSP可运行在Tomcat，Apache，Jboss等多种Web服务器上。 开发工具：MyEclipse，Jdeveloper， JBuilder， NetBeans等,常用动态技术,ASP.NET,ASP.NET并非ASP3.0演化而来，而是全新一代的动态网页实现系统。 提供了基于组件、事件驱动的可编程Web窗口，大大简化了编程，缩短Web应用程序的开发周期。 运行在Windows的IIS+.net Framework之上。 开发工具：VS2010(visual studio),4,常用动态技术,二、Web程序开发环境,服务器端开发环境 ASP运行环境的配置 使用Web服务器软

14、件 客户端开发环境 客户端的编程语言，HTML标识语言 Web网页制作软件： Dreamweaver，FrontPage 图形图像设计及处理：Photoshop 6.0，CorelDRAW 9.0，Fireworks MX，Freehand 9.0，Illustrator 8.0，PhotoExpress 3.0 动画制作工具 ：Flash MX，Cool3D 3.0，3DS MAX R3，ImageReady 3.0，Fireworks MX,任务1描述：在D盘根文件夹下建立一个名为ASPExample的文件夹，用来存放本课程后续章节所完成的任务网页，并能通过IE浏览器运行相应的任务网页。,

15、任务1：配置ASP运行环境,任务分析：为了能在本机器上运行ASP动态网页，必须使本机器成为Web服务器，可通过在Windows 2000/XP中安装IIS 5.1来实现。安装了IIS 5.1后，本机上将会自动生成一个Web站点主目录，该主目录下的网页可以被客户端通过浏览器直接访问到。对于其它目录中的网页，则必须建立虚拟目录，才可以被客户端通过浏览器访问。为了优化性能还应该对IIS 5.1进行配置。具体步骤如下： 1）安装IIS ； 2）建立虚拟目录； 3）配置IIS 。,任务1：配置ASP运行环境（续）,（1）单击“开始”菜单按钮，在出现的菜单中单击“控制面板”菜单项，将会出“控制面板”窗口，

16、在该窗口中双击“添加或删除程序”图标，将会出现如图1-3所示的“添加或删除程序”对话框。,1）在Windows XP中安装IIS,图1-3 “添加或删除程序”对话框,（2）在“添加或删除程序”对话框中，单击左侧的“添加/删除Windows(A)”按钮，将会出现如图1-4所示的“Windows组件向导”对话框，在该对话框中有一项“Internet 信息服务（IIS）”，如果没有选中，请选中它；,在Windows XP中安装IIS,图1-4 “Windows组件”对话框,（3）单击“下一步”按钮，将会出现一个对话框，该对话框为你的计算机安装你选中的Windows组件。接着将会出现如图1-5所示的“

17、插入磁盘”对话框；,在Windows XP中安装IIS,图1-5 “插入磁盘”对话框,（4）在光驱中放入Windows系统安装盘，然后单击“确定”按钮，将会出现如图1-6所示的“所需文件”对话框，单击“确定”按钮，系统将自动复制文件到你的计算机。复制完成后，将会出现“Windows组件向导完成”对话框，单击“完成”按钮，将完成IIS的安装；,在Windows XP中安装IIS,图1-6 “所需文件”对话框,（5）启动IE浏览器，在地址栏输入地址“http:/LocalHost/”并按回车键，将会出现如图1-7所示的网页，表示IIS组件已经安装成功。,在Windows XP中安装IIS,图1-7

18、 测试网页,注意：IIS组件安装后，本计算机就可以作为Web服务器使用，此时在计算机的C盘上将会出现一个名为“Inetpub”的文件夹，该文件夹下有一个名为“wwwroot”的子文件夹，该文件夹站即为本机Web站点的主目录。,发布目录可以是主目录或虚拟目录。 每个Web站点都必须有一个主目录。“主目录”是站点访问者的起始点，也是Web发布树的顶端，其中包含主页或索引文件，通过它们中的超链接指向Web站点中其他网页。主目录映射成站点的域名。 要从主目录以外的目录发布信息，可以创建虚拟目录。“虚拟目录”是物理上未包含在主目录中的目录，但客户端浏览器却认为是包含在主目录中的目录。 虚拟目录具有“别名

19、”，客户端浏览器用此别名来访问该目录。,2）建立虚拟目录,为D盘ASPEample文件夹创建虚拟目录的实现步骤如下： （1）双击“我的电脑”，在D:盘根目录下创建ASPExample文件夹； （2）打开“控制面板”窗口，双击其中的“管理工具”图标，将会出现如图1-8所示的“管理工具”窗口；,建立虚拟目录,图1-8 “管理工具”窗口,（3）在“管理工具”窗口中，双击“Internet信息服务”图标，奖会出现“Internet信息服务”窗口，单击“本地计算机”前面的“+”号，然后单击“网站”前面的“+”号，再单击“默认网站”前面的“+”号，此时该窗口如图1-9所示。,建立虚拟目录,图1-9 “In

20、ternet 信息服务”窗口,（4）在“默认网站”上单击右键，在出现的快捷菜单中选择“新建”菜单下的“虚拟目录”菜单项，将会出现如图1-10所示的“虚拟目录创建向导开始”对话框；,建立虚拟目录,图1-10 “虚拟目录创建向导开始”对话框,（5）单击“下一步”按钮，将会出现“虚拟目录创建向导虚拟目录别名”对话框，在该对话框中“别名”下的文本框中输入“ASPE”，如图1-11所示；,建立虚拟目录,图1-11“虚拟目录创建向导虚拟目录别名”对话框,（6）单击“下一步”按钮，将会出现“虚拟目录创建向导网站内容目录”对话框，在该对话框中“目录”下面的文本框中输入文件夹名“D:ASPExmaple”或单击

21、“浏览”按钮，查找到“D:ASPExmaple”文件夹，如图1-12所示。,建立虚拟目录,图1-12 “虚拟目录创建向导网站内容目录”对话框,（7）单击“下一步”按钮，将会出现如图1-13所示的“虚拟目录创建向导访问权限”对话框，直接按“下一步”按钮，在出现的对话框中单击“完成”按钮便完成了“虚拟目录”的创建。此时在“Internet信息服务”窗口中就可以看到建立的虚拟目录“ASPEXAM”，如图1-14所示。,建立虚拟目录,图1-13 “虚拟目录创建向导访问权限”对话框,（7）单击“下一步”按钮，将会出现如图1-13所示的“虚拟目录创建向导访问权限”对话框，直接按“下一步”按钮，在出现的对话

22、框中单击“完成”按钮便完成了“虚拟目录”的创建。此时在“Internet信息服务”窗口中就可以看到建立的虚拟目录“ASPEXAM”，如图1-14所示。,建立虚拟目录,图1-13 访问权限”对话框,图1-14 建立的虚拟目录,配置IIS 5.1的步骤如下： （1）打开“控制面板”窗口，双击“管理工具”图标，在出现的“管理工具”窗口中，双击“Internet”信息服务图标，将会出现如图1-14所示的“Internet信息服务”窗口； （2）右键单击“默认网站”，在弹出的快捷菜单中，选择“属性”，将会出现如图1-15“网站属性”对话框； （3）网站基本属性设置，包括描述、IP地址和TCP端口。在描述

23、后的文本框中输入文本“我的站点”，其它不变； （4）主目录与站点访问权限设置。 网站的主目录默认为“c:inetpubwwwroot”，用户可以进行修改 。 （5）默认主页的设置。,3）配置IIS 5.1,图1-15 “网站属性”对话框,图1-16 “网站属性文档”对话框,任务2描述：设计一个网页，网页在IE浏览器中的运行情况如图1-17所示。网页设计好后，请分别把该网页复制到Web站点主目录、Web站点主目录的下一级目录、虚拟目录及虚拟目录的下一级目录中，并通过浏览器浏览它。,三、第一个动态网页 欢迎页面,图1-17 网页浏览界面,任务分析：根据任务要求，首先应设计出网页文件。然后把该网页文

24、件复制到网站的相应位置并加以运行，因此本题的关键是网页在Web站点不同位置处的地址如何表示。 任务实现： （1）启动“Microsoft Office 2003”软件包中的“Microsoft FrontPage 2003”，将会出现“Microsoft FrontPage 2003”应用程序窗口，单击窗口下面的“代码”标签，将会显示出新建的一个空白网页的代码框架，如图1-18所示。,第一个动态网页欢迎页面,图1-18 “Microsoft FrontPage 2003”应用程序窗口,（2）编写网页代码，编写好的网页代码如图1-19所示；,图1-19 编写好的“欢迎网页代码”,说明： 代码中的

25、和、和、和是三对标记。一般来说，HTML文档均应有这三对标记，分别表示HTML文档的开始和结束、头部部分和正文部分。 第5行“欢迎”用来设置本网页的标题，当浏览器访问该网页时，“欢迎”将显示在浏览器的标题栏中。 第9行“欢迎您来到本网站!”用来显示欢迎文本，其中也是一个HTML标记，表示换行，其后的文本将在下一行显示。 第10行中和是ASP代码，分别用来显示当前日期和当前时间。用括起来的代码是ASP代码，由Web服务器处理。该行中的Date和Time是VBScript的两个函数，分别用来返回系统当前日期和系统当前时间。,（3）执行“文件”菜单中的“保存”命令，把该网页保存到“C:Inetputwwwroot”文件夹中（Web站点主目录），文件名为Task1_2.asp。注意扩展名为.asp，不能弄错； （4）启动IE浏览器，在地址栏中输入该网页的地址“http:/LocalHost/Task1_2.asp”，然后按回车键，将会出现网页浏览界面； 注意：浏览本机Web站点下的网页，有以下三种方法。 使用IP地址。本地主机的IP地址为，运行上述的Task1_2.asp网页，还可以在浏览器的地址栏中输入“/Task1_2.asp”； 使用本