第二章 网页艺术设计的技术基础

第二章 网页艺术设计的技术基础 【内容提要】 本章列举了网页设计者必须了解的一些网络基本概念和常用的网页设计相关软件知识。 【关键词】 网络基本概念 网页设计软件

第一节 网络基本概念 一、局域网 局域网的全称是局部区域网络(Local Area Network)，缩写为LAN，是指在同一地点上经由网络连在一起的一组计算机，它是计算机网络中复杂程度相对比较低的结构。局域网是目前应用最广泛的一类网络，通常它具有如下特征： 1.从地理范围上来说，局域网的覆盖面积比较小。范围通常不超过几十公里，一个房间内2台以上计算机连在一起即可组成一个小型局域网。 2.从速度上来说，局域网中信息的传输速率比较高，其范围自1 Mbps到10 Mbps ，甚至可达到100 Mbps。 3.从管理上来说，局域网的经营权和管理权属于某个特定的单位。

第一节 网络基本概念 二、广域网 广域网(Wide Area Network) 缩写为WAN，是由两个以上的局域网构成。局域网之间的连接可以穿越很远的距离。最广为人知的WAN 就是Internet，它由全球成千上万的LAN和WAN组成。

第一节 网络基本概念 三、Internet Internet是全世界最大的计算机网络，这个网络是由分布在世界各地的数万个小的计算机网络通过TCP/IP协议互连，组成了巨大的计算机网络，其中的每个小的网络中又分别连接了数量不等的计算机，意味着全世界采用该协议的计算机都能相互通信。

第一节 网络基本概念 四、WWW WWW的全称为World Wide Web，又称万维网。它是基于Internet提供的一种界面友好的信息服务，用于检索和阅读连接到Internet服务器上的有关内容。该服务利用超文本（Hypertext)、超媒体（Hypermedia)等技术，允许用户通过浏览器（如微软的IE、网景的Netscape）检索远程计算机上的文本、图形、声音以及视频文件。

第一节 网络基本概念 五、 IP 地址 IP地址相当于Internet上的门牌号码，Internet上的每一个节点都被分配有一个唯一的IP地址以便互相区分和相互联系。IP地址由4个8位二进制数组成，但以十进制数显示。如：“192.168.0.1”。Internet中的IP地址是唯一不变的，但在Internet之下的局域网IP地址可以自己分配，正如一个单位无权决定自己在所属城市的街道名称和门牌号，但可以自主决定本单位内部的各个办公室编号一样。

第一节 网络基本概念 六、URL URL（Uniform Resoure Locator，统一资源定位器）是指网页的地址，它帮助我们找到想要浏览的网页，如 http://www.zjnu.net/news/ms.html就是一个典型的URL地址。

第一节 网络基本概念 七、协议 1.HTTP协议 HTTP (Hypertext Transfer Protocol，超文本传输协议)，它用来在Interne上传送WWW数据。它可以保证计算机正确快速地传输超文本文档，使浏览器更加高效。例如，我们要浏览搜狐网站，利用HTTP协议，在浏览器的地址栏中输入该站点的URL地址，就可以进入搜狐网站了。

第一节 网络基本概念 2.FTP协议 FTP(File Transfer Protocol，文件传输协议)是一个标准协议，是在计算机和网络之间交换文件的最简单的方法。FTP通常用于向服务器上传和下载文件，如将网页从本地硬盘上传到服务器上供人使用等。使用FTP可以利用网页浏览器，也可以使用由第三方提供的图形界面的FTP软件 (如CuteFTP)来操作(删除、重命名、移动和复制)服务器上的文件。

第一节 网络基本概念 八、域名 域名是Internet上的一个服务器或一个网络系统的名字，如sina.com就是一个域名。域名用于识别和定位Internet上的计算机，与该计算机的互联网协议IP地址相对应。根据国际互联网域名体系的划分，我国的顶级域名是.CN。在此基础之上，又进一步划分出了两类次一级的域名层次：即类别域名和行政区划域名。 类别域名是依照申请机构的性质划分出来的域名，具体包括： AC：科研机构 COM：工、商、金融等企业 EDU：教育机构 GOV：政府部门 NET：互联网络、接入网络的信息中心(NIC)和运行中心(NOC) ORG：各种非盈利性的组织 如：浙江师范大学的域名zjnu.edu.cn就是类别域名。

第一节 网络基本概念 行政区划域名是按照中国的各个行政区划划分而成的，包括“行政区域名”34个，适用于我国的各省、自治区、直辖市，例如北京是.bj，浙江是.zj等等。具体来说，如huzhou.zj.cn就是位于浙江省的浙北信息港的域名。

第一节 网络基本概念 九、HTML HTML（Hypertext Marked Language）即超文本标记语言,是一种用来制作超文本文档的简单标记语言。HTTP（超文本传输协议）规定了浏览器在运行HTML文档时所遵循的规则和进行的操作，使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。

第一节 网络基本概念 JavaScript是一种基于对象、事件驱动、客户端浏览器，并具有安全性能的脚本语言。它是通过嵌入或调入在标准的HTML语言中使用的，可以使有规律地重复的HTML文段简化，减少下载时间。JavaScript运行中不允许对网络文档进行修改和删除，安全性好。它具有跨平台性，无论何种平台，只要浏览器支持JavaScript就可正确执行。网页中有许多动画效果就是由JavaScript语言编写的。 十、JavaScript

第一节 网络基本概念 十一、动态网页 无论网页是否具有动态效果，采用动态网页技术生成的网页都称为动态网页。现在流行的动态网页技术主要有ASP、ASP.NET、JSP、PHP等。动态网页是与静态网页相对应的，也就是说，网页URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式，而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀，并且在动态网页网址中有一个符号“？”，典型的动态网页URL如以下格式：http://bbs.pdafans.com/viewthread.php?tid=136775。

第二节 网页设计相关软件 一、网页编辑软件 Dreamweaver是 Macromedia Studio的一部分，Macromedia Studio是包括 Flash、Fireworks、Contribute 和 FlashPaper 的集成套件。 Dreamweaver 8欢迎界面

第二节 网页设计相关软件 1.A 二、图形图像软件 dobe Photoshop和ImageReady Photoshop是数字专业图像编辑领域内使用最普及的软件，它提供高效的图像编辑、处理以及文件处理功能，与其他软件的兼容性强，支持各种主流图像格式。 Adobe Photoshop CS 2软件

第二节 网页设计相关软件 2.Fireworks Fireworks是专业的网页图片编辑工具,它与Dreamweaver软件的融合度很高，可以制作专门针对网页优化的各种元素或效果，如导航条、切片、GIF动画等。

第二节 网页设计相关软件 3.CorelDRAW CorelDRAW也是一款专业的矢量绘图软件，功能丰富、接口开放性好，自带许多工具，可以将位图图像转换为矢量图形，其最新的版本在图片编辑方面增加了许多新的特性、新的学习工具，在插画和页面布局方面也进行了加强。

第二节 网页设计相关软件 4.Adobe Illustrator 第二节 网页设计相关软件 4.Adobe Illustrator Adobe Illustrator是一个矢量绘图软件，在Microsoft Windows平台和Apple Macintosh平台上都能良好地运行。通过它我们可以创建复杂的艺术作品，技术图解，用于打印的图形和页面设计图样，多媒体以及 Web。 Illustrator 有强大的图形处理功能，提供了广泛的强大绘图和着色工具，支持所有主要的图形图像格式。 Adobe Illustrator CS 2软件

第二节 网页设计相关软件 三、网页动画软件 1.FLASH 第二节 网页设计相关软件 三、网页动画软件 1.FLASH FLASH是一款功能强大的动画制作软件,利用它，我们能制作出具有一流动画效果的FLASH影片。 FLASH 8 欢迎界面

第二节 网页设计相关软件 2.KoolMoves Flash Editor KoolMoves 是一个网站动画制作软件，它能够制作 Flash电影以及其他与动画相关的素材。该软件还能够制作动画 GIF、制作文字特效、导入矢量剪贴画、附加 WAV 音频文件，为文字按钮和帧增加动作等。

第二节 网页设计相关软件 3.GIF Movie Gear GIF Movie Gear是一款GIF动画制作软件，几乎所有制作GIF动画所需的编辑功能它都有，无须再用其他的图形软件辅助。它可以处理背景透明化，而且操作简便，通过最佳化处理压缩图片的容量。其次，它除了可以把做好的图片存成GIF的动画图外，还可支持PSD、JPEG、AVI、BMP、GIF与AVI格式输出。

第二节 网页设计相关软件 四、文件传输软件 除Dreamweaver自带的上传下载功能外，我们还可以使用更为方便的FTP软件来进行文件传输，目前常用的FTP软件有：CuteFTP、LeapFTP、FlashFXP等。

【思考与练习】 1.申请一个网络域名。 提示：取一个简单、易记、有特色的域名是建立站点形象的开始。 2.寻找一个FTP站点，安装并使用CuteFtp软件在该站点下载文件。 提示：在网络中能够寻找到自己所需要的资源是网页设计师应具备的基本能力。 我们可以通过搜索网站和访问论坛来查找资源。 【学习方法提示】 联系实例理解网络基本概念。 【学习链接】 1.谷歌搜索：tttp://www.google.cn 2.百度搜索：http://www.baidu.com 3.Adobe中国：http://www.chinese-s.adobe.com 4.Macromedia中国：http://www.macromedia.com/cn/