《HTML5与CSS3网页设计》_《HTML5与CSS3网页设计》_HTML5 与CSS5 网页设计（第二版）第一章.pptVIP

第1章网页设计入门1.1Internet简史1.2为什么建立一个网站1.3网页的基本概念1.4HTML5简介1.5CSS3简介1.6网页设计的开发环境返回1.1Internet简史在20世纪80年代初期，ARPA和美国国防部通信局成功研制了用于异构网络的TCP/IP协议并将其投入使用;1986年在美国国会科学基金会的支持下，人们用高速通信线路把分布在各地的一些超级计算机连接起来，以NFSNET接替ARPANET;其又经过十几年的发展形成Internet。其应用范围也由最早的军事、国防扩展到美国国内的学术机构，进而迅速覆盖了全球的各个领域，运营性质也由科研、教育逐渐转向商业。Internet从用于军用通信的一个模糊概念演化成为几亿人使用的重要工具，使人们可以互相通信、研究和收集信息、远程工作、购物、游戏并参与无数其他全球性的活动。返回1.2为什么建立一个网站公司和个人一样，建立网站都有实用和商业的原因。通过网站人们能够与全球的有同样想法的个人或潜在的客户通信。从实用的角度来看，网站每天24小时都存在于网络，这与印刷媒体不同，印刷媒体在一分钟之后就变成再生垃圾。在线分发比邮寄印刷媒体要便宜得多。同样，开发(特别是改正和更新)往往也要便宜得多。返回1.3网页的基本概念1.3.1网页与网站的关系如果把网站比作一本书，那么网页就是这本书中的一页。网页是构成网站的基本单位，是承载各种网站应用的平台，是网站信息发布和表现的主要形式。简单描述，网站是由网页组成的，如果只有域名和虚拟主机而没有制作任何网页的话，任何人都无法访问网站。网页(WebPage)就是一个文本文件，其扩展名多为“.htm”或“.html，也有“.asp.aspx“.phP”或“.jsp”等。使用任何文本编辑器都可以打开并编辑网页文件。网页可以存放在世界的某个角落的某一台计算机中，而这台计算机必须是与互联网相连的。网页经由网址(URL)来识别和存取，当用户在浏览器中输入网址后，经过一段复杂而又快速的程序处理，网页文件会被传送到当前位置的计算机上，然下一页返回1.3网页的基本概念后再通过浏览器解释网页的内容而展示出来。网站(WebSitP)是有独立域名、独立存放空间的内容集合，这些内容可能是网页，也可能是程序或其他文件，其不一定有很多网页，关键是有独立域名和空间，哪怕只有一个页面也叫网站。1.3.2网页的基本元素1.文本网页信息主要是以文本为主的。文本在网络上的传输速度很快，浏览者可以方便地浏览和下载。在制作网页时，可以通过字体、字型、字号、颜色、边框、间距和背景来设置文本的属性，美化版面布局，如图1-1所示。2.图像上一页下一页返回1.3网页的基本概念现在几乎所有的网站都会使用图像来增加网页的吸引力，可以在网页中使用GIF,JPEG和PNG等多种图像格式，其中使用最广泛的是CIF和JPEG两种格式。3.动画在网页中应用的动画元素主要有CIF和Flash两种形式，CIF动画的效果单一，已经不能适应人们对网页视觉效果的要求。随着Flash动画技术的不断发展，Flash动画的应用已经越来越广泛，特别是在网页中，其已经成为最主要的动画形式，打开任何一个网站，几乎都可以在该网站上看到Flash动画。4.超链接超链接是从一个网页指向一个目的端的链接。超链接是网站得以整合上一页下一页返回1.3网页的基本概念的“灵魂”。5.表单网页中通常用表单来联系数据库并接收访问用户在浏览器端输入的数据。表单的作用是收集用户在网页上输入的联系信息、登录信息、反馈意见等，如图1-4所示。6.导航栏导航栏是浏览网页时有效的指向标志，它相当于一个网站的目录。导航栏通过超链接与站点中的网页或其他网站进行链接，从而快速切换到另一个栏目，如图1-5所示。导航栏即可使用文本导航的形式，也可以使用图片导航的形式。上一页下一页返回1.3网页的基本概念1.3.3网页的技术构成1.HTML网页最基础的技术是HTML(HyperTextMarkupLanguage，超文本标记语言)，它并不是一种程序设计语言，而是一种页面描述语言。当用户通过网页浏览阅读HTML文件时，浏览器负责解释插入到HTML文本中的各种标记，并以此为依据显示文本的内容。我们把用HTML语言编写的文件称为HTML文本。HTML语言即Web页面的描述语言。HTML至今已发展到了HTML5，本书将在第3章对HTMLS进行详细介绍。2.CSSCSS的全称为CascadingStyleSheets(层叠样式表)，是一组用于定上一页