静态网页.doc

静态网页第1章了解网页 15 年前, “网上冲浪”还是一个很时尚的名词,但随着互联网的飞速发展, 时至今日, 使用网络已经成为人们生活中的一部分。 Web 时代, 人们只是在网页上浏览信息, 而在现在所处的 Web 时代里, 人们可以在网页上和朋友讨论话题、听音乐、看电影、进行电子商务的操作。《纽约时报》专栏作家托马斯? 弗里曼在他的《世界是平的》一书中说到:“ 2000 年世界进入了一个新纪元: 全球化 。世界从小缩成微小,竞赛场地铲平了。”本章将介绍一些与互联网相关的常用技术解释, 以及制作网页时通常需要涉及的领域和考虑的问题等。本章的知识点很多但并不难理解, 读者千万不要被那些可怕的名词或代码给吓住。虽然 HTML ( Hypertext Marked Language ,超文本标记语言)标签很多,但是在找到规律后也就千篇一律了。好比去大卖场买菜, 第一次进去真的很无奈, 因为根本分不清蔬菜的种类,至少在笔者眼里,感觉都是绿色的“草”。但是多去几次后就可以很轻松地做这件事了。事实上,学****HTML 不会比买菜难。本章的知识点如下。? 网页的概念和分类:了解网页的概念,区别静态网页和动态网页的不同。? 设计网页的原则和工具:了解开发网页的常用工具。? 网页浏览器的工作原理:知道网页浏览器的工作原理,并了解 3 种常用的浏览器。? HTML 、 XML ( The Extensible Markup Language , 可扩展标识语言) 和 XHTML ( The Extensible Hypertext Markup Language ,可扩展超文本标识语言)的概念,区别这 3 个概念的异同点。? HTML 应用:通过本章最后的实例,演示一个简单的 HTML 页面的开发步骤。 什么是网页 21 世纪是信息化的时代, 互联网使用者可以在 上通过网页浏览信息, 如新闻、图片等; 也可以通过互联网发布信息, 如招聘信息、各种广告;或者是追赶潮流,加入现今十分流行的博客一族。然而这些都离不开互联网的这扇窗户——网页。本节将介绍网页的相关知识。 网页的概述网页其实是在这个世界的某一个地方某一台计算机上的一个文件,通过互联网,也就是 将两个不同的地址相连,把人们的信息传达到网络世界的各个角落。人们通过互联网, 可以在世界的任何一个地方互相交流沟通。什么是互联网?互联网是一种概念, 一个虚拟的东西。人们可以通过浏览器浏览新浪、百度等页面, 但不会有人说“浏览互联网”。互联网指的正是把所有网页链接在一起的巨大信息交流形式, 它基于很多的协议来体现出它的表现形式。 1989 年欧洲粒子物理实验室的科学家们提出了一个分类互联网信息的协议。这个协议极大地推动了互联网的发展和普及,后来它有了一个十分响亮的名字 WWW ( World Wide Web ) ,中文又称万维网( Wan Wei Wang ) 。可以认为,从 20 世纪 90 年代开始,互联网进入了 Web 的时代。早期的 Web 时代,大部分网页只有文字、图像信息可以浏览,这个时候最典型的互联网标志就是门户网站,如新浪、搜狐。从 200 1 年开始, 人们认为互联网开始进入 Web 时代, 这时的网页可以包含动画、音频、视频, 也可以在网页中进行交流、上传文件, 使用完全交互式的程序。互联网开始更注重个人化的网络服务, 任何使用网络的人,都可以参与到网页的制作中。笼统地说, 网页主要由结构、表现和行为 3 部分组成。对应的标准也分为 3 类,其中大部分都是由 W3C ( World Wide Web 协会)所制定, 这其中就包括 HTML 和 CSS ( Cascading Style Sheets ,即层叠样式表)。对于初学者来说, 了解网页的制作, 一定要分清楚 HTML 和 CSS 的不同作用。例如,使用<table> ,这是一个表格标签,意思是“将在这里放入一个表格”。那么这个表格该如何表现在浏览者的面前呢?如它的颜色、边框粗细等。而 CSS 的出现为设计者解决了这些问题,如图 和图 所示为不同样式的表格。图 粗边框的表格图 细边框的表格图 和图 都是有着一个 3×3 表格的页面。这样的描述,如同 HTML 语言所表达的含义,体现出页面上的内容,而在浏览器中最后的显示效果是完全不同外表的两个表格。图 表格的边框较粗,黑色;图 表格边框较细, 红色。这是因为它们使用了不同的 CSS 样式表。所以通俗地说, HTML 表现了页面的结构,而 CSS 修饰了页面中的这些内容。如果把制作网页比作一个人在设计一间屋子,那么 HTML 语言的作用是用来明确这