html标记案例.pptx

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的访问方式://主机:端口/路径 URL一般形式 http://主机:端口/路径 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 标签：标识文档结构及超链信息html/htmlbody/body Web浏览器：显示标签文档信息，解释能力和显示风格依赖于浏览器 编辑工具：记事本，FrontPage、Dreamweaver 客户端技术 2 层叠样式表CSS 样式定义：如何显示HTML元素 外部样式表可以极大提高工作效率 外部样式表通常存储在CSS文件中 功能：以定义标签属性形式设置元素视觉效果，扩展名为.css 标签属性：background、color、font、border、positon等 客户端技术 XML: 可扩展标记语言，属于SGML标准通用标记语言 跨平台: 依赖于内容，处理结构化文档 特点：简单的数据存储语言，使用简单标记描述数据，空间大简单易用。 可扩展标记语言: XML ?xml version=1.0 encoding=gb2312 ? root book name基于XML 的 ASP.NET开发/name price 42/ price authorDan Wahlin/王