HTML课件第一章.ppt.ppt

第1章 了解网页 15年前，“网上冲浪”还是一个很时髦的词；时至今日，网络已经成为人们生活中不可或缺的一部分。在Web 1.0时代，人们只知道在网页中浏览信息；而Web 2.0时代，人们却可以在网页上和朋友聊天、听音乐、看电影或进行电子商务操作。《纽约时报》专栏作家托马斯·弗里曼在他的畅销书《世界是平的》中说到：“2000年世界进入了一个新纪元：全球化3.0。世界从小缩成微小，竞赛场地铲平了。” 本章将介绍一些与互联网相关的术语，以及网页制作涉及的技术和需要考虑的问题。本章的知识点很多但却不难理解，读者千万不要被那些可怕的名词或代码给吓住。虽然HTML（Hypertext Marked Language，超文本标记语言）的标签很多，但在找到规律后也就非常简单了。 1.1 什么是网页 21世纪是信息化时代，互联网使用者可以在Internet上浏览信息（如新闻、图片等），也可以通过互联网发布信息（如招聘信息、广告等），或者是追赶潮流成为一名博客达人。 这些都离不开网页。在下面的章节里，我们将陆续介绍网页的一些基础知识。 1.1.1 网页概述 网页其实是这个世界某个地方某台电脑上的一个文件，通过互联网两个不同的地址实现相连，因此这个文件被传递到了世界的各个角落。 什么是互联网？互联网是一个概念，指的是把所有网页链接在一起的一种信息交流形式。它基于很多的协议来实现这种信息互通。 1989年，欧洲粒子物理实验室的科学家们提出了一个分类互联网信息的协议。这个协议在后来极大地推动了互联网的发展和普及。后来，它有了一个十分响亮的名字WWW（World Wide Web），中文称为万维网（Wan Wei Wang）。可以认为，从20世纪90年代开始，互联网进入了Web 1.0的时代。 1.1.2 静态网页 在网站设计中，纯粹的HTML格式网页通常被称为“静态网页”。早期的网站一般都是由静态网页组成的。静态网页的特点是这个网页不论何时何地浏览，都将显示相同的形式和内容，且用户仅能浏览，无法与网站进行互动。也就是说，无法提供信息给网站，让网站响应使用者的需求。图1.3就是一个静态页面，它只能浏览而不能实现交互。 1.1.3 动态网页 动态网页是与静态网页相对应的，指的是网页内容可随着某个条件的改变而发生改变。如腾讯的Qzone空间里，有些使用者爱嵌入一个小计数器，每当有人点击该网页，计数器的值就会自动增加。那么，这个计数器就是动态的。再比如，论坛或社区的登陆页面，当用户输入正确的用户名和密码后就会成功登录，如果输入错误，则会提示用户错误信息。这也是典型的动态页面。 动态网页与静态网页的后缀不同，通常以.asp、.jsp、.php、.perl、.cgi为后缀，并且在动态网页网址中一般有一个标志性的符号“?”。一个典型的动态网页的URL形式为：/ip/index.asp?id=1 。 那么，网页上动画和滚动字幕等视觉上的动态效果，是不是也可以称为动态网页呢？动态网页可以是纯文字内容，也可以包含各种动画内容。但这些动画内容只是网页具体内容的表现形式，而不是由动态技术生成的页面，也就是说，它不能根据用户的要求自动更新页面。所以说，一个网页，只有在采用了动态网站技术后，才可以被称之为动态网页。如图1.4和图1.5就是常见的动态页面。 1.1.4 开发动态页面和静态页面的联系 早期的动态网页主要采用CGI（Common Gateway Interface）技术，HTTP服务器与用户或其他机器上的程序进行“交谈”的一种工具，其程序须运行在网络服务器上，可以使用多种不同的程序语言（如Visual Basic、Delphi或C/C++等）编写适合的CGI程序。 当用户在页面上留言，输入一段信息，接着单击确定按钮时，此时都是工作在客户端。而接下来浏览器会将用户的信息传递到CGI程序，于是CGI程序在服务器上按照预定的方法进行处理。虽然CGI技术已经应用很长时间而且功能比较强大，但由于其有编程困难、效率低下、修改复杂等缺点而逐渐被新技术取代。目前常用的新技术有3种，这3种技术在制作网页上各有特色，但都在发展中。在互联网领域中，这3种技术的格局像三国分立的局面一样，都占有市场的一席之地，它们就是PHP脚本语言、ASP脚本语言和JSP脚本语言。 1．PHP脚本语言 2．ASP脚本语言 3. JSP脚本语言 1.2 开发网页的工具 如果说制作网页的设计者是一个画家，那么开发程序的工具就相当于画家手中的画笔和颜料。这些工具能为设计者编写代码、调试、运行时提供一个方便的环境。在开发网页时也有通用属于它的开发工具、为每种语言量身定做的开发工具。如记事本、Dreamweaver等工具可以用来开发PHP、ASP和JSP中的任何一种程序。 1.2.1 HTML页面的开