第7章网页设计基础解说.ppt

第七章 网页基础 学习目标 网页的基本概念 HTML基础 了解网页制作的常用工具 Part 1 网页的 基本概念 Internet 通俗地讲，Internet （因特网）就是许多功能不同的计算机通过线路连接起来组成的一个世界范围的网络。 Internet提供的主要服务 Internet 提供的服务： WWW服务（网上冲浪） 电子邮件服务（Email） 即时通信（QQ） 文件传输（FTP） 电子商务 WWW WWW是World Wide Web的缩写，也可简写为Web，中文叫做万维网。 万维网是虚拟的。它是无数不断变化的、种类不同的文档的集合，这些文档驻留在因特网上的某个地方，都是用某种形式的HTML编写的。 Web 服务器与浏览器 WWW的结构主要分为两个部分，一为服务器端（Server；二为客户端（Client）。这种模式称为客户机/服务器（Client/Server）模式。 Web 服务器：将网页资源有机地组织到一起，供用户通过浏览器下载、浏览。 WWW是由遍布在 Internet 上的称为 Web 服务器的计算机组成。 Web客户端：用来访问Web服务器资源的浏览器，现在最常用浏览器的就是IE。浏览器是获取WWW服务的基础。 Web 服务器与浏览器 HTTP HyperText Transfer Protocol——超文本传输协议 浏览Web就是以HTTP在Internet上传送以HTML（Hypertext Markup Language）——超文本标记语言编写的网页内容。从而进行信息交流。 HTML HTML(Hypertext Markup Language：超文本标记语言) ，它是一种规范，它通过标记符（tag）来标记要在网页中显示的各个部分。 HTML用于描述超文本的显示方式，从控制文字的颜色、大小，到标识资料的种类为图形文件或者声音等。 根据HTML语法所写出来的文件称为HTML文件。HTML文件在保存时，需保存为纯文本文件，并用.html或.htm作为扩展名。 网页与网站 网页（Web pages）网页（html文档）是网站的组成部分。它是网站的一个元素，每个网页对应着磁盘上的一个文件，由Web浏览器下载并格式化。 网站（Web site）在逻辑上可视为一个整体的一系列页面的有机集合称为网站（Web Site或Site）。 主 页 主页（Homepage）一个网站开始点的页面称为“主页” （也叫“首页”）。通常将其命名为index.html（或default.html)。它和一般的网页一样，也是一个单独的网页文件，可以介绍各种信息，但作为主页，它的主要功能是作为浏览站点其他网页的出发点和其他网页的汇总点。 HTML和CSS 老板本的HTML将内容、结构和格式化指令组合在一个文档中，这虽然比较简单，但是不够强大。 W3C设计了一个新系统，在这个系统中，格式化指令可以与内容和结构分开保存，因此可以根据需要应用于单一段落或网页，甚至整个网站。这个系统就称为CSS（层叠样式表） 本课程主要介绍使用HTML和CSS技术来编写网页。 CSS 层叠样式表 CSS 是 Cascading Style Sheet 的缩写。译作「层叠样式表」。 是用于控制网页元素的显示方式 样式表的宗旨就是将结构(内容)和格式分离 CSS也是一种标记语言，有很多属性来源于HTML，它也需要通过浏览器解释执行。 XML和XHTML 从外表来看，XML与HTML很相似，它们都是由标记、属性和值组成的。 XML是一种用来创建其他语言的语言。 W3C用XML重写了HTML，被称为XHTML，它具有HTML和XML两者的优点。这种新语言具有HTML的所有特性，因此所有浏览器都能够理解它。 统一资源定位器（URL） URL的全文为Uniform Resource Locator，译为统一资源定位器 URL可分为四部分： 协议://主机名/地点/文件名 URL举例 　　长沙理工大学的网址： /pub/cslg/index.htm 等价于： /pub/cslg/ Web服务器及其工作原理 Web服务器负责对来自客户的请求做出回答，并且负责管理信息、寻找信息和传递信息。 常见的Web服务器软件有： IIS（Internet information server） Apache Tomcat 浏览网页的工作过程 用户通过浏览器发出请求； WEB服务器接到请求后选择相应的网页发给用户的浏览器； 浏览器接收到网页文件（HTML文件）后，根据HTML标记符解释和显示各种内容。 网页技术概况 目前的网页技术，大致可分为三个方面 静态网页（HTML、CSS）：仅展示信息 静态网页是用HTML编写，扩展名为.htm或.