网页设计与制作课件ppt.ppt

《网页设计与制作课件ppt.ppt》由会员分享，可在线阅读，更多相关《网页设计与制作课件ppt.ppt（215页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页设计与制作课件ppt Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望第一章 网页设计与制作基础本章要点：qInternet概述知识q网页设计基本知识q网络基础知识第一节 关于互联网InternetInternetInternet是由遍布全球的各种网络系统、主机系统，通过统一的协议TCP/IP联接在一起所组成的世界性计算机网络系统。一、什么是协议？一、什么是协议？网络中的计算机类型和操作系统的类型不可能完全网络中的计算机类型和操作系统的类型不可能完全相同，因而在

2、机器字长、信息格式、信息传递方式相同，因而在机器字长、信息格式、信息传递方式等诸方面存在着差异，使得这些计算机之间难以进等诸方面存在着差异，使得这些计算机之间难以进行进行交换。为了解决这一问题，需要事先对一些行进行交换。为了解决这一问题，需要事先对一些通信规则进行约定或定义，这些规则精确地规定所通信规则进行约定或定义，这些规则精确地规定所交换数据的格式和传输方法，即计算机在交换信息交换数据的格式和传输方法，即计算机在交换信息时都要遵守的表达方式。网络协议（时都要遵守的表达方式。网络协议（Protocol）是）是一系列通信规则的总称，主要包括用户数据与控制一系列通信规则的总称，主要包括用户数据与

3、控制信息的结果和格式，需要发出的控制信息以及相应信息的结果和格式，需要发出的控制信息以及相应要完成的操作与响应、对事件实现顺序的详细说明要完成的操作与响应、对事件实现顺序的详细说明等三部分内容。协议的实质是进行通信所使用的语等三部分内容。协议的实质是进行通信所使用的语言。言。一、什么是协议？一、什么是协议？网络中存在多种级别的协议。总的来说，可以分为网络中存在多种级别的协议。总的来说，可以分为硬件协议和软件协议。硬件协议和软件协议。硬件协议。此类协议定义了硬件设备如何运作以及硬件协议。此类协议定义了硬件设备如何运作以及如何协同工作。如何协同工作。软件协议。程序之间的通信是通过软件系统已完成软件

4、协议。程序之间的通信是通过软件系统已完成的。无论是网络客户机，还是网络服务器，都提供的。无论是网络客户机，还是网络服务器，都提供有特定的协议包，它们在与其他计算机通信之前，有特定的协议包，它们在与其他计算机通信之前，必须在那些计算机中载入相应的协议包，协议包中必须在那些计算机中载入相应的协议包，协议包中包含了计算机访问特定网络设备或服务所需的协议。包含了计算机访问特定网络设备或服务所需的协议。二、互联网协议二、互联网协议1、TCP/IP协议协议TCP/IP(Transmission Control Protocol/Internet Protocol)传输控制协议/互联网协议。TCP/IP协议

5、定义了在互联网络中如何传递、管理信息(文件传送、收发电子邮件、远程登录等)，并制定了在出错时必须遵循的规则。从协议分层模型方面来讲，TCP/IP由四个层次组成：1、TCP/IP协议协议网络接口层网络层传输层应用层负责接收IP数据包并通过网络发送负责相邻计算机之间的通信提供应用程序间的通信向用户提供一组常用的应用程序1、TCP/IP协议协议IP协议处理网络上一个主机到另一个主机的数协议处理网络上一个主机到另一个主机的数据报路由选择，运行在据报路由选择，运行在OSI网络七层模型中的网络七层模型中的网络层上。网络层上。TCP协议工作在协议工作在OSI模型中的传输层上，用于模型中的传输层上，用于建立和

6、校验数据连接。建立和校验数据连接。二、互联网协议二、互联网协议2、PPP协议协议点对点协议（PPP：PointtoPointProtocol）为在点对点连接上传输多协议数据包提供了一个标准方法。PPP最初设计是为两个对等节点之间的IP流量传输提供一种封装协议。在TCP-IP协议集中它是一种用来同步调制连接的数据链路层协议（OSI模式中的第二层），替代了原来非标准的第二层协议，即SLIP。除了IP以外PPP还可以携带其他协议，包括DECnet和Novell的Internet网包交换（IPX）。二、互联网协议二、互联网协议3、其他协议、其他协议HTTPFTPSMTPPOP3TELNET三、三、IP

7、地址地址在在TCP/IP的地址编排方案中，采用了一种通用的地址格的地址编排方案中，采用了一种通用的地址格式，为互联网中的每一个网络和每一台主机都分配一式，为互联网中的每一个网络和每一台主机都分配一个地址。这个地址在个地址。这个地址在Internet中时唯一的，并以此屏蔽中时唯一的，并以此屏蔽了物理网络地址的差异。这个地址是由高层软件技术了物理网络地址的差异。这个地址是由高层软件技术来完成的，确切地说是通过来完成的，确切地说是通过IP协议层实现的。协议层实现的。IP层所层所用到的地址是互联网地址，又叫用到的地址是互联网地址，又叫IP地址。地址。Internet中的中的每一台服务器和路由器的每一个

8、端口都必须有一个每一台服务器和路由器的每一个端口都必须有一个IP地址。地址。IP地址由地址由32位二进制数表示，每位二进制数表示，每8位为一组，以圆点分隔。位为一组，以圆点分隔。IP地址是一种层次型地址，在概念上分为三个层次：地址是一种层次型地址，在概念上分为三个层次：主机、由主机构成的网络和由网络构成的互联网。主机、由主机构成的网络和由网络构成的互联网。四、域名和域名系统四、域名和域名系统IP地址用数字表示主机，不容易记忆，使用也地址用数字表示主机，不容易记忆，使用也不方便。为了解决这个问题，同时也为了便于不方便。为了解决这个问题，同时也为了便于网络地址的分层管理和分配，自网络地址的分层管理

9、和分配，自1984年起在互年起在互联网上采用了一种字符型的地址标识，这便是联网上采用了一种字符型的地址标识，这便是域名（域名（DomainName）。域名标识了一个用户）。域名标识了一个用户所属的机构、所使用的主机或节点机。域的命所属的机构、所使用的主机或节点机。域的命名方式称为域名系统，域名必须按名方式称为域名系统，域名必须按ISO有关标有关标准进行。准进行。域名采用层次型命名机制，域名由域名采用层次型命名机制，域名由n级组成，级组成，各级之间以圆点分隔。各级之间以圆点分隔。四、域名和域名系统四、域名和域名系统域名的格式如下所：域名的格式如下所：第第n级子域名，。级子域名，。二级子域名，二级

10、子域名，顶级域名顶级域名（主机名）（主机名）（机构名）（网络类型名）（国别代码）（机构名）（网络类型名）（国别代码）五、五、WWW万维网（亦作万维网（亦作“网络网络”、“WWW”、“3W”，英文，英文“Web”或或“WorldWideWeb”），是一个资料空间。在这个空间中：），是一个资料空间。在这个空间中：一样有用的事物，称为一样一样有用的事物，称为一样“资源资源”；并且由一个全域；并且由一个全域“统统一资源标识符一资源标识符”（URL）标识。这些资源通过）标识。这些资源通过超文本传输协超文本传输协议议(HypertextTransferProtocol)传送给使用者，而后者通过传送给使用者

11、，而后者通过点击链接来获得资源。从另一个观点来看，万维网是一个透点击链接来获得资源。从另一个观点来看，万维网是一个透过网络存取的互连超文件过网络存取的互连超文件(interlinkedhypertextdocument)系统。万维网联盟（系统。万维网联盟（WorldWideWebConsortium，简称，简称W3C），又称），又称W3C理事会。理事会。1994年年10月在拥有月在拥有“世界理工大世界理工大学之最学之最”称号的称号的麻省理工学院麻省理工学院(MIT)计算机科学实验室成立。计算机科学实验室成立。建立者是万维网的发明者建立者是万维网的发明者蒂姆蒂姆伯纳斯伯纳斯李李。万维网常被当成因

12、特网的同义词，不过其实万维网是靠着因万维网常被当成因特网的同义词，不过其实万维网是靠着因特网运行的一项服务。特网运行的一项服务。第二节 什么是网页网页是构成网站的基本元素，是承载各种网站应用的平网页是构成网站的基本元素，是承载各种网站应用的平台。通俗的说，您的网站就是由网页组成的。如果您只台。通俗的说，您的网站就是由网页组成的。如果您只有域名和有域名和虚拟主机虚拟主机而没有制作任何网页的话，您的客户而没有制作任何网页的话，您的客户仍旧无法访问您的网站。仍旧无法访问您的网站。所谓网站所谓网站(Website)，就是指在，就是指在因特网因特网上，根据一定的规上，根据一定的规则，使用则，使用HTML

13、等工具制作的用於展示特定内容的相关等工具制作的用於展示特定内容的相关网页的集合。简单地说，网站是一种通讯工具，就像布网页的集合。简单地说，网站是一种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公开的资告栏一样，人们可以通过网站来发布自己想要公开的资讯（信息），或者利用网站来提供相关的网路服务（网讯（信息），或者利用网站来提供相关的网路服务（网络服务）。人们可以通过网页浏览器来访问网站，获取络服务）。人们可以通过网页浏览器来访问网站，获取自己需要的资讯（信息）或者享受网路服务。自己需要的资讯（信息）或者享受网路服务。第二节 什么是网页网站与网页的关系网站与网页的关系网站是由网页集合而

14、成的，而大家通过浏览器所看网站是由网页集合而成的，而大家通过浏览器所看到的画面就是网页，网页说具体了是一个到的画面就是网页，网页说具体了是一个html文件，浏文件，浏览器是是用来解读这份文件的。也可以这样说：网页是览器是是用来解读这份文件的。也可以这样说：网页是有许多有许多html文件集合而成。至于要多少网页集合在一起文件集合而成。至于要多少网页集合在一起才能称作网站，这可就没有规定了，即使只有一个网页才能称作网站，这可就没有规定了，即使只有一个网页也能被称为网站。也能被称为网站。什么是网页什么是网页现在在你眼前，出现在现在在你眼前，出现在显示器显示器上的这个上的这个“东西东西”，就是一个网页

15、。网页实际是一个文件，它存放在世界，就是一个网页。网页实际是一个文件，它存放在世界某个角落的的某一台计算机中，而这台计算机必须是与某个角落的的某一台计算机中，而这台计算机必须是与互联网互联网相连的。网页经由网址（相连的。网页经由网址（URL）来识别与存取，）来识别与存取，当我们在浏览器输入网址后，经过一段复杂而又快速的当我们在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到你的计算机，然后再通过浏程序，网页文件会被传送到你的计算机，然后再通过浏览器解释网页的内容，再展示到你的眼前。览器解释网页的内容，再展示到你的眼前。构成网页的元素构成网页的元素文字与图片是构成一个网页的两个最

16、基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。在网页上点击鼠标右键，选择菜单中的“查看源文件”，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画面。为什么在源文件看不到任何图片？网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台计算机上。第二节 什么是网页构成网页的元素构成网页的元素文字与图片

17、是构成一个网页的两个最基本的元素。文字与图片是构成一个网页的两个最基本的元素。你可以简单的理解为：文字，就是网页的内容，图片，你可以简单的理解为：文字，就是网页的内容，图片，就是网页的美观。除此之外，网页的元素还包括动画、就是网页的美观。除此之外，网页的元素还包括动画、音乐、程序等等。音乐、程序等等。在网页上点击鼠标右键，选择菜单中的在网页上点击鼠标右键，选择菜单中的“查看源文查看源文件件”，就可以通过记事本看到网页的实际内容。可以看，就可以通过记事本看到网页的实际内容。可以看到，网页实际上只是一个纯文本文件，它通过各式各样到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、

18、图片、表格、声音等元素进行的标记对页面上的文字、图片、表格、声音等元素进行描述（例如字体、颜色、大小），而浏览器则对这些标描述（例如字体、颜色、大小），而浏览器则对这些标记进行解释并生成页面，于是就得到你现在所看到的画记进行解释并生成页面，于是就得到你现在所看到的画面。面。为什么在源文件看不到任何图片？为什么在源文件看不到任何图片？网页文件中存放网页文件中存放的只是图片的链接位置，而图片文件与网页文件是互相的只是图片的链接位置，而图片文件与网页文件是互相独立存放的，甚至可以不在同一台独立存放的，甚至可以不在同一台计算机计算机上。上。第三节 什么是HTML？设计设计HTML语言的目的是为了能把存

19、放在一台语言的目的是为了能把存放在一台电脑电脑中的文本中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体，人们不用考虑具体信息是在当前电脑上还是成有机的整体，人们不用考虑具体信息是在当前电脑上还是在网络的其它电脑上。我们只需使用鼠标在某一文档中点取在网络的其它电脑上。我们只需使用鼠标在某一文档中点取一个一个图标图标，Internet就会马上转到与此图标相关的内容上去，就会马上转到与此图标相关的内容上去，而这些信息可能存放在而这些信息可能存放在网络网络的另一台电脑中。的另一台电脑中。另外，另外，HTML是网络的通用语言是网

20、络的通用语言,一种简单、通用的全置标一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页记语言。它允许网页制作人建立文本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。什么类型的电脑或浏览器。第四节 Web浏览器网页浏览器主要通过HTTP协议连接网页伺服器而取得网页，HTTP容许网页浏览器送交资料到网页伺服器并且获取网页。目前最常用的HTTP是HTTP/1.1，这个协议在RFC2616中被完整定义。HTTP/1.1有其一套InternetExplorer并不完全支援的标准，

21、然而许多其他当代的网页浏览器则完全支援这些标准。网页的位置以URL（统一资源定位符）指示，此乃网页的地址；以http:开首的便是通过HTTP协议登陆。很多浏览器同时支援其他类型的URL及协议，例如ftp:是FTP（档案传送协议）、gopher:是Gopher及https:是HTTPS（以SSL加密的HTTP）。第四节 Web浏览器网页通常使用HTML（超文本连结标记语言）文件格式，并在HTTP协议内以MIME内容形式来定义。大部分浏览器均支援许多HTML以外的文件格式，例如JPEG、PNG和GIF图像格式，还可以利用外挂程式来支援更多文件类型。在HTTP内容类型和URL协议结合下，网页设计者便

22、可以把图像、动画、视频、声音和流媒体包含在网页中，或让人们透过网页而取得它们。早期的网页浏览器只支援简易版本的HTML。专属软体的浏览器的迅速发展导致非标准的HTML代码的产生。这导致了浏览器的相容性的问题。现代的浏览器（Mozilla、Opera和Safari）支援标准的HTML和XHTML（从HTML4.01版本开始）。他们显示出来的网页效果都一样。InternetExplorer仍未完全支援HTML4.01及XHTML1.x。现在许多网站都是使用所见即所得的HTML编辑软体来建构的，这些软体包括MacromediaDreamweaver和MicrosoftFrontpage等。他们通常预

23、设产生非标准HTML；这阻碍了W3C制定统一标准，尤其是XHTML和CSS（层叠样式表，设计网页时用）。第五节 网页设计的基本目标一、创意要新一、创意要新二、页面制作二、页面制作1、网页结构、网页结构2、页面内容、页面内容3、文字、文字4、图形、图形第五节 网页设计的基本目标三、商业网页设计的要求三、商业网页设计的要求1、良好的视觉效果、良好的视觉效果2、站点开发周期应尽可能短，网页发布的信息一定要准确、站点开发周期应尽可能短，网页发布的信息一定要准确3、维护更新要方便、维护更新要方便4、其他问题、其他问题第六节 网页制作工具及分类一、标记型网页制作工具一、标记型网页制作工具二、二、“所见即所

24、得所见即所得”型网页制作工具型网页制作工具三、编程型网页制作工具三、编程型网页制作工具四、图像处理工具四、图像处理工具五、通用图像处理工具五、通用图像处理工具六、专用图像处理工具六、专用图像处理工具七、不同类型工具的比较七、不同类型工具的比较第七节 小结一、从了解一、从了解HTML的基本标记开始的基本标记开始二、选择一个自己认为颇为顺手的工具，从第一个页面二、选择一个自己认为颇为顺手的工具，从第一个页面开始开始三、多多访问他人的网页，从中受到启发三、多多访问他人的网页，从中受到启发四、深入分析成功的网页、网站四、深入分析成功的网页、网站第二章第二章网站设计的原则与页面风格网站设计的原则与页面风

25、格第一节第一节网站设计原则网站设计原则第二章第二章网站设计的原则与页面风格网站设计的原则与页面风格第二节第二节站点的总体风格站点的总体风格一、商业网站的风格一、商业网站的风格二、非商业组织站点的风格二、非商业组织站点的风格三、个人网站的风格三、个人网站的风格第二章第二章网站设计的原则与页面风格网站设计的原则与页面风格第三节第三节站点的层次站点的层次站点的层次是指站点的主页和二级、三级站点的层次是指站点的主页和二级、三级页面之间的结构关系。页面之间的结构关系。第四节第四节站点结构实例分析站点结构实例分析第二章第二章网站设计的原则与页面风格网站设计的原则与页面风格第五节第五节站点目录结构组织站点目

26、录结构组织一、站点目录结构组织一、站点目录结构组织二、站点的链接结构的组织二、站点的链接结构的组织1、树形链接结构、树形链接结构2、星形链接结构、星形链接结构第六节第六节小结小结第三章第三章网页构图与色彩网页构图与色彩第一节第一节页面的布局页面的布局一、重心平衡概述一、重心平衡概述二、重心平衡设计实例二、重心平衡设计实例第二节第二节页面色彩以及图片格式的使用页面色彩以及图片格式的使用一、网页用色概述一、网页用色概述二、色彩的基本概念二、色彩的基本概念三、色彩和三、色彩和GIF、JPEG文件格式文件格式四、四、Web安全调色板安全调色板第三章第三章网页构图与色彩网页构图与色彩第三节第三节页面构图

27、方法页面构图方法一、网页布局的基本概念一、网页布局的基本概念1、页面尺寸、页面尺寸2、整体造型、整体造型3、页眉、页眉4、文本、文本5、页脚、页脚6、图片、图片7、多媒体、多媒体第三章第三章网页构图与色彩网页构图与色彩第三节第三节页面构图方法页面构图方法二、网页页面布局的方法二、网页页面布局的方法1、纸上布局、纸上布局2、软件布局、软件布局三、页面构图实例三、页面构图实例第三章第三章网页构图与色彩网页构图与色彩第四节第四节文本色彩体系文本色彩体系第五节第五节网页设计的通用规则网页设计的通用规则一、网站的设计目的决定设计方案一、网站的设计目的决定设计方案二、浏览者的需求应放在第一位二、浏览者的需

28、求应放在第一位三、页面的有效性三、页面的有效性四、页面的布局保持统一性四、页面的布局保持统一性五、使用表格和适当的帧结构来设计网页五、使用表格和适当的帧结构来设计网页六、谨慎使用图片六、谨慎使用图片七、平面设计意识七、平面设计意识八、减少八、减少JavaApplet和其他多媒体的使用和其他多媒体的使用第四章第四章PhotoShop第一节第一节PhotoShop概述与基本操作概述与基本操作第二节第二节进一步了解进一步了解PhotoShop第三节第三节PhotoShop特殊功能特殊功能第四节第四节制作一幅漂亮的图片制作一幅漂亮的图片Internet的起源和发展1969年美国国防部高级研究所计划局（

29、年美国国防部高级研究所计划局（ARPA）建立建立ARPAnet，1986年美国国家科学基金会年美国国家科学基金会（NSF）建立了）建立了NSFnet。1991年年6月中国第一条与国际互联网连接的专线建月中国第一条与国际互联网连接的专线建成，我国成，我国1994年年3月正式加入月正式加入Internet，目前我国，目前我国有权管理有权管理Internet国际出口的单位有国际出口的单位有5家。家。ARPA于1962年10月开始了研制大型网络的计划ARPANET，1969年12月初步建成这个试验性网络。1980年发展成为TCP/IP协议，1983年美国军方将TCP/IP协议确定为网络协议标准1986

30、年美国国家科学基金会（NSF）建立了NSFnet。1987年，IBM、MCI和Merit共同组建了ANS。1992年ANS建立了一个新的主干网ANSNET。1989年3月，欧洲粒子物理实验室（CERN）英国计算机学者Tim Berners-Lee建议建立一个由超文本链接方式组成的信息网Web。1990年11月，NeXT公司（Apple创始人斯蒂夫乔布斯组建）发布了最初的World Wide Web（后来简称WWW或W3）模型。1991年，CERN正式向外界发布了WWW协议标准。在WWW标准基础上，由美国麻省理工学院、CERN及法国计算机与控制国家研究院参加组成的合作机构提出了新的、更为复杂的超

31、文本标记语言HTML草案，发布了HTML标准1.0版，后来升级为HTML2.0版和3.0版。1994年11月，Netscape Communicator（网景公司）开发的Netscape Navigator（导航者）问世。Microsoft也于一年后的1995年11月推出自己的浏览器Internet Explorer。Internet在中国的发展 三个阶段：第一阶段（19871993年），电子邮件使用阶段1991年6月中国第一条与国际Internet联网的专线由北京的中国科学院高能物理所建成。第二阶段（19941995年），教育科研网发展阶段1994年4月正式开通了中国与国际Internet的

32、64Kbps专线连接，并设立了中国最高域名（CN）服务器。到1995年初，高能所将卫星专线改用海地电缆，通过日本进入Internet。这时，我国才算是真正加入了国际Internet行列之中。1994年9月，中国邮电部门开始计划进入Internet，建立中国公用Internet网，即CHINANET，作为公共商用网向公众提供Internet服务。第三阶段（1995年至今），商业应用阶段1.1.3 中国现有的五大Internet网络 v中国公用计算机互联网络（CHINANET）v中国教育与科研网络（CERNET）v中国科技网（CSTNET）v中国金桥信息网（CHINAGBNET）v中国公众多媒体通

33、信网（169网）Internet的功能 1.电子邮件E-mail电子邮件（电子邮件（电子邮件（电子邮件（E-mailE-mail）POP3SERVERSMTPSERVERSMTP（Simple Mail Protocol，简单邮件传输协议）POP3（Post Office Protocol version 3，邮局协议）2.FTP文件传输协议FTPSERVER文件传输（文件传输（文件传输（文件传输（FTPFTP：FileTransferProtocolFileTransferProtocol）3.远程登录远程登录（远程登录（远程登录（远程登录（TelnetTelnet）4.网上查询名称地址录信

34、息检索工具索引式信息检索工具交互式信息检索工具5.网上交流公告板系统BBS网络新闻组电子邮件通信组聊天1.1.5 TCP/IP简介协议是关于信息格式和信息交换规则的正确描述。协议是关于信息格式和信息交换规则的正确描述。协议是关于信息格式和信息交换规则的正确描述。协议是关于信息格式和信息交换规则的正确描述。网络通信协议就是计算机之间为互相通信、传递信息而所约定的规则。协议的实质是网络通信所使用的一种语言语言。TCP/IP(Transmission Control Protocol/Internet Protocol)传输控制协议/互联网协议。TCP/IP协议定义了在互联网络中如何传递、管理信息(

35、文件传送、收发电子邮件、远程登录等)，并制定了在出错时必须遵循的规则。从协议分层模型方面来讲，TCP/IP由四个层次组成：网络接口层网络层传输层应用层负责接收IP数据包并通过网络发送负责相邻计算机之间的通信提供应用程序间的通信向用户提供一组常用的应用程序1.1.6 IP地址和域名 IPIP地址地址是网上的通信地址，是计算机、服务器、路由器是网上的通信地址，是计算机、服务器、路由器的端口地址，每一个的端口地址，每一个IPIP地址在全球是惟一的，是运行地址在全球是惟一的，是运行TCP/IPTCP/IP协议的协议的惟一标识惟一标识。1.IP地址地址207.49.68.15网络地址主机地址域名代表IP

36、地址207.46.156.252IP地址也称为URL（UniqueResourceLocation，中文意义为“统一资源定位符”），IP地址由四个从0到255之间的32位二进制组成，分为网络地址和主机地址。2.域名域名InternetInternet域名域名是是Internet网络上的一个服务器或一个网络上的一个服务器或一个网络系统的名字，在全世界，没有重复的域名。域网络系统的名字，在全世界，没有重复的域名。域名的形式是以若干个英文字母或数字组成，由名的形式是以若干个英文字母或数字组成，由“.”分隔成几部分。分隔成几部分。域名管理系统域名管理系统DNSDNS（DomainNameSystem）

37、是域名）是域名解析服务器的意思解析服务器的意思.它在互联网的作用是：把域名转它在互联网的作用是：把域名转换成为网络可以识别的换成为网络可以识别的ip地址地址.比如：我们上网时输比如：我们上网时输入的入的会自动转换成为会自动转换成为61.135.132.6URL地址和HTTP URLURL（UniformResoureLocator：统一资源定位地址）是用于完整地描述Internet上网页和其他资源的地址的一种标识方法。俗称“网址”。Scheme:/machinename/directoryScheme:/machinename/directoryScheme:/machinename/dire

38、ctoryScheme:/machinename/directoryInternet资源类型（资源类型（scheme）：指出）：指出WWW客户程序用来客户程序用来操作的工具。如操作的工具。如“http:/”表示表示WWW服务器，服务器，“ftp:/”表示表示FTP服务器，服务器，“gopher:/”表示表示Gopher服务器，而服务器，而“new:”表示表示Newgroup新闻组。新闻组。服务器地址（服务器地址（host）：指出）：指出WWW页所在的服务器域名。页所在的服务器域名。端口（端口（port）：有时（并非总是这样），对某些资源）：有时（并非总是这样），对某些资源的访问来说，需给出相应

39、的服务器提供端口号。的访问来说，需给出相应的服务器提供端口号。HTTP协议（协议（HyperTextTransferProtocol，超文本传输，超文本传输协议）是用于将超文本从协议）是用于将超文本从WWW服务器传输到本地浏览服务器传输到本地浏览器的传送协议。器的传送协议。路径（路径（path）：指明服务器上某资源的位置（其格式与）：指明服务器上某资源的位置（其格式与DOS系统中的格式一样，通常有目录系统中的格式一样，通常有目录/子目录子目录/文件名这文件名这样结构组成）。与端口一样，路径并非总是需要的。样结构组成）。与端口一样，路径并非总是需要的。1.1.8连接连接Internet的方式的方

40、式进入进入InternetInternet的方式主要有三种：主机方式、网络方的方式主要有三种：主机方式、网络方式和仿真终端方式。式和仿真终端方式。ISP：全称为InternetServiceProvider，即因特网服务提供商，能提供拨号上网服务、网上浏览、下载文件、收发电子邮件等服务。ICP：全称为InternetContentProvider，即网上信息内容服务商，它为上网用户提供包括新闻、娱乐、购物等方面的信息。IDC(InternetDataCenter)，广义的“资料中心”，服务范围不仅限于ISP最基本的代管服务(hosting)，包括网路安全、网路管理、资料储存(SAN)、灾难备援

41、、系统远端管控、24小时客服中心等所有可以从资料中心可执行的服务在內IPv6是“InternetProtocolVersion6”的缩写，也被称作下一代互联网协议，其最显著的特征是通过采用128位的地址空间替代IPv4的32位地址空间来提高下一代互联网的地址容量。互联网词汇知识点普通网站一般包括三部分：A）域名：网站的地址标识，就像房屋的门牌号一样，作为用户访问网站的标识。B）网络空间：在永久接入互联网的计算机中拥有存放网站网页资料的空间，这个空间作为网站存储的物理空间。C）网站内容：就是通过浏览器所看到的网页。知识点1.2 网页设计基本知识1.2.1 WWW简介 万维网万维网万维网万维网WW

42、W WWW 是是 World Wide Web World Wide Web（环球信息网）的缩（环球信息网）的缩写，也可以简称为写，也可以简称为 Web Web，中文名字为，中文名字为“万维网万维网”。它是一种基于超文本文件的交互式浏览检。它是一种基于超文本文件的交互式浏览检索工具。用户可用索工具。用户可用WWWWWW在在InternetInternet网上浏览、传网上浏览、传递、编辑超文本格式的文件。递、编辑超文本格式的文件。HTML：HyperTextMarkupLanguage，超文本标记语，超文本标记语言，是一套独立于平台的格式定义言，是一套独立于平台的格式定义(用标记说明用标记说明)

43、,用用来描述来描述3W文档中的各个组成部分。文档中的各个组成部分。网页网页网页网页就是我们通过网络浏览器看到的网站页面，网页就是我们通过网络浏览器看到的网站页面，网页通常都符合通常都符合HTML的规范。的规范。静态网页静态网页静态网页静态网页是在动态网页出现后相对而言的传统采用是在动态网页出现后相对而言的传统采用HTML编写的网页。编写的网页。动态网页动态网页动态网页动态网页指的是采用指的是采用ASP、PHP、CGI等程序动态生等程序动态生成的页面，在网络空间中并不存在这个页面，只有在接成的页面，在网络空间中并不存在这个页面，只有在接到用户的访问要求后才生成并传输到用户的浏览器中。到用户的访问

44、要求后才生成并传输到用户的浏览器中。一个网站的起始页称为一个网站的起始页称为主页（Homepage）或首页。）或首页。超级链接超级链接是带下划线或边框，并内嵌了是带下划线或边框，并内嵌了Web地址地址（又称为（又称为URL-统一资源定位符）的文字和图形。统一资源定位符）的文字和图形。B/SB/S：Browser/ServerBrowser/Server浏览器浏览器/服务器服务器C/SC/S：Client/ServerClient/Server客户端客户端/服务器服务器1.2.2 超文本描述语言HTML1.什么是什么是HTMLHTML是是HypertextMarkupLanguage（超文本标记

45、语言）（超文本标记语言）的缩写，它是构成的缩写，它是构成Web页面（页面（Page）的主要工具，是用来表）的主要工具，是用来表示网上信息的符号标记语言。示网上信息的符号标记语言。HTML最早源于最早源于SGML语言（语言（StandardGeneralMarkupLanguage，标准，标准通用化标记语言），通用化标记语言），HTML是由是由Web的发明者的发明者TimBerners-Lee和同事和同事DanielW.Connolly于于1990年创立的一种标记式语言，它是年创立的一种标记式语言，它是SGML的应用。的应用。WWW协会作为制定协会作为制定HTML标准的国际性正式组织，于标准的国

46、际性正式组织，于1993年正式推出年正式推出HTML1.0版，提供简单的文本格式功能。版，提供简单的文本格式功能。1995年年2月推出月推出HTML2.0版，增版，增加了表格处理、图形、图像等功能。加了表格处理、图形、图像等功能。1995年年10月又推出了月又推出了HTML3.0版。版。1996年年3月的月的HTML3.2版加入了版加入了标记，用于嵌入标记，用于嵌入JavaApplet程程序，增加了图像映像及地图索引等功能。序，增加了图像映像及地图索引等功能。2.HTML的作用的作用格式化文本格式化文本建立超链接建立超链接创建列表创建列表插入图像插入图像建立表格建立表格加入多媒体加入多媒体交互

47、式表单、计数器等交互式表单、计数器等3.专用的网页编辑器专用的网页编辑器完全的所见即所得工具完全的所见即所得工具纯粹的纯粹的HTML代码编辑工具代码编辑工具混合型工具混合型工具4.XML简介XML是是EXtensibleMarkupLanguage的缩写的缩写XML是一种类似于是一种类似于HTML的标记语言的标记语言XML是用来描述数据的是用来描述数据的XML的标记不是在的标记不是在XML中预定义的，你必须定义自己中预定义的，你必须定义自己的标记的标记XML使用文档类型定义（使用文档类型定义（DTD）或者模式（）或者模式（Schema）来描述数据来描述数据XML使用使用DTD或者或者Schem

48、a后就是自描述的语言后就是自描述的语言vFrontPageFrontPage是最流行、功能最强大的网页制作软件之是最流行、功能最强大的网页制作软件之一，集成在一，集成在OfficeXP之中。它可以利用其他之中。它可以利用其他Office套件套件的功能，制作出更加个性化的网页。的功能，制作出更加个性化的网页。它是由它是由Microsoft公司推出的新一代公司推出的新一代Web网页制作工网页制作工具。它使网页制作者能够更加方便、快捷地创建和发布具。它使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工网页，具有直观的网页制作和管理方法，简化了大量工作。作。其界

49、面与其界面与Word、PowerPoint等软件的界面极为相似，等软件的界面极为相似，为使用者带来了极大的方便，为使用者带来了极大的方便，Microsofy公司将其封装公司将其封装入入Office之中，成为之中，成为Office家庭的一员，使之功能更大家庭的一员，使之功能更大强大。强大。Dreamweaver是由美国著名的软件开发商是由美国著名的软件开发商Macromedia公司推出的一个公司推出的一个“所见即所得所见即所得”的可视化网站的可视化网站开发工具。可用于可视化设计与管理网页和网站的专业开发工具。可用于可视化设计与管理网页和网站的专业级级HTML编辑器。编辑器。Dreamweaver

50、是唯一提供是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。、视觉化编辑与原始码编辑同步的设计工具。可可编写编写ASP、JSP及及PHP程序，从而创建动态网站系统。包程序，从而创建动态网站系统。包括可视化编辑、括可视化编辑、HTML代码编辑的软件包，并支持代码编辑的软件包，并支持ActiveX、JavaScript、Java、Flash、ShockWave等特性。等特性。与同为与同为Macromedia公司出品的公司出品的Fireworks和和Flash一一道，被誉为网页制作三剑客。道，被誉为网页制作三剑客。vDreamweavervFireworksFirework