《网页艺术设计课件(第二章)》由会员分享,可在线阅读,更多相关《网页艺术设计课件(第二章)(27页珍藏版)》请在金锄头文库上搜索。
1、高等教育电子音像出版社高等教育电子音像出版社第二章 网页艺术设计的技术 基础【内容提要】本章列举了网页设计者必须了解的一些网络基本概念和常用的网页设计相关软件知识。【关键词】网络基本概念 网页设计软件 第一节 网络基本概念一、局域网局域网的全称是局部区域网络(Local Area Network),缩写为LAN,是指在同一地点上经由网络连在一起的一组计算机,它是计算机网络中复杂 程度相对比较低的结构。局域网是目前应用最广泛的一类网络,通常它具 有如下特征:1.从地理范围上来说,局域网的覆盖面积比较小。范围通常不超过几十 公里,一个房间内2台以上计算机连在一起即可组成一个小型局域网。2.从速度上
2、来说,局域网中信息的传输速率比较高,其范围自1 Mbps 到10 Mbps ,甚至可达到100 Mbps。3.从管理上来说,局域网的经营权和管理权属于某个特定的单位。二、广域网广域网(Wide Area Network) 缩写为WAN,是由两个以上的局域网构成。局域网之间的连接可以穿越很远的距离。最广为人知的 WAN 就是Internet,它由全球成千上万的LAN和WAN组成。三、Internet Internet是全世界最大的计算机网络,这个网络是由分布在世 界各地的数万个小的计算机网络通过TCP/IP协议互连,组成了巨大的计算机网络,其中的每个小的网络中又分别连接了数量不等 的计算机,意味
3、着全世界采用该协议的计算机都能相互通信。四、WWWWWW的全称为World Wide Web,又称万维网。它是基于 Internet提供的一种界面友好的信息服务,用于检索和阅读连接到 Internet服务器上的有关内容。该服务利用超文本(Hypertext)、超 媒体(Hypermedia)等技术,允许用户通过浏览器(如微软的IE、 网景的Netscape)检索远程计算机上的文本、图形、声音以及视频文件。五、 IP 地址IP地址相当于Internet上的门牌号码,Internet上的每一个节 点都被分配有一个唯一的IP地址以便互相区分和相互联系。IP地 址由4个8位二进制数组成,但以十进制数显
4、示。如: “192.168.0.1”。Internet中的IP地址是唯一不变的,但在Internet 之下的局域网IP地址可以自己分配,正如一个单位无权决定自己在所属城市的街道名称和门牌号,但可以自主决定本单位内部的 各个办公室编号一样。六、URLURL(Uniform Resoure Locator,统一资源定位器)是指网页的地址,它帮助我们找到想要浏览的 网页,如 http:/ 个典型的URL地址。七、协议1.HTTP协议HTTP (Hypertext Transfer Protocol,超文本传输协议),它用来在 Interne上传送WWW数据。它可以保证计算机正确快速地传输超文本文档,
5、 使浏览器更加高效。例如,我们要浏览搜狐网站,利用HTTP协议,在浏览 器的地址栏中输入该站点的URL地址,就可以进入搜狐网站了。2.FTP协议FTP(File Transfer Protocol,文件传输协议)是一个标准协议,是在计算机和网络之间交换文件的最简单的 方法。FTP通常用于向服务器上传和下载文件,如将网 页从本地硬盘上传到服务器上供人使用等。使用FTP可以利用网页浏览器,也可以使用由第三方提供的图形界 面的FTP软件 (如CuteFTP)来操作(删除、重命名、移动 和复制)服务器上的文件。 八、域名域名是Internet上的一个服务器或一个网络系统的名字,如就 是一个域名。域名用
6、于识别和定位Internet上的计算机,与该计算机的互联 网协议IP地址相对应。根据国际互联网域名体系的划分,我国的顶级域名 是.CN。在此基础之上,又进一步划分出了两类次一级的域名层次:即类 别域名和行政区划域名。类别域名是依照申请机构的性质划分出来的域名,具体包括:AC:科研机构 COM:工、商、金融等企业 EDU:教育机构 GOV:政府部门 NET:互联网络、接入网络的信息中心(NIC)和运行中心(NOC) ORG:各种非盈利性的组织如:浙江师范大学的域名就是类别域名。行政区划域名是按照中国的各个行政区划划分而成的,包括“ 行政区域名”34个,适用于我国的各省、自治区、直辖市,例如北 京
7、是.bj,浙江是.zj等等。具体来说,如就是位于浙江省的浙北信息港的域名。九、HTML HTML(Hypertext Marked Language)即超文本标记语言,是一 种用来制作超文本文档的简单标记语言。HTTP(超文本传输协议) 规定了浏览器在运行HTML文档时所遵循的规则和进行的操作,使 用HTML语言描述的文件,需要通过WWW浏览器显示出效果。十、JavaScript JavaScript是一种基于对象、事件驱动、客户端浏览器,并具 有安全性能的脚本语言。它是通过嵌入或调入在标准的HTML语言 中使用的,可以使有规律地重复的HTML文段简化,减少下载时间 。JavaScript运行
8、中不允许对网络文档进行修改和删除,安全性好 。它具有跨平台性,无论何种平台,只要浏览器支持JavaScript就 可正确执行。网页中有许多动画效果就是由JavaScript语言编写的。十一、动态网页无论网页是否具有动态效果,采用动态网页技术生成的网页都 称为动态网页。现在流行的动态网页技术主要有ASP、ASP.NET、 JSP、PHP等。动态网页是与静态网页相对应的,也就是说,网页 URL的后缀不是.htm、.html、.shtml、.xml等静态网页的常见形式, 而是以.asp、.jsp、.php、.perl、.cgi等形式为后缀,并且在动态网 页网址中有一个符号“?”,典型的动态网页URL
9、如以下格式: http:/ 网页设计相关软件一、网页编辑软件Dreamweaver是 Macromedia Studio的一部分,Macromedia Studio是包括 Flash、Fireworks、Contribute 和 FlashPaper 的集成套 件。Dreamweaver 8欢迎界面二、图形图像软件1.Adobe Photoshop和ImageReadyPhotoshop是数字专业图像编辑领域内使用最普及的软件,它提供高 效的图像编辑、处理以及文件处理功能,与其他软件的兼容性强,支持各 种主流图像格式。Adobe Photoshop CS 2软件2.FireworksFirew
10、orks是专业的网页图片编辑工具,它与Dreamweaver软件的融合度很高,可以制作专门针对网页优化的各种元素或效果,如 导航条、切片、GIF动画等。3.CorelDRAW CorelDRAW也是一款专业的矢量绘图软件,功能丰富、接口开放性好,自带许多工具,可以将位图图像转换为矢量图形,其最 新的版本在图片编辑方面增加了许多新的特性、新的学习工具,在 插画和页面布局方面也进行了加强。4.Adobe Illustrator Adobe Illustrator是一个矢量绘图软件,在Microsoft Windows平台和 Apple Macintosh平台上都能良好地运行。通过它我们可以创建复杂
11、的艺 术作品,技术图解,用于打印的图形和页面设计图样,多媒体以及 Web 。 Illustrator 有强大的图形处理功能,提供了广泛的强大绘图和着色工具 ,支持所有主要的图形图像格式。Adobe Illustrator CS 2软件 三、网页动画软件 1.FLASHFLASH是一款功能强大的动画制作软件,利用它,我们能制作 出具有一流动画效果的FLASH影片。FLASH 8 欢迎界面2.KoolMoves Flash EditorKoolMoves 是一个网站动画制作软件,它能够制作 Flash电影以 及其他与动画相关的素材。该软件还能够制作动画 GIF、制作文字特 效、导入矢量剪贴画、附加
12、 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:/2.百度搜索:http:/3.Adobe中国:http:/www.chinese-4.Macromedia中国:http:/