1主讲:邓小亚数理与软件工程学院计算机教研室2学习内容Web编程基础知识超文本标记语言HTMLJavaScript语言CSS样式表网页制作工具简介(网页三剑客)网站的规划与设计3第1章Web编程基础知识1.什么是Web2.Web的工作原理及基本技术3.Internet基本知识4.IP地址、域名和URL5.常用网页制作工具及网页制作的一般过程6.本章小结本章介绍开发Web程序应该必备的基础知识,包括Web的基本概念和工作原理、Internet基本知识、网络协议、IP地址、域名和统一资源定位器URL,常用网页制作工具及网页制作的一般过程等,为在本课程中学习Web程序设计方法和开发技术做好准备。4什么是WebWeb全称为WorldWideWeb(又称为万维网、)Web是Internet提供的一种服务Web是由遍及全球的信息资源组成的系统这些信息资源包含的内容可以是文本、表格、图像、视频、音频等Web是一种超文本信息系统Web是分布式的、具有新闻性、动态的、交互的返回5Web的工作原理Web服务器向浏览器提供服务的过程大致可以归纳为以下5个步骤:(1)用户打开计算机(客户机),启动浏览器程序(NetscapeNavigator,MicrosoftInternetExplorer等),并在浏览器中指定一个URL(UniformResourceLocator,统一资源定位器),浏览器便向该URL所指向的Web服务器发出请求。(2)Web服务器(也称为HTTP服务器)接到浏览器的请求后,把URL转换成页面所在服务器的文件路径名。返回6(3)如果URL指向的是普通的HTML(HypertextMarkupLanguage,超文本标记语言)文档,Web服务器将直接把它传送给浏览器。HTML文档中可能包含用Java,JavaScript,ActiveX,VBScript等编写的小应用程序(applet),服务器也将它们随HTML文档一道传送到浏览器,在浏览器所在的机器上执行。图1-1客户机/服务器模型返回7(4)如果HTML文档中嵌有ASP、JSP或PHP程序,那么Web服务器就运行这些程序,并将结果传送至浏览器。Web服务器运行这些程序时还可能调用数据库服务器和其他服务器。(5)URL也可以指向VRML(VirtualRealityModelingLanguage)文档。只要浏览器中配置有VRML插件,或者客户机上已安装VRML浏览器,就可以接收Web服务器发送的VRML文档。返回8Web基本技术1.服务器技术:主要指有关Web服务器建构的基本技术,包括服务器策略与结构设计、服务器软硬件的选择及其他有关服务器构建的问题。2.HTML(HypertextMarkupLanguage)技术:是一种超文本标识语言,它是构成Web页面的主要工具。HTML是Web的基础,它的超文本思想简单的说就是纯文本加标记,所以它的重要内容就是要熟悉和掌握这些标记。9Web基本技术3.XML(eXtensibleMarkupLanguage)技术:是W3C组织于1998年2月发布的标准。它是为了克服HTML缺乏灵活性和伸缩性的缺点以及SGML过于复杂、不利于软件应用的缺点而发展起来的一种元标记语言。4.Java技术:利用Java可以创建小应用程序(applet),使之从服务器下载到浏览器,并在客户端的机器上运行。Javaapplet可提供动画、音频和音乐等多媒体服务。10Web基本技术5.JavaScript技术:是由Netscape开发的一种解释语言,它可以直接插入到HTML文档中。它具有Java的许多特性,但比Java更为简单有效,而且不需要编译,因而也是Web技术的重要组成部分。6.JSP(JavaServerPages)技术:是由SunMicrosystem公司于1999年6月份推出的新技术,是基于JavaServlet以及整个Java体系的Web开发技术。利用这一技术可以建立先进、安全和跨平台的动态网站。11Web基本技术7.ActiveX技术和VBscript技术:ActiveX技术是MicrosoftInternet战略的中心环节,它本质上是OLE技术在Web上的应用。VBscript是VisualBasic的简化和修改版本,使VB能够更适用于Internet。它是一种页面设计的脚本语言,能够控制ActiveX控件。8.ASP(ActiveServerPages)技术:利用ASP,服务器可以执行用户用VBscript或JavaScript编写的嵌入HTML文档中的程序。ASP是Web动态页面设计的基础,通过ASP,Web页面可以访问数据库,存取服务器的有关资源,使得Web页面具有强大的交互能力。12Web基本技术9.PHP(HypertextPreprocessor)技术:是近年来发展得比较快的一门新兴语言。PHP是一种易于学习和使用的服务器端脚本语言,是生成动态网页的工具之一。它是嵌入HTML文件的一种脚本语言,其语法大部分是借鉴了C,Java语言,并形成了自己的独有风格。10.VRML(VirtualRealityModelingLanguage)技术:Web已经由静态转入动态,并正在逐渐由二维走向三维,将用户带入五彩缤纷的虚拟世界。VRML是目前创建三维对象最重要的工具,它也是一种基于文本的语言,并可运行于任何平台。13Internet基本知识Internet是由各种不同类型、不同规模、独立管理和运行的主机或计算机网络组成的一个全球性特大网络。Internet使用的网络协议是TCP/IP协议,凡是连入Internet的计算机都必须安装和运行TCP/IP协议软件。返回14Internet的应用远程登录(Telnet)远程登录是指在网络通信协议telnet的支持下,使用户的计算机暂时成为远程计算机终端的过程,一经登录后在个人计算机与远程主机之间建立在线连接,用户便可以实时使用远程计算机对外开放的全部资源。电子邮件(E-mail)电子邮件是Internet上应用范围最为广泛的服务,它是通过连网计算机与其它用户进行联络的快速、高效、廉价的现代化通信手段。文件传输(FTP)文件传输是指在不同计算机系统间传输文件的过程,FTP:(文件传输协议)是传输文件使用的协议。15Internet的应用BBS是Internet上的电子公告板系统,BBS上开设了许多专题,供感兴趣的人士进行讨论、交流等活动。全球信息网()是分布式超媒体系统,内容和信息检索技术与超文本技术而形成的使用简单、功能强大的全球信息系统,也是基于Internet的信息服务系统。电子公告板(BBS)16中国互联网络的发展CERNETCSTNETCHINAGBNINTERNETCHINANET中国教育与科研计算机网CERNet中国科技网CSTNet中国公用计算机互联网CHINANet中国金桥信息网CHINAGBN17TCP/IP协议TCP/IP协议把整个网络分成4个层次:应用层、传输层、网络层和物理链路层。它们都建立在硬件基础之上。OSI参考模型TCP/IP参考模型应用层应用层表示层会话层传输层传输层网络层网络层数据链路层物理链路层物理层图1-2TCP/IP参考模型与OSI参考模型的对照返回18HTTP协议超文本传输协议HTTP(HyperTextTransferProtocol)其定义的事务处理由以下4个步骤组成:(1)客户端与服务器建立连接;(2)客户端向服务器提出请求;(3)如果请求被接受,则服务器送回响应,在响应中包括状态码和所需的文件;(4)客户端和服务器断开连接。返回19远程登录协议TelnetTelnet是关于远程登录的一个协议。用户可以通过用Telnet连入某个主机,成为该主机的终端而访问各种所需的信息,或运行远程主机上的程序来求解各种复杂的问题还可以利用Telnet连到Internet上的种种服务器,如Archie、Gopher、Wais、以及其它服务器,比如某图书馆的资料文献服务器等等返回20文件传输协议FTPFTP既是一种文件传输协议,也是一种服务。能使Internet上两台主机间互传(拷贝)文件FTP服务器•匿名FTP服务器;•用户名和口令登录连接、拷贝文件返回21IP地址、域名和URLIP地址IP地址是识别Internet网络中的主机及网络设备的唯一标识表示:网络地址+主机地址,长度为4个字节,由3个用“.”分隔的十进制数组成,每个数不大于255,如210.29.135.122A类:用于大型网络B类:用于中型网络C类:用于小型网络(LAN)返回22IP地址网络号机器号A类08162432网络号机器号B类网络号机器号C类0110101.X.Y.Z~126.X.Y.Z128.X.Y.Z~191.X.Y.Z192.X.Y.Z~223.X.Y.ZA类C类1677214254B类6553423域名IP地址用数字表示不易记忆,TCP/IP为人们方便记忆而设计了一种字符型的计算机命名机制,便形成了网络域名系统。域名系统的结构域名系统的结构是层次型的,域下面按领域又分子域,子域下面又有子域。在表示域名时,自右到左越来越小,用“.”分开。主机名.机构名.网络名.顶层域名如:域名7个组织模式的顶级域名分配如下:•com商业组织•edu教育机构•gov政府部门•mil军事部门•net网络中心•org上述以外的组织•int国际组织返回25域名服务器(DNS)域名系统与IP地址有映射关系,它也实行层次型管理。在访问一台计算机时,既可用IP地址表示,也可用域名表示。一般情况下,一个域名对应一个IP地址,但并不是每个IP地址都有一个域名和它对应,对于不需要他人访问的计算机只有IP地址,没有域名。还有时一个IP地址对应几个域名。域名系统与IP地址的关系域名服务器(DNS)DNS实际上是一个服务器软件,运行在指定的计算机上,完成域名——IP地址的转换。26统一资源定位器URLURL(UniformResourceLocator)就是用来确定某信息位置的方法格式:信息服务类型://信息资源地址/文件路径URL的例子:•••telnet://odysseus.circe.com:70••gopher://gopher.internet.com•news:comp.sys.novell•wais://quake.think.com/directory-of-servers返回27电话网PPP帐号口令INTERNETISP网络连入Internet的基本方法281.选择ISP以拨号连接终端方式接入Internet时,须先在Internet的一台服务器上拥有用户自己的帐号,这样的服务器一般由一些Internet的服务机构控制,称为Internet服务提供商ISP,相当于Internet的下级代理。拨号连接终端方式拨号连接终端方式是用户接入Internet最简单、最经济的方式。这种方式是利用已有的电话网,通过电话拨号程序将用户的计算机连接到已接入Internet的一台主机上,成为该主机的一台仿真终端,经由主机系统访问Internet。292.选择这种方式入网用户所需要的硬件设备包括一台微型计算机、一根电话线、一台调制解调器(MODEM)、一根RS232电缆。3.软件拨号上网的用户需要有一个仿真终端软件。目前较为流行的仿真终端软件有Windows下的终端仿真程序Terminal、WindowsXP下的超级终端软件等。硬件设备以SLIP和PPP方式入网时,与拨号连接的不同之处是用户的计算机并不是作为终端,而是使用SLIP或PPP协议与主机通信,是本地微机具有IP地址,成为Internet的一