第1章网页设计基础.ppt

1、第一章 网页设计基础,本章学习目标：,学习制作网页，应该了解Internet的基本知识，这是对一个网页设计者最基本的要求。通过本章的学习，你将了解Internet的产生和发展过程， Internet的工作原理、服务方式和Internet 常用术语，最常用的网页制作工具和它们各自的特点，进一步理解Web的工作原理，并掌握Web浏览器的使用。本章的内容理论性较强，希望同学们能够认真学习。,本章知识要点： Internet的起源和发展过程 Internet的工作原理和服务方式 Internet常用术语 Web的工作原理 常用的Web浏览器 常用的网页制作软件,1、Internet基础 Interne

2、t又称为国际互联网，在我国被音译为“因特网”。简单地说，Internet就是将世界各地的计算机通过通信设施根据通信协议互相连接起来所构成的一个全球网。本节将主要介绍Internet的基本知识，包括Internet的产生、发展和工作原理、服务方式及其常用术语。,与许多人的想象相反，Internet并非是某一完美计划的结果。在Internet面世之初，没有人能想到它会进入寻常百姓家，更没有人想到会有它无穷的商业潜力。现在大多数人对Internet这个词并不陌生，上网高手也大有人在，但它最初是个什么样子，这就是下面要介绍的内容。,1）Internet的起源 Intetnet是全世界最大的计算机网络，

3、它起源于美国国防部高级研究计划局(ARPA)于1968年主持研制的用于支持军事研究的计算机实验网ARPANET。ARPANET建网的初衷旨在帮助那些为美国军方工作的研究人员通过计算机交换信息，它的设计与实现是基于这样的一种主导思想：网络要能够经得住故障的考验而维持正常工作，当网络的一部分因受攻击而失去作用时，网络的其它部分仍能维持正常通信。,互联网的寻址方式是全球寻址，也就说它的地址资源是在全球进行统一的配制的。现在大家所使用的互联网是IPV4的网络，这个网络现有的地址总数大概在40多亿个。互联网是由美国开发演进而产生出来的，所以网上地址资源、地址资源的分配实际上也是由所美国所控制的。现在美国

4、所拥有的IP地址总数有20多亿，近30亿个，占全球的74左右。中国现在拥有非常少的地址资源，也就5000万左右，只占1%多一点。,2）Internet的发展 1985年在美国政府的帮助下美国国家科学基金(NSF)组建了第一个网命名为NFSnet，伴着TCP/IP协议的成长，这样使NSFNET在1986年建成后取代ARPANET成为Internet的主干网。他们把最后的使用TCP/IP支持的NFSnet网叫做Internet网，即当今世界最大的计算机互连网。,3）中国的Internet 第一阶段 网路探索(1987年1994年)中国的互联网不是八台大轿抬出来的，而是从羊肠小道走出来的。 1987

5、年9月14日，北京计算机应用技术研究所发出了中国第一封电子邮件：“Across the Great Wall we can reach every corner in the world.”（越过长城，走向世界），揭开了中国人使用互联网的序幕。 1989年11月，中关村地区教育与科研示范网络（简称NCFC）正式启动，由中国科学院主持，联合北京大学、清华大学共同实施。,中国连入国际互联网是一段奋争的历程。1992年6月，在日本神户举行的INET92年会上，中国科学院钱华林研究员约见美国国家科学基金会国际联网部负责人，第一次正式讨论中国连入Internet的问题。 1993年3月2日，中国科学院高

6、能物理研究所接入美国斯坦福线性加速器中心（SLAC）的64K专线正式开通。这条专线仍是中国部分连入Internet的第一根专线。 1994年4月20日，NCFC工程连入Internet的64K国际专线开通，实现了与Internet的全功能连接。从此中国被国际上正式承认为真正拥有全功能Internet的第77个国家。,1990年11月28日，钱天白教授代表中国正式在SRI-NIC（Stanford Research Institutes Network Information Center）注册登记了中国的顶级域名CN，从此中国的网络有了自己的身份标识。 1993年4月，中国科学院计算机网络信息

7、中心召集在京部分网络专家调查了各国的域名体系，提出并确定了中国的域名体系。 1994年5月21日，中国科学院计算机网络信息中心完成了中国国家顶级域名(CN)服务器的设置，改变了中国的CN顶级域名服务器一直放在国外的历史。,第二阶段 蓄势待发(1993年-1996年)四大Internet主干网的相继建设，开启了铺设中国信息高速公路的历程。 （中国科技网建设、国家公用经济信息通信网（简称金桥工程）、中国公用计算机互联网（CHINANET）、建设中国教育和科研计算机网建设）,1994年4月 NCFC网络与美国Internet互联成功，这是我国最早的国际互联网络。 1997年10月，中国公用计算机互联

8、网（CHINANET）实现了与中国科技网（CSTNET）、中国教育和科研计算机网（CERNET）、中国金桥信息网（CHINAGBN）的互联互通。,第三阶段 应运而起：(1996年-1998年)中国互联网进入了一个空前活跃的时期，应用和政府管理齐头并进。 1996年2月1日，国务院第195号令发布了中华人民共和国计算机信息网络国际联网管理暂行规定。 1996年4月9日，邮电部发布中国公用计算机互联网国际联网管理办法，并自发布之日起实施。 1997年5月30日，国务院信息化工作领导小组办公室发布中国互联网络域名注册暂行管理办法，授权中国科学院组建和管理中国互联网络信息中心（CNNIC）。,1997

9、年12月30日，公安部发布了计算机信息网络国际联网安全保护管理办法。 1998年3月6日，国务院信息化工作领导小组办公室发布中华人民共和国计算机信息网络国际联网管理暂行规定实施办法。 1998年3月，第九届全国人民代表大会第一次会议批准成立信息产业部。,第四阶段 网络大潮：(1999年2002年底)中国互联网进入普及和应用的快速增长期。 2000年4月13日，新浪网宣布首次公开发行股票，第一只真正来自中国大陆的网络股登上纳斯达克。 2000年7月5日，网易公司宣布首次公开发行股票，登陆纳斯达克。 2000年7月12日，搜狐在纳斯达克挂牌上市。 三大门户网站的相继上市，掀起了对中国互联网的第一轮

10、投资热潮。 网络泡沫破灭之后，中国互联网经历了一场“挤水分”式调整的严酷洗礼。阳光总在风雨后，2002年78月，三大门户网站相继宣布实现赢利。,第五阶段 繁荣与未来(2003年至今)应用多元化阶段到来，互联网逐步走向繁荣。 截止2007年6月30日，我国网民总人数达到1.62亿，半年来平均每分钟就新增近100个网民，半年的增长接近去年全年的增长量。中国互联网的普及率达12.3%。中国CN域名注册量第一次全面超越COM域名;中国网站半年增长47万个，每万人拥有10个网站; 中国网民爱在网吧上网，在家上网比例还不高;中国网民还不习惯让互联网充当生活助手;青少年网民上网以娱乐为主，近二成上网时间过长

11、。,2、Internet的工作原理 计算机网络是由许多计算机组成的，要实现网络计算机之间的数据传输，必须具备两个条件：数据传输的目的地址和保证数据迅速准确传输的措施。这是因为在传输过程中，数据很容易丢失或传错。Internet使用一种专门的计算机语言（协议），以保证数据安全、可靠地传到指定的目的地，这种语言分两部分：TCP（TransmissionControlProtocol传输控制协议）和 IP（Internet Protocol网间协议）。,3、Internet的服务方式 Internet在拥有丰富资源的同时，也提供了各种各样的服务方式，如，WWW、Email、Ftp、Telnet、Ar

12、chie、Gopher、Wais等。但最重要的与人们日常生活紧密相关的还是WWW和Email服务。,4、Internet 常用术语 HTML（超文本标记语言）（Hypertext Marked Language） HTTP（超文本传输协议） 超文本传输协议，即除了文字还有图像声音等多媒体效果，最常用的应用是基于WEB的应用，主要用来浏览。 FTP：文件传输协议，主要用来进行文件传输。,URL （Uniform Resource Locator）中文名称是全球资源定位器，也被翻译做通用资源位标，是也就是一个位址，可单独识别网际网路上的电脑、目录或档案位置，也可以指定通讯协定，例如 Gopher、

13、HTTP 等等。URL能让在Internet上的所有资源都能透过此的方法而找到其位置,带宽 带宽又叫频宽是指在固定的的时间可传输的资料数量，亦即在传输管道中可以传递数据的能力。在数字设备中，频宽通常以bps表示，即每秒可传输之位数。在模拟设备中，频宽通常以每秒传送周期或赫兹Hertz (Hz)来表示。频宽对基本输出入系统 (BIOS ) 设备尤其重要，如快速磁盘驱动器会受低频宽的总线所阻碍。 单位时间内能够在线路上传送的数据量，常用的单位是bps(bit per second) 计算机网络的带宽是指网络可通过的最高数据率，即每秒多少比特。 描述带宽时常常把“比特/秒”省略。 例如，带宽是 10

14、 M，实际上是 10 Mb/s。 这里的M是106。,宽带 其实并没有很严格的定义，一般是以目前拨号上网速率的上限 56Kbps为分界，将 56Kbps及其以下的接入称为“窄带”，之上的接入方式则归类于“宽带”。,Web服务器 Internet采用超文本和超媒体的信息组织方式，将信息的链接扩展到整个Internet上。Web就是一种超文本信息系统，Web的一个主要的概念就是超文本连接，它使得文本不再象一本书一样是固定的线性的。而是可以从一个位置跳到另外的位置。你可以从中获取更多的信息。可以转到别的主题上。想要了解某一个主题的内容只要在这个主题上点一下，就可以跳转到包含这一主题的文档上。正是这种

15、多连接性我们才把它称为Web。,Web的工作原理 Web又称WWW，是World Wide Web的简称，可以译为“环球网”，音译为“万维网”。WWW 中的信息资源主要由一篇篇的Web文档，或称Web页为基本元素构成。这些 Web 页采用超级文本（Hyper Text）的格式，即可以含有指向其他 Web 页或其本身内部特定位置的超链接，或简称链接。可以将链接理解为指向其他 Web 页的“指针”。链接使得 Web 页交织为网状。这样，如果 Internet 上的Web页和链接非常多，就构成了一个巨大的信息网。,当用户从 WWW 服务器取到一个文件后，用户需要在自己的屏幕上将它正确无误地显示出来。

16、由于将文件放入 WWW 服务器的人并不知道将来阅读这个文件的人到底会使用哪一种类型的计算机或终端，要保证每个人在屏幕上都能读到正确显示的文件，必须以某种各类型的计算机或终端都能“看懂”的方式来描述文件，于是就产生了HTML超文本语言。,HTML（Hype Text Markup Language）的正式名称是超文本标记语言。HTML 对 Web 页的内容、格式及 Web 页中的超连接进行描述，而 Web 浏览器的作用就在于读取 Web 站点上的 HTML 文档，再根据此类文档中的描述组织并显示相应的 Web 页面。 HTML 文档本身是文本格式的，用任何一种文本编辑器都可以对它进行编辑。HTM

17、L 语言有一套相当复杂的语法，专门提供给专业人员用来创建 Web 文档，一般用户并不需要掌握它。在 UNIX 系统中，HTML文档的后缀为“.html”，而在 DOS/WINDOWS 系统中则为“.htm”。,Web的特点： 一、Web是图形化的和易于导航的（navigate） Web 非常流行的一个很重要的原因就在于它可以在一页上同时显示色彩丰富的图形和文本的性能。在Web之前Internet上的信息只有文本形式。Web可以提供将图形、音频、视频信息集合于一体的特性。同时，Web是非常易于导航的，只需要从一个连接跳到另一个连接，就可以在各页各站点之间进行浏览了。,二、Web与平台无关 无论你

18、的系统平台是什么，你都可以通过Internet访问WWW。浏览WWW对你的系统平台没有什么限制。无论从Windows平台、UNIX平台、Macintosh还是别的什么平台我们都可以访问WWW。对WWW的访问是通过一种叫做浏览器（browser）的软件实现的。如Netscape 的Navigator、NCSA的Mosaic、Microsoft的Explorer等。,三、Web是分布式的 大量的图形、音频和视频信息会占用相当大的磁盘空间，我们甚至无法预知信息的多少。对于Web没有必要把所有信息都放在一起，信息可以放在不同的站点上。只需要在浏览器中指明这个站点就可以了。使在物理上并不一定在一个站点的

19、信息在逻辑上一体化，从用户来看这些信息是一体的。,四、Web 是动态的 最后，由于各Web站点的信息包含站点本身的信息，信息的提供者可以经常对站上的信息进行更新。如某个协议的发展状况，公司的广告等等。一般各信息站点都尽量保证信息的时间性。所以Web站点上的信息是动态的。经常更新的。这一点是由信息的提供者保证的。,Web浏览器 Web浏览器的作用是将超文本文档解释成Web页的格式，并显示在用户的计算机屏幕上，从而使用户能够访问Internet中的资源。目前最主要的两种浏览器是网景公司的Netscape Navigator和微软公司的Internet Explorer。 Netscape浏览器作为

20、目前应用最广泛的浏览器之一，受到越来越多人的欢迎，成为人们网上冲浪的重要工具。但目前使用最多的浏览器还是微软公司的Internet Explorer。关于浏览器的使用方法，相信大多数读者已经非常熟悉，由于篇幅原因在此不再专门介绍，希望读者在实践中多加练习。,常用的网页制作软件 网页制作就是根据网页效果图，把它实现成浏览器中可以浏览的网页。FrontPage、Dreamweaver、GoLive等都是我们平常所知道的网页设计工具，但最知名和最常用的两套热门工具是微软公司的FrontPage和MacroMedia公司的Dreamweaver。,一、网页的概念。 网页的学名是：HTML （Hyper

21、text Marked Language）超文本文件，所以其实网页只是一个文本文件，超文本的意思即是含超级链接的文本文件，我们可以理解为超级文本文件，为什么这样叫呢？因为网页相对于其它文本文件来说，可以是多媒体的，也可以是互动的，因其功能强大，可以表现图像、语音、音乐、动画等多媒体内容而在近几年迅速成为互联网的灵魂；借助http协议（超文本传输协议），我们就可以让全世界的WEB站点互联互通，实现全球资源共享，利用网页我们可以做很多事情，比如：在线文字及语音聊天，在线音乐欣赏、视频点播、软件下载、数据查询、虚拟社区、论坛、网上短信、网上寻呼、资料搜索等内容等等。,在这里我顺便将网页这种特殊的文件

22、格式和大家所熟悉的WORD文档做个比较：WORD文档也可以排出图文并茂的文档来，HTML也可以表现，但WORD文档的主要功能是用于打印输出，而网页主要用于显示输出；WORD文档可以嵌入文档中的图片、艺术字，HTML格式却只是文本文件，不嵌入任何非文本格式文件，网页中所有丰富的元素都是通过链接实现的，用一段文本文件告诉浏览器图片或者声音的位置，然后浏览器会自动加载到网页中显示，但网页本身仍然没有嵌入任何非文本的文件；这种限制使得网页本身的体积非常易于控制，有利于网页无限制的传播。,二、网页制作的概念。 网页制作即是通过网页制作软件，创建及编辑超文本文件，使得我们需要的文字、图像等根据我们的意图，

23、精确的显示的浏览器中，编辑超文本文件的软件有很多，而且每台装有Windows操作系统的机器都有，所以大家不用把网页的编辑制作想作是非常神秘不可及的事情，毫不夸张的讲，如果你能熟悉HTML语言，就可以用记事本编出一个非常专业的网页，因为任何网页的内容其实都是由源码构成的，浏览网页的原理即是游览器读取并解释已经编辑好的网页源代码，然而事实我们并不需要学习HTML语言也可以做出成功的网页，因为现在有许多优秀网页制作软件可以帮助我们完成复杂的事情。,而并非我们要求每个人都要熟悉抽像的网页源代码HTML语言，在FrontPage问世前网页制作只属于对HTML语言熟悉的高级IT人才的专利，然而现在，利用微软公司旗下软件Frontpage2003为