1、网站开发,网页设计基础知识聂倩,1.1 Internet基础知识1.2 网页设计相关语言简介1.3 如何设计网页1.4 常用的网页设计工具1.5 网页色彩搭配1.6 网页的布局设计,网页设计基础知识,网页设计基础知识,1.1 Internet基础知识1.1.1 Internet概述 Internet（即互联网，也称为因特网）是将许多不同功能的计算机和网络通过线路连接起来的全球性网络，使Internet运行起来的协议是TCP/IP协议。1.1.2 IP地址和域名1）IP地址 任何连上Internet的计算机都称为主机，每台主机都被指定了一个唯一的主机号，就像每部电话都有一个电话号码一样，这便是I
2、P地址。,2）域名 域名一般由若干个英文字母、数字或者两者的混合字符串组成，字符间用圆点“.”符号隔开。1.1.3 网页的浏览目前网页都是通过浏览器软件进行浏览。通常使用的浏览器有微软公司的Internet Explorer（简称IE）、Netscape Navigator。目前用户大都使用IE来浏览相关的网页。,网页设计基础知识,网页设计基础知识,网页浏览流程,因而，我们可以概括出浏览网页的四个步骤：（1）用户在客户机上输入网页地址，发出浏览器请求；（2）请求通过互联网络，从客户机传到服务器；（3）服务器得到请求，根据请求得到相关的结果网页并 发送该网页；（4）返回的网页信息通过网络传回到客
3、户机，客户机收 到网页并在浏览器上显示出来。,网页设计基础知识,1.1.4 网页相关术语1）WWW: World Wide Web2）浏览器(Browser）就是指在用户计算机上安装的、用来显示指定Internet文件的程序。如IE浏览器。3）超链接（Hyperlink）是互联网上的一种链接技巧，通过它可以从一个网页链接到另一个网页。,网页设计基础知识,4）超文本（Hypertext）是把一些信息根据需要链接起来的信息管理技术，用户可以通过一个文本的链接打开另一个相关的文本。只要用鼠标单击文本中通常带下划线的条目，便可获得相关的信息。 超文本具有超链接性，既可以链接到本站点上的其他网页，也可以
4、链接到其他站点上的网页。5）多媒体（Multimedia）：是指利用计算机，综合处理多种媒体信息（如文字、图形、图像、音频和视频等），使它们之间建立逻辑连接，成为一个具有交互性的系统，其关键是压缩技术。,网页设计基础知识,6）超媒体（Hypermedia）：是一种包含文字（Text）、影像（Movie）、图片（Image）、动画（Animation）、声音（Audio）等图、文、声、光的文件。7）流媒体（Streammedia）：简单来说就是应用流技术在网络上传输的多媒体文件。流技术就是把连续的影像和声音信息经过压缩处理后放在网站服务器，让用户一边下载一边观看、收听，而不需要等整个压缩文件下载
5、到自己机器后才可以观看的网络传输技术。8）网站 网站（Web Site）顾名思义就是计算机网络上的一个站点，代表一个位置，网页（Web Page）就是站点中所包含的内容。 简单来说，网站是一系列具有相同或相似属性并通过各种链接相互关联的网页的组合。,网页设计基础知识,（9）网页与主页 网页是WWW系统中信息的基本单位，Web服务器就是以网页为单位处理信息的，客户端的信息请求也是以网页为基本单位的。网页的本身是一个纯文本文件，其扩展名是.htm或.html等，网页文件中包含的内容可以是文字、图片、超链接、影片、声音等。 主页（homepage）就是进入WWW网站的第一个网页，也称为首页。,网页设
6、计基础知识,10）统一资源定位器 统一资源定位器（uniform resource locator,URL）是Internet上信息资源的定位方法，一个完整的URL地址由通信协议名、Web服务器地址、文件在服务器中的路径和文件名4部分组成。 URL通常有2种类型：绝对URL和相对URL。绝对URL用来表示网络信息资源的绝对位置；相对URL也称部分URL，用来表示网络信息资源所在网络服务器的相对位置。,网页设计基础知识,1.1.5 网页设计技术分类（1）静态网页设计技术Internet最早出现时，站点内容都是以HTML静态页面形式存放在服务器上的，访问者浏览到的页面都是这些实际存在的静态页面。静
7、态并不是指网页中的元素都是静止不动的，而是指网页制作完成后，静态网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。也就是说，静态网页是保存在服务器上的内容不变的文件，每个网页都是一个独立的文件。由于静态网页的内容相对稳定，因此容易被搜索引擎检索。,网页设计基础知识,静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。静态网页的交互性较差，在功能方面有较大的限制。（2）动态网页设计技术动态网页是指浏览器可以和服务器数据库进行实时数据交流的交互网页。动态不等同于动感，动态网页并不是指加上了
8、动画等效果的动感网页。动态网页中除了普通网页中的元素外，还包括一些应用程序，这些应用程序使浏览器与Web服务器之间发生交互行为。,网页设计基础知识,1.2 网页设计相关语言简介1.2.1 HTML语言简介 HTML语言是英文“Hypertext Markup Language”的缩写,即超文本标记语言的简称。用其语法规则建立的文档可以运行在不同操作系统的平台上，是目前因特网上用于编写网页的主要语言。,网页设计基础知识,一个HTML文件应具有下面的结构： . HTML文件开始 .文件头开始 文件头.文件头结束 .文件体开始 文件体.文件体结束 . HTML文件结束,网页设计基础知识,Html的规
9、则很多，初学者可能会觉得很难掌握。其实我们学习时不需要全部掌握它，只要可以看懂各种html标记，会给标记属性赋值就可以了。看懂html代码，不仅可以让我们制作网页时得心应手，还可以借用别人的技术来充实自己的网页。1.2.2 脚本语言简介 1）Script脚本语言 （1）什么是脚本语言？ 介于HTML和C,C+,Java,C#等编程语言之间， 是一种解释性的语言，不需要编译，可以直接用，由解释器负责解释。,网页设计基础知识,VBScript和JavaScript都是一种解释性的脚本语言，它们的代码可以直接嵌入到HTML命令中。 JavaScript和VBScript的最大特点是可以很方便地操纵网
10、页上的元素，并通过Web浏览器与访问者交互。同时，JavaScript和VBScript可以捕捉客户的操作并作出反应。（2）JavaScript脚本语言JavaScript是一种跨平台、基于对象的脚本语言，提到JavaScript脚本语言，可能会把它与Java语言混淆起来，其实JavaScript与Java是两种完全不同的语言。虽然它们的语法元素都和C+十分相似，但彼此间是不同的。首先JavaScript是Netscape公司的产品，而Java是Sun公司的产品；JavaScript是一种解释型的语言，而Java是一种编译型的语言。,网页设计基础知识,在HTML基础上，使用JavaScript
11、可以开发交互式Web网页。使网页包含更多活跃的元素和更加精彩的内容。 （3）VBScript脚本语言VBScript脚本语言是ASP的默认语言，它是Visual Basic家族的最新成员，可以说VBScript是Visual Basic的子集，也可以说VBScript是为了符合Internet小而精的条件而从VB之中萃取出精华功能的程序语言，其语法规则、函数与VB很相似，但功能上有所限制，语法规则也不是很严谨 。3）服务器端嵌入语言 目前常用的动态网页语言有：（1）ASP（2）JSP（3）PHP,网页设计基础知识,ASP（Active Server Pages），是一个Web服务器端的开发环境
12、， 利用它可以产生和运行动态的、交互的、高性能的Web服务应用程序。ASP既不是一种语言，也不是一种开发工具，而是一种内含于IIS/PWS之中的易学易用、可以集成Script语言（如VBScript或JavaScript）到HTML主页的服务器端（ServerSide）的脚本语言环境，其主要功能是为生成动态的、交互的Web服务器应用程序提供一种功能强大的方式或技术。,网页设计基础知识,JSP (Java Server Pages)是Sun公司推出的新一代站点开发语言，可以在Serverlet和JavaBean的支持下，完成功能强大的站点程序。在传统的HTML网页中加入Java程序片段和JSP标
13、记，就构成了JSP网页。Web服务器在访问JSP网页时，由JSP引擎解释JSP标记和其中的程序片段，生成所请求的内容，然后将结果以HTML格式返回到浏览器。,网页设计基础知识,PHP（原始的缩写是“Persona Home Page”,现在官方正式定为“PHP: Hypertext Preprocessor”的递归缩写），与ASP一样，PHP也是一种跨平台的服务器端的嵌入式脚本语言。它大量地借用C,Java和Perl语言的语法, 并耦合PHP自己的特性,使Web开发者能够快速地写出动态生成页面。与ASP不同的是，PHP跨多个平台（如Unix、Linux、Windows 98、Windows N
14、T、Windows 2000、Windows XP和Macintosh等），支持数种著名通用Web服务器（如IIS、Apache），用户更换平台时无需变换PHP代码。,网页设计基础知识,一系列内容相关的网页组织在一起，彼此之间建立联系（比如将一个公司的概况，产品，服务等做成一系列的网页，网页之间通过各种网页元素的链接达到建立联系的目的），这些网页和网页元素合起来就构成了一个网站。 我们首先要学会设计网页，然后建立自己的网站。,网页设计基础知识,1.3 如何设计网页网页设计是一个感性思考与理性分析相结合的过程，它的方向取决于设计的任务，实现依赖于网页的制作。1.3.1 网站的分类从形式上，可以将
15、站点分为三类：,网页设计基础知识,1）资讯门户类网站 这类站点为访问者提供了大量的信息，而且访问量大。,网页设计基础知识,2）商业经济类网站。这类网站是商家宣传自己的门户，在设计上要求统一协调，有秩序感。,网页设计基础知识,3）行业类网站。这类网站涉及专门行业的专业网站，可以采用行业象征性色彩为主色调。,网页设计基础知识,4）政府机构类网站，该类网站代表了各地政府机关的网上形象，一般用蓝、绿色来显示其形象。,网页设计基础知识,5）人文艺术类网站，此类站点向大众传播文化、艺术，透着浓郁的文化气息。,网页设计基础知识,1.3.2 网页设计的流程 网页设计的流程可以分为两部分： 第一是站点的规划及草
16、图的绘制。 第二是网页的设计与制作，其中设计网页的第一步是设计版面布局，接着就是通过软件的操作，将设计的蓝图变为现实。,网页设计基础知识,1.3.3 网页设计的基本原则 网页设计一般遵循以下原则： 1）统一：指网页的整体性和一致性,形式与内容的统一。 2）连贯：指要注意页面之间的相互关系。 3）分割：将页面分成若干小块，小块之间有视觉上的不同。 4）对比：通过矛盾与冲突，使设计更富有生气。 5）和谐：指整个页面符合美的法则，浑然一体。,网页设计基础知识,1.4 常用的网页编辑和设计工具1.4.1 常用的网页编辑工具 初始的网页编辑工具：记事本、写字板、UltraEdit 常见的网页编辑工具：F
17、rontPage 最流行的网页编辑工具：Dreamweaver1.4.2 常用的网页设计工具 网页动画制作工具：Flash 网页图像制作工具：Photoshop、Fireworks,网页设计基础知识,1.5 网页色彩搭配 在网页设计中，色彩是网页风格的灵魂，是树立网站形象的关键，也是网站设计风格的重要组成部分。 任何色彩都具备3个特征，即色相、亮度和纯度。 色相：指色彩的名称。 亮度：指色彩的明暗程度。 纯度：指色彩的鲜艳程度。,网页设计基础知识,1.5.1 各种色彩分析 不同的颜色给人们不同的心理感受，在设计网页时形成独特的色彩效果，给浏览者留下深刻的印象。 1）红色是强有力的色彩，是热烈、
18、冲动的色彩。,网页设计基础知识,2）黄色黄色是亮度最高的颜色，灿烂，辉煌，有着太阳般的光辉；黄色有金色的光芒，又象征着财富和权利。,网页设计基础知识,3）蓝色蓝色是原始的颜色，是海洋和天空的颜色，散发着清爽、幽静、和平、理性、稳定、冰冷的意味。,网页设计基础知识,4）绿色绿色美丽、优雅，宽容、大度、单纯、年轻。,网页设计基础知识,5）紫色紫色属于不冷不热的中性色，散发着神秘和高贵的色彩。,网页设计基础知识,6）橙色橙色可以使人脉搏加快，十分活泼。它使人联想到金色的秋天，丰硕的果实，是一种富足的、快乐而幸福的色彩。,网页设计基础知识,7）白色,网页设计基础知识,8）黑色,网页设计基础知识,9）灰
19、色,网页设计基础知识,1.5.2 网页色彩搭配在网页设计中，色彩搭配是树立网站形象的关键，色彩搭配是一项技术性工作，同时也是一项艺术性工作，因此在设计网页时除了考虑网站本身的特点外，还要遵循一定的艺术规律。1）网页色彩搭配原理色彩的鲜明性色彩的独特性色彩的合理性色彩的联想性,网页设计基础知识,2）网页色彩搭配技巧使用单色使用邻近色使用对比色黑色的使用背景色的使用色彩的数量,网页设计基础知识,1.5.3 网页色彩选择标准 1）了解网站所要传达的信息和品牌 2）了解网站的访问群 3）不要使用过多的颜色 4）在文字的部分使用对比色 5）选择颜色要注意时效性 6）选择色盘时应考虑功能性的颜色 7）注意
20、网站色差问题,网页设计基础知识,1.5.4 常见的几种网页配色方案 1）暖色调 即红、橙、黄、褐等色彩的搭配。这类色彩给人的视觉冲击感强，有扩张及迫近视线的现象，令人产生温暖的感觉。,网页设计基础知识,2）冷色调即青、绿、紫色等色彩的搭配，给人的感觉弱，有收缩、退远和寒冷的印象。冷色通常使人想到蓝天、碧水等景物，经人深邃严肃的感觉。,网页设计基础知识,3）对比色调即把色彩完全相反的色彩搭配在同一个空间里。,网页设计基础知识,1.6 网页的布局设计 网页的美感除了来自网页的色彩外，还有一个更重要的因素就是网页的布局设计，网页的布局设计突出了网页设计的艺术性和个性，好的布局设计会使网页显得更有美感
21、和创意。,网页设计基础知识,1.6.1 网页版面布局设计 1）网页版面布局原则主次分明，中心突出大小搭配，相互呼应图文并茂，相得益彰简洁一致性网页布局时的一些原则文本和背景的色彩，主题色通常只需23种。,网页设计基础知识,2）网页布局方法纸上布局法软件布局法 可以利用Photoshop 、Fireworks等软件来实现。,网页设计基础知识,1.6.2 常见的网页版面布局形式 网页版面的基本类型主要有骨骼型、满版型、分割型、中轴型、曲线型、倾斜型、对称型、焦点型、三角型、自由型十种。,网页设计基础知识,1）骨骼型 网页版式的骨骼型是一种规范的、理性的分割方法，类似于报刊的版式。常见的骨骼有竖向通
22、栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用，既理性、条理，又活泼而富有弹性。,综合运用多种分栏形式。,2）满版型 页面以图像充满整版。主要以图像为诉求点，也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及，这种版式在网页设计中的运用越来越多。,四边出血，向外扩张，适合年轻人的口味。,3）分割型 把整个页面分成上下或左右两部分，分别安排图片和文案。两个部分形成对比：有图片的部分感性而具活力，文案部分则理性而平静。可以调整图片和文案所占的面积，来调节对比的强弱。例如：如
23、果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又很疏落，则造成视觉心理的不平衡，显得生硬。倘若通过文字或图片将分割线虚化处理，就会产生自然和谐的效果。,分割线上的压置的图片既打破了页面分割的生硬感， 也使自身得到强调。左边框上的小标签乃点睛之笔。,4）中轴型 沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉。,不易觉察的中轴型版式，给人以轻快之感。,5）曲线型,图片、文字在页面上作曲线的分割或编排构成，产生韵律与节奏。,网站的导航标题沿图形弧线排列。,6）倾斜型,页面主题形象或多幅图片、文字作倾斜
24、编排，形成不稳定感或强烈的动感，引人注目。,文字水平排列，将画框斜置，产生对比与动势，印象被加强。,7）对称型,对称的页面给人稳定、严谨、庄重、理性的感受。 对称分为绝对对称和相对对称。一般采用相对对称的手法，以避免呆板。左右对称的页面版式比较常见。 四角型也是对称型的一种，是在页面四角安排相应的视觉元素。四个角是页面的边界点，重要性不可低估。在四个角安排的任何内容都能产生安定感。控制好页面的四个角，也就控制了页面的空间。越是凌乱的页面，越要注意对四个角的控制。,以相对对称手法制作的导航页面。,8）焦点型,焦点型的网页版式通过对视线的诱导，使页面具有强烈的视觉效果。焦点型分三种情况。 中心以对
25、比强烈的图片或文字置于页面的视觉中心。 向心视觉元素引导浏览者视线向页面中心聚拢，就形成了一个向心的版式。向心版式是集中的、稳定的，是一种传统的手法。 离心视觉元素引导浏览者视线向外辐射，则形成一个离心的网页版式。离心版式是外向的、活泼的，更具现代感，运用时应注意避免凌乱。,通过离心的版式，清晰地传达出网站提供的服务。,9）三角型,网页各视觉元素呈三角形排列。正三角形（金字塔型）最具稳定性，倒三角形则产生动感。侧三角形构成一种均衡版式，既安定又有动感。,整体看为正三角形的构图，主体形象稳定而突出。,10）自由型,自由型的页面具有活泼、轻快的风格。,引导视线的图片以散点构成，传达随意、轻松的气氛
26、。,1.6.3 文字与版式设计1）文字的字体、字号、行距 字号大小可以用不同的方式来计算，例如磅（point）或像素（pixel）。因为以计算机的像素技术为基础的单位需要在打印时转换为磅，所以，建议采用磅为单位。 最适合于网页正文显示的字体大小为12磅左右，现在很多的综合性站点，由于在一个页面中需要安排的内容较多，通常采用9磅的字号。较大的字体可用于标题或其他需要强调的地方，小一些的字体可以用于页脚和辅助信息。需要注意的是，小字号容易产生整体感和精致感，但可读性较差。,网页设计者可以用字体来更充分地体现设计中要表达的情感。字体选择是一种感性、直观的行为。但是，无论选择什么字体，都要依据网页的总
27、体设想和浏览者的需要。粗体字强壮有力，有男性特点，适合机械、建筑业等内容；细体字高雅细致，有女性特点，更适合服装、化妆品、食品等行业的内容。在同一页面中，字体种类少，版面雅致，有稳定感；字体种类多，则版面活跃，丰富多采。关键是如何根据页面内容来掌握这个比例关系。,通过文字大小疏密进行处理，突出重点，层次分明。,从加强平台无关性的角度来考虑，正文内容最好采用缺省字体。因为浏览器是用本地机器上的字库显示页面内容的。作为网页设计者必须考虑到大多数浏览者的机器里只装有三种字体类型及一些相应的特定字体。而你指定的字体在浏览者的机器里并不一定能够找到，这给网页设计带来很大的局限。解决问题的办法是：在确有必
28、要使用特殊字体的地方，可以将文字制成图像，然后插入页面中。,行距的变化也会对文本的可读性产生很大影响。一般情况下，接近字体尺寸的行距设置比较适合正文。行距的常规比例为10:12，即用字10点，则行距12点。这主要是出于以下考虑：适当的行距会形成一条明显的水平空白带，以引导浏览者的目光，而行距过宽会使一行文字失去较好的延续性。除了对于可读性的影响，行距本身也是具有很强表现力的设计语言，为了加强版式的装饰效果，可以有意识地加宽或缩窄行距，体现独特的审美意趣。例如，加宽行距可以体现轻松、舒展的情绪，应用于娱乐性、抒情性的内容恰如其分。另外，通过精心安排，使宽、窄行距并存，可增强版面的空间层次与弹性，
29、表现出独到的匠心。,行距可以用行高（line-height）属性来设置，建议以磅或默认行高的百分数为单位。例如：line-height：20pt、line-height：150%。,上、中部文字编排疏散，传达出轻松愉快的感觉。下部的文字编排采用较小的行距，与上面的编排方式形成对比，丰富了版面空间层次。,2）文字的图形化 字体具有两方面的作用：一是实现字意与语义的功能，二是美学效应。所谓文字的图形化，即是强调它的美学效应，把记号性的文字作为图形元素来表现，同时又强化了原有的功能。作为网页设计者，既可以按照常规的方式来设置字体，也可以对字体进行艺术化的设计。无论怎样，一切都应围绕如何更出色地实现自
30、己的设计目标。,将文字放大，不仅实现了字意与语义的功能，而且具备了视觉冲击力。,3）文字的颜色 在网页设计中，设计者可以为文字、文字链接、已访问链接和当前活动链接选用各种颜色。例如，如果你使用Dreamweaver编辑器，默认的设置是这样的：正常字体颜色为黑色，默认的链接颜色为蓝色，鼠标点击之后又变为紫红色。使用不同颜色的文字可以使想要强调的部分更加引人注目，但应该注意的是，对于文字的颜色，只可少量运用，如果什么都想强调，其实是什么都没有强调。况且，在一个页面上运用过多的颜色，会影响浏览者阅读页面内容，除非你有特殊的设计目的。,根据页面色调灵活运用文字的色彩，既符合页面的整体氛围，又保证了可读
31、性。,1.6.4 图像与版式设计 在网页中，图像是除文本外最重要的元素。一方面，图像的应用使网页更加美观、有趣；另一方面，图像本身也是传达信息的重要手段之一。与文字相比，它直观、生动，可以很容易地把那些文字无法表达的信息表达出来，易于浏览者理解和接受。 1）图像的格式 Web通常使用两种图像格式：GIF和JPEG。除此以外，还有两种适合网络传播但没有被广泛应用的图像格式：PNG和MNG。,2）图像的形式 同印刷排版一样，静态图像在网页排版中的运用不外乎四种形式：方形图、退底图、出血图以及这三种形式的结合使用。,方形图,即图形以直线边框来规范和限制，是一种最常见、最简洁、最单纯的形态。方形图使图
32、像内容更突出且将主体形象与环境共融，可以完整地传达主题思想，富有感染性。配置方形图的页面，给人以稳重、可信、严谨、理性、庄重和安静等感觉，但有时也显得平淡、呆板。,典型的方形图，四周留出边框，使图片内容突出。,退底图 将图像中的背景去掉，只留下主题形象。退底图形自由而突出，更具有个性，因而给人印象深刻。配置退底图的页面，轻松、活泼，动态十足，而且图文结合自然，给人以亲和感。但也容易造成凌乱和不整体的感觉。,人物全部退底，文字色块的安排轻松随意，是面向年轻人的设计。,出血图 图像的一边或几个边充满页面，有向外扩张和舒展之势。一般用于传达抒情或运动信息的页面，因不受边框限制，感觉上与人更加接近，便
33、于情感与动感的发挥。,四边出血，有强烈的扩张感。,主体形象退底且两边出血。主体形象的方向性 与右侧文字的排列方式具有引导视觉的作用。,3）图像的编排 页面的四个角与对角线、中轴四点及水平与垂直的中轴线，具有支配页面结构的作用。四角是页面边界相交形成的四个点，把四角连接起来的斜线即对角线，交叉点为页面中心。中轴四点指经过页面中心的垂直线和水平线的端点。这四个点可上、下、左、右移动。 通过四角与中轴四点结构的不同组合、变化，可以求得多样的页面结构。在图像排版时紧紧抓住这八个点，可以突出网页的形式美感，网页的版式设计、视觉流程的筹划也得到相应简化。,饱满的页面构图，巧妙地利用表盘稳定住页面四角。,以
34、水平分割为主的页面，右上角与左下角安排了文字，打破呆板的感觉。,多幅图片使水平垂直线规律地等量分割，获得了理性与秩序的美。,图片与文字穿插编排，形成散点组合。 运用线条的分割、文字的群组化以及单一的背景色形成整体感。,4）应用图像的要点选择图像时应选择与文本及整个网站相关的图像。除了图像的内容外，还要考虑图像伯大小。图像要清晰可见，其含义也应简单明了。对于重要的图像，最好添加文本提示。使用背景图像时，最好使用谈色系列的背景图。,参考网站,1）门户资讯类http:/http:/2）政府机构类http:/www.un.orghttp:/www.we21.co.kr3）人文艺术类http:/http:/www.lacountyarts,org4）商业经济类http:/http:/5）娱乐休闲类www.buick-http:/
