网页、网站制作基础剖析.ppt

网页设计与制作教程 机械工业出版社同名教材 配套电子教案 2005.8 * * 1.1 网页与网站的概念 1.2 Web标准 1.3 网页制作的常用软件 1.4 构成网页的基本元素 1.5 网站建设的流程 第1章 网页、网站制作基础 WWW（World Wide Web，万维网）是Internet上基于客户/服务器体系结构的分布式多平台的超文本超媒体信息服务系统，它是Internet的最主要的信息服务，允许用户在一台计算机上通过Internet存取另一台计算机上的信息。 网页（Web page）是按照网页文档规范编写的一个或多个文件，它可以在WWW上传输，并被浏览器翻译成页面显示出来。 网站（Web site）是一组相关网页以及有关的文件、脚本和数据库等内容的有机集合，即若干个网页文件经过规划组织后彼此相连而形成完整结构的信息服务系统。网页是网站的基本信息单位。网站通过WWW上的HTTP服务器提供服务。网站上的网页集合以及其他文件的入口页或起始页称为主页（home page）。 1.1 网页与网站的概念 1.1.2 为什么要建立Web标准 典型的浏览器有Netscape和IE两种，在1996～1999年期间，为了兼容Netscape和IE，网站不得不为这两种浏览器编写不同的代码。为了解决这些问题，就需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（World Wide Web Consortium，/）的组织下，网站标准开始被建立（以1998年2月10日发布XML 1.0为标志），并在网站标准组织的督促下推广执行。 1.2.2 什么是Web标准 Web标准是一些规范的集合，是由W3C和其他的标准化组织共同制定的，以用它来创建和解释网页的基本内容。这些规范是专门为了那些在网上发布的可向后兼容的文档所设计，使其能够被大多数人所访问。 1.2 Web标准 1.2 Web标准 1. 结构标准语言 (1) XML XML（Extensible Markup Language，可扩展标识语言）目前推荐遵循的是W3C于2000年10月6日发布的XML1.0。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。 (2) XHTML XHTML（Extensible HyperText Markup Language，可扩展超文本标识语言）是HTML向XML过渡的一个桥梁。是一个引导人们逐步走向规范、走向XML的过渡方案。XHTML虽然有“X”但它并不能扩展，只是在HTML的基础上严格遵循XML规范。 1.2 Web标准 2. 表现标准语言 当讨论Web标准时，总是提及结构和表现分离的重要性。结构是文档中的主体部分，由语义化、结构化的标记组成。表现是赋予内容的一种样式，在大多数情况下，表现就是文档看起来的样子。尽可能地把结构和表现相分离，这样当表现变化时，不用去更改结构。 CSS（Cascading Style Sheets，层叠样式表）目前推荐遵循的是W3C于1998年5月12日推荐的CSS2（/TR/CSS2/）。W3C创建CSS标准的目的是以CSS取代HTML表格式布局、帧和其他表现的语言。纯CSS布局与结构式XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。 3. 行为标准 (1) DOM 根据W3C DOM规范（/DOM/），DOM（Document Object Model，文档对象模型）是一种与浏览器、平台、语言的接口，使得用户可以访问页面其他的标准组件。简单理解，DOM解决了Netscaped的JavaScript和Microsoft的JScript之间的冲突，给予Web设计师和开发者一个标准的方法，让他们来访问站点中的数据、脚本和表现层对象。 (2) ECMAScript ECMAScript是ECMA（European Computer Manufacturers Association，欧洲计算机制造协会）制定的标准脚本语言。目前推荐遵循的是ECMAScript 262。 1.2 Web标准 1. Dreamweaver 这是现在使用最广泛的网页编辑工具之一。Dreamweaver是Macromedia