第1章网页设计概述本章要点☆Internet相关知识☆网站网页基础知识☆网页制作软件☆网页制作语言☆网站的设计流程1.1网页设计基础1.1.1相关知识介绍1.1.2网站网页基础知识1.1.3网页设计技术分类1.1.1相关知识介绍1.Internet2.Intranet3.URL4..IP地址和域名6.TCP/IP7.服务器与浏览器8.Telnet服务9.超链接与超文本10.媒体1.InternetInternet中文名为“国际互联网”,也称“因特网”,是一个全球性的计算机互联网络,它由位于不同地区且规模大小不一的计算机网络互相连接而成。组成Internet的计算机网络包括小规模的局域网(LocalAreaNetwork,LAN)、中等规模的城域网(MetropolitanAreaNetwork,MAN)以及大规模的广域网(WideAreaNetwork,WAN)等。这些网络通过普通电话线、高速专用线路、卫星、微波和光缆等通信线路把不同组织机构的网络连接起来。对于Internet中各种各样的信息,所有人都可以通过连接网络来共享和使用。1.1.1相关知识介绍1.1.1相关知识介绍2.IntranetIntranet中文叫做“内联网”,它是使用Internet技术建立的企业内部网,Intranet是封闭的,不像Internet那样的开放性。Intranet与Internet所采用的技术和设备大体是一样的,只是在规模上Intranet要远小于Internet。1.1.1相关知识介绍3.URLURL英文全名是UniformResourceLocator,中文为“统一资源定位器”。URL好比Internet的门牌号码,它可以帮助用户在Internet的信息海洋中定位到所需要的信息。在网上的每一个文件都有一个用URL来标记的地址,它的结构也可以理解为DOS中的目录结构。例如,一个网页的URL为,其中http是超文本传输协议,相当于盘符;是站点名,相当于根目录;myweb是子目录;mfxx.html是文件名。3.URL统一资源定位器统一资源定位器(URL,UniformResourceLocator)用来指明主机或文件在Internet上的位置。一个URL就是一个资源在Internet上的具体位置,URL由Internet资源类型、服务器地址、端口及路径组成,如“”就是一个简单的URL。它的作用在于提供一个标准方法,以便能够在Internet上找到任何东西。大到一个复杂网站,小至一张简单图片,几乎所有的网络资源都能通过URL系统访问到。URL格式如下:Protocol://host:port/path/filename3.URL统一资源定位器各部分的含义如下:Protocol:用来指明网络上资源类型,表示信息组织或传输遵循的协议,也表示连接的工具。host:用来指明服务器IP地址或服务器DNS。port:服务器提供服务的端口号,可省略。path:表示服务器上资源的位置,格式为“目录/子目录/文件名”。例如,表示位于目录下的一个网页文件,采用http协议访问。3.URL统一资源定位器目前编入URL中的信息服务类型有以下几种:服务器。主要用于提供超文本信息服务的Web具有服务器。服务器。用于提供各种普通文件和二进制代码文件的服务器。telnet://telnet服务器。供用户远程登录使用的计算机。news://网络新闻usenet服务器。gopher://gopher服务器。wais://wais服务器。说明:双斜线“//”表示跟在后面的字符串是网络上的计算机名称,即信息资源地址,以便和跟在单斜线“/”后面的文件路径相区别。1.1.1相关知识介绍4.简介英文全称是“WorldWideWeb”,中文名称为“环球信息网”也称“万维网”。的多媒体信息查询工具,是Internet上近年发展起来的服务,也是发展最快和目前使用最广泛的服务。通过万维网,人们可以很迅速方便地取得丰富的信息资料。4.是一种超文本信息系统,它使得文本不再是固定的线性,而是可以从一个位置跳到另一个位置。由于用户在通过Web浏览器访问信息资源的过程中,无须再关心一些技术性的细节,而且界面非常友好,因而Web在Internet上一推出就受到了热烈的欢迎,走红全球,并迅速得到了爆炸性的发展。1.1.1相关知识介绍5.IP地址和域名(1)IP地址(2)域名(1)IP地址按照TCP/IP这个协议,接入Internet上的每一台计算机都有一个惟一的地址标识,这个地址就叫做IP(InternetProtocol)地址,即用Internet协议语言表示的地址。目前,在Internet中,IP地址是通过一组数字字符来表示一台计算机在Internet中的位置。IP地址具有固定规范的格式,一个IP地址包含32位二进制数码,数码分为4字节,每字节8位,字节与字节之间用圆点“.”分开,也可用十进制形式表示IP地址,每字节取值范围是0~255。(1)IP地址IP地址的4个字节划分为两个部分,一部分用以标明具体的网络段,即网络标识;另一部分用以标明具体的结点,即主机标识,是某个网络中特定的计算机地址。例如,某服务器的IP地址为210.51.189.57,可以把它分成网络标识和主机标识两部分,即上述的IP地址可以表示为:网络标识:210.51.189.0主机标识:57合起来写:210.51.189.57(2)域名因为接入Internet的某台计算机要和另外一台计算机通信,就必须确切地知道对方的IP地址。要记住这么多枯燥的数字不是件容易的事,所以人们习惯用字母来表示计算机名字。Internet上的每台计算机都必须具有惟一的名字才能区分开来,因此,Internet上的计算机名通常由许多域构成,域间也用小黑点“.”分隔,这种名字被称为域名(Domainname),例如,就是一个域名。域名系统采用层次结构,在机器的地址表示中,从右到左依次为最高域名段、次高域名段等,最左边的一个字段为主机名。(2)域名计算机的域名地址和用数字表示的IP地址在Internet上是统一的,只是外表上不同而已。在访问一个站点的时候,可以输入这个站点用数字表示的IP地址,也可以输入它的域名地址,当你输入一个域名地址时,域名服务器(DNS)就会搜索其对应的IP地址,然后访问到该地址所表示的站点。例如:。常见域名后缀有代表组织机构的,例如:com(商业机构)、gov(政府机构)、edu(教育机构)、org(非赢利的组织团体)、net(网络组织机构)、int(国际性机构);有代表国家和地区的,例如:cn(中国)、uk(英国)、us(美国)、bj(北京)等。1.1.1相关知识介绍6.TCP/IPTCP/IP协议英文全称是“TransmissionControlProtocol/InternetProtocol”,中文名称为“传输控制协议/互联网络协议”,它是Internet最基本的协议,是目前被各方面遵循的国际互联工业标准。世界上有各种不同类型的计算机,也有不同的操作系统,要想让一些装有不同操作系统的不同类型计算机互相通信,就必须有统一的标准。6.TCP/IPTCP/IP正是具有统一标准的一组协议。协议有底层和上层之分,底层协议规定了计算机硬件的接口规范,上层协议规定了软件程序必需共同遵守的一些规则以及程序员在写程序时使用的统一标准。TCP/IP有100多个协议,其中用得最广的是SMTP(电子邮件协议)、FTP(文件传输协议)、TELNET(远程登录协议)。其中最重要的两个协议就是底层的IP协议和TCP协议。利用IP协议可以实现信息的实际传送,而TCP协议则可以保证所传送的信息是正确的。1.1.1相关知识介绍7.服务器与浏览器(1)服务器服务器(Server)是指在网络环境下运行相应的应用软件,为网上用户提供共享信息资源和各种服务的一种高性能计算机。它是局域网的核心设备,管理着局域网中的各种资源,其基本功能是提供网络通信服务,管理和提供网络共享资源,以及进行网络管理。网站上动态的数据,必须要通过网站服务器的服务才能运作。7.服务器与浏览器(2)浏览器浏览器(Browser)就是指在用户计算机上安装的、用来显示指定Internet文件的程序。浏览器是的窗口,用户可以利用浏览器从一个文档跳转到另一个文档,实现对整个网站的浏览。也可以下载并解释HTML文档中所描述的动画、声音、文本、图形、图像,并能实现电子邮件查看、下载文件等功能。它有多种版本,如微软英特尔版本、苹果电脑版本等,目前使用最广泛的是MicrosoftInternetExplorer(简称IE)浏览器。1.1.1相关知识介绍8.Telnet服务Telnet中文名为远程登录服务。是Internet的一种特殊的通信方式。在网络协议Telnet的支持下,用户的计算机通过Internet成为远程计算机的终端,即可以利用远程计算机的各种计算机硬件、软件资源完成自己计算任务。1.1.1相关知识介绍9.超链接与超文本(1)超链接(Hyperlink)是互联网上的一种链接技巧,通过它可以从一个网页链接到另一个网页。(2)超文本超文本(Hypertext)是把一些信息根据需要链接起来的信息管理技术,用户可以通过一个文本的链接打开另一个相关的文本。只要用鼠标单击文本中通常带下划线的条目,便可获得相关的信息。超文本具有超链接性,既可以链接到本站点上的其他网页,也可以链接到其他站点上的网页。因此,用户可以通过Internet上任何一个服务器的信息。1.1.1相关知识介绍10.媒体多媒体(Multimedia):是指利用计算机,综合处理多种媒体信息(如文字、图形、图像、音频和视频等),使它们之间建立逻辑连接,成为一个具有交互性的系统,其关键是压缩技术。超媒体(Hypermedia):是一种包含文字(Text)、影像(Movie)、图片(Image)、动(Animation)、声音(Audio)等图、文、声、光的文件。流媒体(Streammedia):简单来说就是应用流技术在网络上传输的多媒体文件。流技术就是把连续的影像和声音信息经过压缩处理后放在网站服务器,让用户一边下载一边观看、收听,而不需要等整个压缩文件下载到自己机器后才可以观看的网络传输技术。1.1.2网站网页基础知识1.网站和网页2.远程站点和本地站点1.网站和网页网站(WebSite)顾名思义就是计算机网络上的一个站点,代表一个位置,网页(WebPage)就是站点中所包含的内容。简单来说,网站是一系列具有相同或相似属性并通过各种链接相互关联的网页的组合。网页可以是站点的一部分,也可以独立存在。通过浏览器可以实现网页的跳转,从而游览整个网站。网页是网站信息发布与表现的一种主要形式。网页的内容与发布信息的目的和要求相关,网页的表现形式和效果与制作工具和创意水平有关。1.网站和网页网页是用HTML编写的、通过网络传输,并被Web浏览器翻译成可以显示出来的一个页面文件,它集合了文本、图片、声音和数字电影等信息。网页一般由站标、导航栏、广告栏和信息区等部分组成。根据页面内容,可以把网页分为首页、主页、专栏网页、内容网页,以及功能网页等类型,在这些网页中最重要的是网站的主页。在访问一个网站时首先看到的网页称为该网站的首页。有的网站首页只起欢迎访问者的作用,是网站的开场页。单击该页面