網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)課件(第二章)

高等教育電子音像出版社第二章網(wǎng)頁(yè)藝術(shù)設(shè)計(jì)的技術(shù)基礎(chǔ)【內(nèi)容提要】本章列舉了網(wǎng)頁(yè)設(shè)計(jì)者必須了解的一些網(wǎng)絡(luò)基本概念和常用的網(wǎng)頁(yè)設(shè)計(jì)相關(guān)軟件知識(shí)?！娟P(guān)鍵詞】網(wǎng)絡(luò)基本概念網(wǎng)頁(yè)設(shè)計(jì)軟件第一節(jié)網(wǎng)絡(luò)基本概念一、局域網(wǎng)局域網(wǎng)的全稱是局部區(qū)域網(wǎng)絡(luò)(LocalAreaNetwork)，縮寫(xiě)為L(zhǎng)AN，是指在同一地點(diǎn)上經(jīng)由網(wǎng)絡(luò)連在一起的一組計(jì)算機(jī)，它是計(jì)算機(jī)網(wǎng)絡(luò)中復(fù)雜程度相對(duì)比較低的結(jié)構(gòu)。局域網(wǎng)是目前應(yīng)用最廣泛的一類網(wǎng)絡(luò)，通常它具有如下特征：1.從地理范圍上來(lái)說(shuō)，局域網(wǎng)的覆蓋面積比較小。范圍通常不超過(guò)幾十公里，一個(gè)房間內(nèi)2臺(tái)以上計(jì)算機(jī)連在一起即可組成一個(gè)小型局域網(wǎng)。2.從速度上來(lái)說(shuō)，局域網(wǎng)中信息的傳輸速率比較高，其范圍自1Mbps到10Mbps，甚至可達(dá)到100Mbps。3.從管理上來(lái)說(shuō)，局域網(wǎng)的經(jīng)營(yíng)權(quán)和管理權(quán)屬于某個(gè)特定的單位。二、廣域網(wǎng)廣域網(wǎng)(WideAreaNetwork)縮寫(xiě)為WAN，是由兩個(gè)以上的局域網(wǎng)構(gòu)成。局域網(wǎng)之間的連接可以穿越很遠(yuǎn)的距離。最廣為人知的WAN就是Internet，它由全球成千上萬(wàn)的LAN和WAN組成。

三、InternetInternet是全世界最大的計(jì)算機(jī)網(wǎng)絡(luò)，這個(gè)網(wǎng)絡(luò)是由分布在世界各地的數(shù)萬(wàn)個(gè)小的計(jì)算機(jī)網(wǎng)絡(luò)通過(guò)TCP/IP協(xié)議互連，組成了巨大的計(jì)算機(jī)網(wǎng)絡(luò)，其中的每個(gè)小的網(wǎng)絡(luò)中又分別連接了數(shù)量不等的計(jì)算機(jī)，意味著全世界采用該協(xié)議的計(jì)算機(jī)都能相互通信。四、WWWWWW的全稱為WorldWideWeb，又稱萬(wàn)維網(wǎng)。它是基于Internet提供的一種界面友好的信息服務(wù)，用于檢索和閱讀連接到Internet服務(wù)器上的有關(guān)內(nèi)容。該服務(wù)利用超文本（Hypertext)、超媒體（Hypermedia)等技術(shù)，允許用戶通過(guò)瀏覽器（如微軟的IE、網(wǎng)景的Netscape）檢索遠(yuǎn)程計(jì)算機(jī)上的文本、圖形、聲音以及視頻文件。

五、IP地址IP地址相當(dāng)于Internet上的門(mén)牌號(hào)碼，Internet上的每一個(gè)節(jié)點(diǎn)都被分配有一個(gè)唯一的IP地址以便互相區(qū)分和相互聯(lián)系。IP地址由4個(gè)8位二進(jìn)制數(shù)組成，但以十進(jìn)制數(shù)顯示。如：“”。Internet中的IP地址是唯一不變的，但在Internet之下的局域網(wǎng)IP地址可以自己分配，正如一個(gè)單位無(wú)權(quán)決定自己在所屬城市的街道名稱和門(mén)牌號(hào)，但可以自主決定本單位內(nèi)部的各個(gè)辦公室編號(hào)一樣。

六、URLURL（UniformResoureLocator，統(tǒng)一資源定位器）是指網(wǎng)頁(yè)的地址，它幫助我們找到想要瀏覽的網(wǎng)頁(yè)，如/news/ms.html就是一個(gè)典型的URL地址。七、協(xié)議

1.HTTP協(xié)議HTTP(HypertextTransferProtocol，超文本傳輸協(xié)議)，它用來(lái)在Interne上傳送WWW數(shù)據(jù)。它可以保證計(jì)算機(jī)正確快速地傳輸超文本文檔，使瀏覽器更加高效。例如，我們要瀏覽搜狐網(wǎng)站，利用HTTP協(xié)議，在瀏覽器的地址欄中輸入該站點(diǎn)的URL地址，就可以進(jìn)入搜狐網(wǎng)站了。2.FTP協(xié)議FTP(FileTransferProtocol，文件傳輸協(xié)議)是一個(gè)標(biāo)準(zhǔn)協(xié)議，是在計(jì)算機(jī)和網(wǎng)絡(luò)之間交換文件的最簡(jiǎn)單的方法。FTP通常用于向服務(wù)器上傳和下載文件，如將網(wǎng)頁(yè)從本地硬盤(pán)上傳到服務(wù)器上供人使用等。使用FTP可以利用網(wǎng)頁(yè)瀏覽器，也可以使用由第三方提供的圖形界面的FTP軟件(如CuteFTP)來(lái)操作(刪除、重命名、移動(dòng)和復(fù)制)服務(wù)器上的文件。

八、域名域名是Internet上的一個(gè)服務(wù)器或一個(gè)網(wǎng)絡(luò)系統(tǒng)的名字，如就是一個(gè)域名。域名用于識(shí)別和定位Internet上的計(jì)算機(jī)，與該計(jì)算機(jī)的互聯(lián)網(wǎng)協(xié)議IP地址相對(duì)應(yīng)。根據(jù)國(guó)際互聯(lián)網(wǎng)域名體系的劃分，我國(guó)的頂級(jí)域名是.CN。在此基礎(chǔ)之上，又進(jìn)一步劃分出了兩類次一級(jí)的域名層次：即類別域名和行政區(qū)劃域名。類別域名是依照申請(qǐng)機(jī)構(gòu)的性質(zhì)劃分出來(lái)的域名，具體包括：AC：科研機(jī)構(gòu)

COM：工、商、金融等企業(yè)

EDU：教育機(jī)構(gòu)

GOV：政府部門(mén)

NET：互聯(lián)網(wǎng)絡(luò)、接入網(wǎng)絡(luò)的信息中心(NIC)和運(yùn)行中心(NOC)

ORG：各種非盈利性的組織如：浙江師范大學(xué)的域名就是類別域名。行政區(qū)劃域名是按照中國(guó)的各個(gè)行政區(qū)劃劃分而成的，包括“行政區(qū)域名”34個(gè)，適用于我國(guó)的各省、自治區(qū)、直轄市，例如北京是.bj，浙江是.zj等等。具體來(lái)說(shuō)，如就是位于浙江省的浙北信息港的域名。

九、HTMLHTML（HypertextMarkedLanguage）即超文本標(biāo)記語(yǔ)言,是一種用來(lái)制作超文本文檔的簡(jiǎn)單標(biāo)記語(yǔ)言。HTTP（超文本傳輸協(xié)議）規(guī)定了瀏覽器在運(yùn)行HTML文檔時(shí)所遵循的規(guī)則和進(jìn)行的操作，使用HTML語(yǔ)言描述的文件，需要通過(guò)WWW瀏覽器顯示出效果。

十、JavaScriptJavaScript是一種基于對(duì)象、事件驅(qū)動(dòng)、客戶端瀏覽器，并具有安全性能的腳本語(yǔ)言。它是通過(guò)嵌入或調(diào)入在標(biāo)準(zhǔn)的HTML語(yǔ)言中使用的，可以使有規(guī)律地重復(fù)的HTML文段簡(jiǎn)化，減少下載時(shí)間。JavaScript運(yùn)行中不允許對(duì)網(wǎng)絡(luò)文檔進(jìn)行修改和刪除，安全性好。它具有跨平臺(tái)性，無(wú)論何種平臺(tái)，只要瀏覽器支持JavaScript就可正確執(zhí)行。網(wǎng)頁(yè)中有許多動(dòng)畫(huà)效果就是由JavaScript語(yǔ)言編寫(xiě)的。

十一、動(dòng)態(tài)網(wǎng)頁(yè)無(wú)論網(wǎng)頁(yè)是否具有動(dòng)態(tài)效果，采用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)生成的網(wǎng)頁(yè)都稱為動(dòng)態(tài)網(wǎng)頁(yè)?，F(xiàn)在流行的動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)主要有ASP、ASP.NET、JSP、PHP等。動(dòng)態(tài)網(wǎng)頁(yè)是與靜態(tài)網(wǎng)頁(yè)相對(duì)應(yīng)的，也就是說(shuō)，網(wǎng)頁(yè)URL的后綴不是.htm、.html、.shtml、.xml等靜態(tài)網(wǎng)頁(yè)的常見(jiàn)形式，而是以.asp、.jsp、.php、.perl、.cgi等形式為后綴，并且在動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)址中有一個(gè)符號(hào)“？”，典型的動(dòng)態(tài)網(wǎng)頁(yè)URL如以下格式：/viewthread.php?tid=136775。第二節(jié)網(wǎng)頁(yè)設(shè)計(jì)相關(guān)軟件一、網(wǎng)頁(yè)編輯軟件Dreamweaver是MacromediaStudio的一部分，MacromediaStudio是包括Flash、Fireworks、Contribute和FlashPaper的集成套件。Dreamweaver8歡迎界面二、圖形圖像軟件1.AdobePhotoshop和ImageReadyPhotoshop是數(shù)字專業(yè)圖像編輯領(lǐng)域內(nèi)使用最普及的軟件，它提供高效的圖像編輯、處理以及文件處理功能，與其他軟件的兼容性強(qiáng)，支持各種主流圖像格式。AdobePhotoshopCS2軟件2.FireworksFireworks是專業(yè)的網(wǎng)頁(yè)圖片編輯工具,它與Dreamweaver軟件的融合度很高，可以制作專門(mén)針對(duì)網(wǎng)頁(yè)優(yōu)化的各種元素或效果，如導(dǎo)航條、切片、GIF動(dòng)畫(huà)等。

3.CorelDRAWCorelDRAW也是一款專業(yè)的矢量繪圖軟件，功能豐富、接口開(kāi)放性好，自帶許多工具，可以將位圖圖像轉(zhuǎn)換為矢量圖形，其最新的版本在圖片編輯方面增加了許多新的特性、新的學(xué)習(xí)工具，在插畫(huà)和頁(yè)面布局方面也進(jìn)行了加強(qiáng)。4.AdobeIllustratorAdobeIllustrator是一個(gè)矢量繪圖軟件，在MicrosoftWindows平臺(tái)和AppleMacintosh平臺(tái)上都能良好地運(yùn)行。通過(guò)它我們可以創(chuàng)建復(fù)雜的藝術(shù)作品，技術(shù)圖解，用于打印的圖形和頁(yè)面設(shè)計(jì)圖樣，多媒體以及Web。Illustrator有強(qiáng)大的圖形處理功能，提供了廣泛的強(qiáng)大繪圖和著色工具，支持所有主要的圖形圖像格式。AdobeIllustratorCS2軟件

三、網(wǎng)頁(yè)動(dòng)畫(huà)軟件1.FLASHFLASH是一款功能強(qiáng)大的動(dòng)畫(huà)制作軟件,利用它，我們能制作出具有一流動(dòng)畫(huà)效果的FLASH影片。FLASH8歡迎界面2.KoolMovesFlashEditorKoolMoves

是一個(gè)網(wǎng)站動(dòng)畫(huà)制作軟件，它能夠制作

Flash電影以及其他與動(dòng)畫(huà)相關(guān)的素材。該軟件還能夠制作動(dòng)畫(huà)

GIF、制作文字特效、導(dǎo)入矢量剪貼畫(huà)、附加

WAV

音頻文件，為文字按鈕和幀增加動(dòng)作等。

3.GIFMovieGearGIFMovieGear是一款GIF動(dòng)畫(huà)制作軟件，幾乎所有制作GIF動(dòng)畫(huà)所需的編輯功能它都有，無(wú)須再用其他的圖形軟件輔助。它可以處理背景透明化，而且操作簡(jiǎn)便，通過(guò)最佳化處理壓縮圖片的容量。其次，它除了可以把做好的圖片存成GIF的動(dòng)畫(huà)圖外，還可支持PSD、JPEG、AVI、BMP、GIF與AVI格式輸出。四、文件傳輸軟件除Dreamweaver自帶的上傳下載功能外，我們還可以使用更為方便的FTP軟件來(lái)進(jìn)行文件傳輸，目前常用的FTP軟件有：CuteFTP、LeapFTP、FlashFXP等。【思考與練習(xí)】1.申請(qǐng)一個(gè)網(wǎng)絡(luò)域名。提示：取一個(gè)簡(jiǎn)單、易記、有特色的域名是建立