第1章 Web编程基础知识

《第1章 Web编程基础知识》由会员分享，可在线阅读，更多相关《第1章 Web编程基础知识（37页珍藏版）》请在金锄头文库上搜索。

1、Web程序设计 主讲 邓小亚数理与软件工程学院计算机教研室 学习内容 Web编程基础知识超文本标记语言HTMLJavaScript语言CSS样式表网页制作工具简介 网页三剑客 网站的规划与设计 第1章Web编程基础知识 1 什么是Web2 Web的工作原理及基本技术3 Internet基本知识4 IP地址 域名和URL5 常用网页制作工具及网页制作的一般过程6 本章小结 本章介绍开发Web程序应该必备的基础知识 包括Web的基本概念和工作原理 Internet基本知识 网络协议 IP地址 域名和统一资源定位器URL 常用网页制作工具及网页制作的一般过程等 为在本课程中学习Web程序设计方法和开

2、发技术做好准备 什么是Web Web全称为WorldWideWeb 又称为万维网 WWW或者3W Web是Internet提供的一种服务Web是由遍及全球的信息资源组成的系统这些信息资源包含的内容可以是文本 表格 图像 视频 音频等Web是一种超文本信息系统Web是分布式的 具有新闻性 动态的 交互的 Web的工作原理 Web服务器向浏览器提供服务的过程大致可以归纳为以下5个步骤 1 用户打开计算机 客户机 启动浏览器程序 NetscapeNavigator MicrosoftInternetExplorer等 并在浏览器中指定一个URL UniformResourceLocator 统一资源

3、定位器 浏览器便向该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服务器就运行

4、这些程序 并将结果传送至浏览器 Web服务器运行这些程序时还可能调用数据库服务器和其他服务器 5 URL也可以指向VRML VirtualRealityModelingLanguage 文档 只要浏览器中配置有VRML插件 或者客户机上已安装VRML浏览器 就可以接收Web服务器发送的VRML文档 Web基本技术 1 服务器技术 主要指有关Web服务器建构的基本技术 包括服务器策略与结构设计 服务器软硬件的选择及其他有关服务器构建的问题 2 HTML HypertextMarkupLanguage 技术 是一种超文本标识语言 它是构成Web页面的主要工具 HTML是Web的基础 它的超文本思想

5、简单的说就是纯文本加标记 所以它的重要内容就是要熟悉和掌握这些标记 Web基本技术 3 XML eXtensibleMarkupLanguage 技术 是W3C组织于1998年2月发布的标准 它是为了克服HTML缺乏灵活性和伸缩性的缺点以及SGML过于复杂 不利于软件应用的缺点而发展起来的一种元标记语言 4 Java技术 利用Java可以创建小应用程序 applet 使之从服务器下载到浏览器 并在客户端的机器上运行 Javaapplet可提供动画 音频和音乐等多媒体服务 Web基本技术 5 JavaScript技术 是由Netscape开发的一种解释语言 它可以直接插入到HTML文档中 它具有

6、Java的许多特性 但比Java更为简单有效 而且不需要编译 因而也是Web技术的重要组成部分 6 JSP JavaServerPages 技术 是由SunMicrosystem公司于1999年6月份推出的新技术 是基于JavaServlet以及整个Java体系的Web开发技术 利用这一技术可以建立先进 安全和跨平台的动态网站 Web基本技术 7 ActiveX技术和VBscript技术 ActiveX技术是MicrosoftInternet战略的中心环节 它本质上是OLE技术在Web上的应用 VBscript是VisualBasic的简化和修改版本 使VB能够更适用于Internet 它是一

7、种页面设计的脚本语言 能够控制ActiveX控件 8 ASP ActiveServerPages 技术 利用ASP 服务器可以执行用户用VBscript或JavaScript编写的嵌入HTML文档中的程序 ASP是Web动态页面设计的基础 通过ASP Web页面可以访问数据库 存取服务器的有关资源 使得Web页面具有强大的交互能力 Web基本技术 9 PHP HypertextPreprocessor 技术 是近年来发展得比较快的一门新兴语言 PHP是一种易于学习和使用的服务器端脚本语言 是生成动态网页的工具之一 它是嵌入HTML文件的一种脚本语言 其语法大部分是借鉴了C Java语言 并形成

8、了自己的独有风格 10 VRML VirtualRealityModelingLanguage 技术 Web已经由静态转入动态 并正在逐渐由二维走向三维 将用户带入五彩缤纷的虚拟世界 VRML是目前创建三维对象最重要的工具 它也是一种基于文本的语言 并可运行于任何平台 Internet基本知识 Internet是由各种不同类型 不同规模 独立管理和运行的主机或计算机网络组成的一个全球性特大网络 Internet使用的网络协议是TCP IP协议 凡是连入Internet的计算机都必须安装和运行TCP IP协议软件 Internet的应用 Internet的应用 BBS是Internet上的电子公

9、告板系统 BBS上开设了许多专题 供感兴趣的人士进行讨论 交流等活动 全球信息网 WWW WWW是分布式超媒体系统 内容和信息检索技术与超文本技术而形成的使用简单 功能强大的全球信息系统 也是基于Internet的信息服务系统 电子公告板 BBS 中国互联网络的发展 中国教育与科研计算机网CERNet 中国科技网CSTNet 中国公用计算机互联网CHINANet 中国金桥信息网CHINAGBN TCP IP协议 TCP IP协议把整个网络分成4个层次 应用层 传输层 网络层和物理链路层 它们都建立在硬件基础之上 图1 2TCP IP参考模型与OSI参考模型的对照 HTTP协议 超文本传输协议H

10、TTP HyperTextTransferProtocol 其定义的事务处理由以下4个步骤组成 1 客户端与服务器建立连接 2 客户端向服务器提出请求 3 如果请求被接受 则服务器送回响应 在响应中包括状态码和所需的文件 4 客户端和服务器断开连接 远程登录协议Telnet Telnet是关于远程登录的一个协议 用户可以通过用Telnet连入某个主机 成为该主机的终端而访问各种所需的信息 或运行远程主机上的程序来求解各种复杂的问题还可以利用Telnet连到Internet上的种种服务器 如Archie Gopher Wais WWW以及其它服务器 比如某图书馆的资料文献服务器等等 文件传输协议

11、FTP FTP既是一种文件传输协议 也是一种服务 能使Internet上两台主机间互传 拷贝 文件FTP服务器匿名FTP服务器 用户名和口令登录连接 拷贝文件 IP地址 域名和URL IP地址IP地址是识别Internet网络中的主机及网络设备的唯一标识表示 网络地址 主机地址 长度为4个字节 由3个用 分隔的十进制数组成 每个数不大于255 如210 29 135 122A类 用于大型网络B类 用于中型网络C类 用于小型网络 LAN IP地址 域名 IP地址用数字表示不易记忆 TCP IP为人们方便记忆而设计了一种字符型的计算机命名机制 便形成了网络域名系统 域名系统的结构 域名系统的结构是

12、层次型的 域下面按领域又分子域 子域下面又有子域 在表示域名时 自右到左越来越小 用 分开 主机名 机构名 网络名 顶层域名如 域名 7个组织模式的顶级域名分配如下 com商业组织edu教育机构gov政府部门mil军事部门net网络中心org上述以外的组织int国际组织 域名服务器 DNS 域名系统与IP地址的关系 域名服务器 DNS DNS实际上是一个服务器软件 运行在指定的计算机上 完成域名 IP地址的转换 统一资源定位器URL URL UniformResourceLocator 就是用来确定某信息位置的方法格式 URL的例子 http www whitehouse govtelnet

13、70ftp ftp w3 org pub www docgopher news comp sys novellwais 连入Internet的基本方法 拨号连接终端方式 2 选择这种方式入网用户所需要的硬件设备包括一台微型计算机 一根电话线 一台调制解调器 MODEM 一根RS232电缆 硬件设备 通过局域网连接及配置 建立一定规模的局域网 并与Internet联通 用户的微机需配置一块网卡并连至本地局域网 便可进入Internet 用户必须为微机配置一块网卡以及一根连至局域网的电缆 1 ISDN ISDN是综合业务数字网的简称 它由电话综合数字网 IDN 发展而来 ISDN主要有两种类型 基

14、本速率 BRI 和基群速率 PRI ISDN可向用户提供各种各样的业务 CCITT将ISDN的业务分为三类 承载业务 用户终端业务和补充业务 分组网连接 该方式通过分组交换网如CHINAPAC的虚电路进行连接 3 ADSL ADSL的接入模型主要有中央交换局端模块和远端模块组成 CableModem 2 WWW页面和浏览器 网页是WWW系统中信息的基本单位 Web服务器就是以网页为单位处理信息的 客户端的信息请求也是以网页为基本单位的 网页的本身是一个纯文本文件 其扩展名是 htm或 html等 网页文件中包含的内容可以是文字 图片 超链接 影片 声音等 主页 homepage 就是进入WWW

15、网站的第一个网页 也称为首页 浏览器是专门用于浏览网页的软件 如Microsoft的IE Netscape的Navigator等 当连通Internet 启动计算机中的浏览器后 浏览器就会按照地址栏中的地址找到网页文件并显示在屏幕上 WWW页面 一般说来 出现在浏览器中的WWW页面不外乎有两种 静态页面和动态页面 1 静态页面所谓静态页面就是指那些不能够接收用户输入信息的WWW页面 其内容是静态的 唯一的响应就是接收鼠标点击超级连接后显示所连接的页面 当用户用鼠标点击其中一个超级连接后 就会在浏览器中显示所连接的页面信息 2 动态页面动态页面与静态页面不同 在动态页面 用户可以输入动态网页所允

16、许的各种信息 实现人机交互 常用网页制作工具 1 HTML代码编辑工具这种软件把各种HTML的标记以按钮或菜单的形式提供给用户 当需要加入某种标记时 只需单击相应的按钮或菜单 标记就会自动加入到文件中 设计人员只需在标记中间加入自己的文字 图像 声音等内容 典型的有HomeSite HotDog HTMLedit WebEdit等 使用这种工具虽然省去了输入标记的时间 但设计人员仍然必须对各种标记的格式和功能非常熟悉 即使这样 编辑复杂页面仍然会显得繁杂 2 混合型工具混合型工具能在所见即所得的工作环境下完成主要的工作 同时也能切换到一个文本编辑器 对HTML源代码进行直接的调整 典型的混合型工具有Macromedia的Dreamweaver和Microsoft的FrontPage等 除编辑HTML文件外 制作网页还需要处理大量的图像 动画 声音文件 因此必须掌握一种图像处理软件 典型的图像处理软件有Adobe公司的Photoshop Macromedia公司的Fireworks 典型的动画软件有Macromedia公司的Flash Ulead公司的Cool3D GIFAnimator