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