Web程序设计
主讲：魏开平
Web基础知识
浏览器 ：浏览新闻、上传下载资源，网上报名，信息查询等
Web程序
网页: Web页面
Web程序: 可以在网页上运行的程序
什么是Web程序？
Web程序的发展
C/S模式
B/S模式
客户/服务器模式
胖客户/瘦服务器
QQ, 传奇, 瑞星
浏览器/服务器模式
瘦客户/胖服务器
用浏览器完成操作
Web术语
B
C
E
F
IP地址
DNS域名解析
A
Web服务器
名称：Web服务器、WWW服务器、网站服务器
功能：将本地信息以网页文件形式组织起来，为用户在Internet上提供浏览及连接服务。
系统：网络操作系统(UNIX、Linux或Window)+信息服务器程序(IIS、Apache、Tomcat)
Web术语
浏览器(browser)
浏览器：Web客户端程序
功能：与Web服务器建立连接，用链接地址确定网页位置，获取网页，显示网页
系统：IE(Internet Explorer)、Navigator、Mozilla FireFox、Maxthon、Opera和Safari
(Mac OS)
说明：同一网页在不同浏览器上显示效果可能有区别
B
Web术语
HTTP协议
定义：网页传输HTTP协议，传送网页资源信息
HTTP两类报文
请求报文：从客户向服务器发送请求
响应报文：从服务器到客户的回答
C
Web术语
D
IP地址
定义：网络上唯一标示机器的地址。网络通信必须获取目标机器的IP地址
说明：采用点分十进制表示：
定义：为方便记忆，为服务器注册名字(域名), www.ccnu.
DNS(域名服务器)：将域名解析成对应IP地址
E
DNS域名解析
Web术语
F
统一资源定位URL
统一资源定位符URL：标明网上资源的位置和访问方法
说明：URL中不区分字符的大小写
://:/
URL一般形式
Web术语
HTTP工作原理
因特网
HTTP使用TCP连接
浏览器
程序
服务器
程序
HTTP
客户
华中师大
学院门户
?
浏览器分析超链指向页面的URL
浏览器向DNS请求解析( )IP地址
域名系统DNS解析出(华中师范大学服务器)IP地址
浏览器与服务器建立TCP连接
浏览器发出取文件命令：GET/index.htm
服务器给出响应：把文件index.htm发给浏览器
TCP连接释放。
浏览器显示文件index.htm中的所有文本
Web访问工作原理
浏览器结构
与远地
服务器通信
输出至显示器
从鼠标和键盘输入
网 络 接 口
可选客户程序
HTML解释程序
可选解释程序
控制程序
驱
动
程
序
…
…
HTTP客户程序
缓 存
Web技术
Web技术的分类
无后台数据库、无程序和不可交互
固定的显示：编的什么显示什么
适用更新较少的展示型网站
静态网页
在服务器端运行
内容可变：服务器端程序、网页、组件，属于随不同客户、不同时间，返回不同的网页
动态网页
HTML
XHTML
CSS
Web技术：汇聚了当前信息处理的所有技术及手段，并不断发展
Javascript
DOM
CGI
ASP
PHP
JSP
XML
AJAX
ASP.NET
Web技术
Web标准
WEB标准: 一系列标准的集合
网页组成：结构+表现+行为
标准三方面
结构化标准语言: XHTML和XML
表现标准语言: CSS
行为标准: 对象模型(DOM)、ECMAScript
1
超文本标记语言HTML
HTML：构成网页文件的基础，纯文本文件，扩展名为.htm或.html
标签：标识文档结构及超链信息
Web浏览器：显示标签文档信息，解释能力和显示风格依赖于浏览器
编辑工具：记事本，FrontPage、Dreamweaver
客户端技术
2
层叠样式表CSS
样式定义：如何显示HTML元素
外部样式表可以极大提高工作效率
外部样式表通常存储在CSS文件中
功能：以定义标签属性形式设置元素视觉效果，扩展名为.css
标签属性：background、color、font、border、positon等
客户端技术
XML: 可扩展标记语言，属于SGML标准通用标记语言
跨平台: 依赖于内容，处理结构化文档
特点：简单的数据存储语言，使用简单标记描述数据，空间大简单易用。
可扩展标记语言: XML
基于XML 的 ASP.NET开发
<
