vs2017 html文档可视化视图,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一般形式

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

标签：标识文档结构及超链信息

Web浏览器：显示标签文档信息，解释能力和显示风格依赖于浏览器

编辑工具：记事本，FrontPage、Dreamweaver

客户端技术

2

层叠样式表CSS

样式定义：如何显示HTML元素

外部样式表可以极大提高工作效率

外部样式表通常存储在CSS文件中

功能：以定义标签属性形式设置元素视觉效果，扩展名为.css

标签属性：background、color、font、border、positon等

客户端技术

XML: 可扩展标记语言，属于SGML标准通用标记语言

跨平台: 依赖于内容，处理结构化文档

特点：简单的数据存储语言，使用简单标记描述数据，空间大简单易用。

可扩展标记语言: XML

基于XML 的 ASP.NET开发

<