html入门-精品课件(PPT).ppt

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