[建筑资料]网页设计与制作案例教程.pptVIP

网页设计与制作案例教程 主编：唐乾林 第一章　网页设计基础知识 本章要点 ·网页制作的基础知识 ·网站制作的流程 ·HTML语言基础 ? 本章将介绍网页设计的一些基础知识，通过本章的学习，将学习到一些关于网页设计的基础知识、网站开发的基本流程和HTML语言简介，并能使用HTML语言制作一个简单的网页。 ? 随着因特网（Internet）应用的迅速发展和普及，信息技术正极大地改变着人们的生活和工作方式。基于Internet而开展的信息发布、企业宣传、电子商务、网络游戏、网络教育、远程医疗等活动正方兴未艾，而这一切都离不开Web网站的支持。在接触网页制作之前，先对网页设计的知识做一个基本的了解。 1.1　网页制作的基础知识 Internet是一个将世界上各种不同计算机网络连接起来的全球性网络。中文名称为“因特网”，它通过使用TCP/IP协议，可以在不同厂商、不同操作系统、不同型号的计算机之间进行信息交换，从而让Internet上的各计算机间的资源达到共享并能相互通信的目击者的。1.1.1 WWW、URL、HTTP和浏览器? 1. 什么是WWW？WWW 是 World Wide Web的缩写，也可以简称为 Web，中文名字为“万维网”。它起源于1989年3月，由欧洲量子物理实验室 CERN（the European Laboratory for Particle Physics）所发展出来的主从结构分布式超媒体系统。通过万维网，人们只要通过使用简单的方法，就可以很迅速方便地取得丰富的信息资料。 它是Internet上把所有信息组织起来的一种方式，它是一个超文本文档的集合，其中包括所要的任何本地信息。它是从一个文档链接到另一个文档，可以纵横于Internet网络。由于用户在通过 Web 浏览器访问信息资源的过程中，无需再关心一些技术性的细节，而且界面非常友好，现在WWW的应用以远远超出了原设想。成为Internet上最受欢迎的应用之一。它的出现极大的推动了Internet的推广。 ? 2. 统一资源定位器(URL): URL是Uniform Resoure Locator（统一资源定位器）的缩写。就是WWW服务器的地址，也叫网址。 URL是标识某一特定的信息页所用的一个短的字符串，是一种访问Internet资源的方法。URL主要用在各种WWW客户程序和服务程序上，当用户选中某一资源时，客户/服务程序自动查找该资源所在的服务器地址，一旦找到，即将资源调出来，供用户浏览。它能准确解释文档所在的地址及文档的类型。 URL地址格式排列是有一定的规则的，它的语法格式如下： ? 协议名称://服务器主机名称[：通信端口/文件目录／文件名称] ? 协议名称:指出WWW客户程序用来操作的工具。如“http://”表示WWW服务器，ftp://”表示FTP服务器，“gopher://”表示Gopher服务器，而“new:”表示Newgroup新闻组。 在WWW中，“客户”与“服务器”是一个相对的概念，只存在于一个特定的连接期间，即在某个连接中的客户在另一个连接中可能作为服务器。基于HTTP协议的客户/服务器模式的信息交换过程，它分四个过程：建立连接、发送请求信息、发送响应信息、关闭连接。这就好像上面的例子电话订货的全过程。 4.浏览器（Browers）:实际上是一个软件程序，作用是在网络上与Web服务器打交道，从服务器中下载文件，用于与WWW建立连接，并与之进行通信。它可以在WWW系统中根据链接确定信息资源的位置，并将用户感兴趣的信息资源取回来，对 HTML 文件进行解释，然后将文字图像或者将多媒体信息还原出来。 互联网上网浏览网页内容离不开浏览器，现在大多数用户使用的是微软公司提供的IE浏览器（Internet Explorer），当然还有其他一些浏览器如Netscape Navigator 、Mosaic 、Opera ，以及近年发展迅猛的火狐浏览器等，国内厂商开发的浏览器有腾讯TT浏览器、遨游浏览器（Maxthon Browser）等。 1.1.2 网页、主页和网站 1. 网页 网页实际是一个文件，存放在世界某个角落的的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址（URL）来识别与存取，当用户在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。 文字与图片和超链接是构成一个网页的三个最基本的元素。可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体