Web编程基础知识.ppt

Web程序设计,主讲：邓小亚数理与软件工程学院计算机教研室,学习内容,Web编程基础知识超文本标记语言HTMLJavaScript语言CSS样式表网页制作工具简介（网页三剑客）网站的规划与设计,第1章Web编程基础知识,1.什么是Web2.Web的工作原理及基本技术3.Internet基本知识4.IP地址、域名和URL5.常用网页制作工具及网页制作的一般过程6.本章小结,本章介绍开发Web程序应该必备的基础知识，包括Web的基本概念和工作原理、Internet基本知识、网络协议、IP地址、域名和统一资源定位器URL，常用网页制作工具及网页制作的一般过程等，为在本课程中学习Web程序设计方法和开发技术做好准备。,什么是Web,Web全称为WorldWideWeb（又称为万维网、WWW或者3W）Web是Internet提供的一种服务Web是由遍及全球的信息资源组成的系统这些信息资源包含的内容可以是文本、表格、图像、视频、音频等Web是一种超文本信息系统Web是分布式的、具有新闻性、动态的、交互的,Web的工作原理,Web服务器向浏览器提供服务的过程大致可以归纳为以下5个步骤：（1）用户打开计算机（客户机），启动浏览器程序（NetscapeNavigator,MicrosoftInternetExplorer等），并在浏览器中指定一个URL（UniformResourceLocator，统一资源定位器），浏览器便向该URL所指向的Web服务器发出请求。（2）Web服务器（也称为HTTP服务器）接到浏览器的请求后，把URL转换成页面所在服务器的文件路径名。,（3）如果URL指向的是普通的HTML（HypertextMarkupLanguage，超文本标记语言）文档，Web服务器将直接把它传送给浏览器。HTML文档中可能包含用Java，JavaScript，ActiveX，VBScript等编写的小应用程序（applet），服务器也将它们随HTML文档一道传送到浏览器，在浏览器所在的机器上执行。图1-1客户机/服务器模型,（4）如果HTML文档中嵌有ASP、JSP或PHP程序，那么Web服务器就运行这些程序，并将结果传送至浏览器。Web服务器运行这些程序时还可能调用数据库服务器和其他服务器。（5）URL也可以指向VRML（VirtualRealityModelingLanguage）文档。只要浏览器中配置有VRML插件，或者客户机上已安装VRML浏览器，就可以接收Web服务器发送的VRML文档。,Web基本技术,1.服务器技术：主要指有关Web服务器建构的基本技术，包括服务器策略与结构设计、服务器软硬件的选择及其他有关服务器构建的问题。2.HTML(HypertextMarkupLanguage)技术：是一种超文本标识语言，它是构成Web页面的主要工具。HTML是Web的基础，它的超文本思想简单的说就是纯文本加标记，所以它的重要内容就是要熟悉和掌握这些标记。,Web基本技术,3.XML(eXtensibleMarkupLanguage)技术：是W3C组织于1998年2月发布的标准。它是为了克服HTML缺乏灵活性和伸缩性的缺点以及SGML过于复杂、不利于软件应用的缺点而发展起来的一种元标记语言。4.Java技术：利用Java可以创建小应用程序(applet)，使之从服务器下载到浏览器，并在客户端的机器上运行。Javaapplet可提供动画、音频和音乐等多媒体服务。,Web基本技术,5.JavaScript技术：是由Netscape开发的一种解释语言，它可以直接插入到HTML文档中。它具有Java的许多特性，但比Java更为简单有效，而且不需要编译，因而也是Web技术的重要组成部分。6.JSP(JavaServerPages)技术：是由SunMicrosystem公司于1999年6月份推出的新技术，是基于JavaServlet以及整个Java体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。,Web基本技术,7.ActiveX技术和VBscript技术：ActiveX技术是MicrosoftInternet战略的中心环节，它本质上是OLE技术在Web上的应用。VBscript是VisualBasic的简化和修改版本，使VB能够更适用于Internet。它是一种页面设计的脚本语言，能够控制ActiveX控件。8.ASP(ActiveServerPages)技术：利用ASP，服务器可以执行用户用VBscript或JavaScript编写的嵌入HTML文档中的程序。ASP是Web动态页面设计的基础，通过ASP，Web页面可以访问数据库，存取服务器的有关资源，使得Web页面具有强大的交互能力。,Web基本技术,9.PHP(HypertextPreprocessor)技术：是近年来发展得比较快的一门新兴语言。PHP是一种易于学习和使用的服务器端脚本语言，是生成动态网页的工具之一。它是嵌入HTML文件的一种脚本语言，其语法大部分是借鉴了C,Java语言，并形成了自己的独有风格。10.VRML(VirtualRealityModelingLanguage)技术：Web已经由静态转入动态，并正在逐渐由二维走向三维，将用户带入五彩缤纷的虚拟世界。VRML是目前创建三维对象最重要的工具，它也是一种基于文本的语言，并可运行于任何平台。,Internet基本知识,Internet是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全球性特大网络。Internet使用的网络协议是TCP/IP协议，凡是连入Internet的计算机都必须安装和运行TCP/IP协议软件。,Internet的应用,Internet的应用,BBS是Internet上的电子公告板系统，BBS上开设了许多专题，供感兴趣的人士进行讨论、交流等活动。,全球信息网（WWW),WWW是分布式超媒体系统，内容和信息检索技术与超文本技术而形成的使用简单、功能强大的全球信息系统，也是基于Internet的信息服务系统。,电子公告板（BBS),中国互联网络的发展,中国教育与科研计算机网CERNet,中国科技网CSTNet,中国公用计算机互联网CHINANet,中国金桥信息网CHINAGBN,TCP/IP协议,TCP/IP协议把整个网络分成4个层次：应用层、传输层、网络层和物理链路层。它们都建立在硬件基础之上。,图1-2TCP/IP参考模型与OSI参考模型的对照,HTTP协议,超文本传输协议HTTP（HyperTextTransferProtocol）其定义的事务处理由以下4个步骤组成：（1）客户端与服务器建立连接；（2）客户端向服务器提出请求；（3）如果请求被接受，则服务器送回响应，在响应中包括状态码和所需的文件；（4）客户端和服务器断开连接。,远程登录协议Telnet,Telnet是关于远程登录的一个协议。用户可以通过用Telnet连入某个主机，成为该主机的终端而访问各种所需的信息，或运行远程主机上的程序来求解各种复杂的问题还可以利用Telnet连到Internet上的种种服务器，如Archie、Gopher、Wais、WWW以及其它服务器，比如某图书馆的资料文献服务器等等,文件传输协议FTP,FTP既是一种文件传输协议，也是一种服务。能使Internet上两台主机间互传（拷贝）文件FTP服务器匿名FTP服务器；用户名和口令登录连接、拷贝文件,IP地址、域名和URL,IP地址IP地址是识别Internet网络中的主机及网络设备的唯一标识表示：网络地址+主机地址，长度为4个字节，由3个用“.”分隔的十进制数组成，每个数不大于255，如22A类：用于大型网络B类：用于中型网络C类：用于小型网络（LAN）,IP地址,域名,IP地址用数字表示不易记忆，TCP/IP为人们方便记忆而设计了一种字符型的计算机命名机制，便形成了网络域名系统。,域名系统的结构,域名系统的结构是层次型的，域下面按领域又分子域，子域下面又有子域。在表示域名时，自右到左越来越小，用“.”分开。主机名.机构名.网络名.顶层域名如：,域名,7个组织模式的顶级域名分配如下：com商业组织edu教育机构gov政府部门mil军事部门net网络中心org上述以外的组织int国际组织,域名服务器（DNS),域名系统与IP地址的关系,域名服务器（DNS),DNS实际上是一个服务器软件，运行在指定的计算机上，完成域名IP地址的转换。,统一资源定位器URL,URL（UniformResourceLocator）就是用来确定某信息位置的方法格式：/URL的例子：telnet:/:70/pub/www/docgopher:/news:comp.sys.novellwais:/,连入Internet的基本方法,拨号连接终端方式,2.,选择这种方式入网用户所需要的硬件设备包括一台微型计算机、一根电话线、一台调制解调器（MODEM）、一根RS232电缆。,硬件设备,通过局域网连接及配置,建立一定规模的局域网，并与Internet联通，用户的微机需配置一块网卡并连至本地局域网，便可进入Internet。用户必须为微机配置一块网卡以及一根连至局域网的电缆。,1.ISDN,ISDN是综合业务数字网的简称，它由电话综合数字网(IDN)发展而来。,ISDN主要有两种类型：基本速率(BRI)和基群速率(PRI)。,ISDN可向用户提供各种各样的业务。CCITT将ISDN的业务分为三类：承载业务，用户终端业务和补充业务。,分组网连接,该方式通过分组交换网如CHINAPAC的虚电路进行连接。,3.ADSL,ADSL的接入模型主要有中央交换局端模块和远端模块组成。,CableModem,2.,WWW页面和浏览器,网页是WWW系统中信息的基本单位，Web服务器就是以网页为单位处理信息的，客户端的信息请求也是以网页为基本单位的。网页的本身是一个纯文本文件，其扩展名是.htm或.html等，网页文件中包含的内容可以是文字、图片、超链接、影片、声音等。主页（homepage）就是进入WWW网站的第一个网页，也称为首页。浏览器是专门用于浏览网页的软件，如Microsoft的IE、Netscape的Navigator等。当连通Internet，启动计算机中的浏览器后，浏览器就会按照地址栏中的地址找到网页文件并显示在屏幕上。,WWW页面,一般说来，出现在浏览器中的WWW页面不外乎有两种：静态页面和动态页面。,1.静态页面所谓静态页面就是指那些不能够接收用户输入信息的WWW页面，其内容是静态的，唯一的响应就是接收鼠标点击超级连接后显示所连接的页面。当用户用鼠标点击其中一个超级连接后，就会在浏览器中显示所连接的页面信息。2.动态页面动态页面与静态页面不同，在动态页面，用户可以输入动态网页所允许的各种信息，实现人机交互。,常用网页制作工具,1.HTML代码编辑工具这种软件把各种HTML的标记以按钮或菜单的形式提供给用户，当需要加入某种标记时，只需单击相应的按钮或菜单，标记就会自动加入到文件中，设计人员只需在标记中间加入自己的文字、图像、声音等内容。典型的有HomeSite、HotDog、HTMLedit、WebEdit等，使用这种工具虽然省去了输入标记的时间，但设计人员仍然必须对各种标记的格式和功能非常熟悉，即使这样，编辑复杂页面仍然会显得繁杂。,2.混合型工具混合型工具能在所见即所得的工作环境下完成主要的工作，同时也能切换到一个文本编辑器，对HTML源代码进行直接的调整。典型的混合型工具有Macromedia的Dreamweaver和Microsoft的FrontPage等。除编辑HTML文件外，制作网页还需要处理大量的图像、动画、声音文件，因此必须掌握一种图像处理软件。典型的图像处理软件有Adobe公司的Photoshop、Macromedia公司的Fireworks，典型的动画软件有Macromedia公司的Flash，Ulead公司的Cool3D，GIFAnimator等。,网页制作的一般过程,制作网页如同泼墨作画，首先要进行构思，然后再加以实现。构思阶段需要考虑以下内容。页面主题：本页面中心问题是什么。页面内容：用什么内容反映主题，如文字、图片、声音、动画等。结构布局：将什么内容放在什么地方。色彩搭配：彩色页面如同五彩缤纷的大自然，能给人美的享受