個人網(wǎng)站的設(shè)計及其實現(xiàn)

1、Evaluation Warning: The document was created with Spire.Doc for .NET. HYPERLINK 屆本科畢業(yè)業(yè)設(shè)計（論論文）題目：個人人網(wǎng)站的的設(shè)計與與實現(xiàn)班 級：004級計計算機班班 學(xué) 號： 2 姓 名： 指導(dǎo)教師： 個人網(wǎng)站站的設(shè)計計與實現(xiàn)現(xiàn)個人網(wǎng)站的的設(shè)計與與實現(xiàn)前 言 隨隨著國際際互聯(lián)網(wǎng)網(wǎng)的普及及，很多多人已經(jīng)經(jīng)不滿足足僅僅在在Intternnet上上的瀏覽覽信息，而而是希望望更深入入的參與與其中，擁擁有自己己的Weeb網(wǎng)站站，這似似乎已經(jīng)經(jīng)成為一一種潮流流。如果果說個人人建立網(wǎng)網(wǎng)站是為為了追求求時尚，那那么企業(yè)業(yè)建立網(wǎng)網(wǎng)

2、站就是是必然的的選擇了了。 無無論是專專業(yè)的，還還是業(yè)余余的，很很多人對對網(wǎng)頁制制作頗感感興趣。事事實上制制作一個個簡單的的網(wǎng)頁并并不困難難，會使使用Woord的的人都可可以勝任任。但想想做出超超凡脫俗俗的網(wǎng)頁頁就不那那么容易易了，而而Dreeamwweavver卻卻可以滿滿足你的的愿望，它它是Maacroomeddia公公司開發(fā)發(fā)的集網(wǎng)網(wǎng)頁制作作和網(wǎng)站站管理于于一身的的所見即即所得的的網(wǎng)頁編編輯器。 同同樣出自自Maccrommediia公司司的Fllashh,Fiirewworkks在制制作網(wǎng)站站的過程程中起到到了錦上上添花的的作用，是是個人網(wǎng)網(wǎng)站實現(xiàn)現(xiàn)的好幫幫手，在在制作網(wǎng)網(wǎng)站的時時候經(jīng)

3、常常會用到到這些軟軟件。 本文有五章章，我來來由淺到深深介紹個個人網(wǎng)站站的設(shè)計計與實現(xiàn)現(xiàn)。摘 要在互聯(lián)網(wǎng)走走進我們們的生活活之前，沒沒有人敢敢夢想擁擁有自己己的報紙紙、雜志志、電臺臺、電視視臺。除除了政策策上的制制約外，一一個人也也根本沒沒有操作作一份傳傳播媒體體的能力力。現(xiàn)在在不同了了，互聯(lián)聯(lián)網(wǎng)給我我們提供供了一個個“表達自自我”的自由由天地,你可以以擁有自自己的新新聞郵件件，你可可以建立立自己的的個人網(wǎng)網(wǎng)站。只只要你辦辦得成功功也可以以吸引成成千上萬萬的訂戶戶、讀者者,并建建立自己己在眾多多參與者者中的權(quán)權(quán)威地位位。建立立個人網(wǎng)網(wǎng)站的基基本過程程可以分分為以下下七個環(huán)環(huán)節(jié) :1 了解解中國

4、網(wǎng)網(wǎng)絡(luò)個人人主頁研研究背景景與發(fā)展展現(xiàn)狀2 系統(tǒng)統(tǒng)需求分分析與總總體設(shè)計計3 熟悉悉網(wǎng)站開開發(fā)模式式、工具具及環(huán)境境4把自己己的作品品和想要要展示的的內(nèi)容制制作成網(wǎng)網(wǎng)頁。5 使用用動態(tài)網(wǎng)網(wǎng)頁技術(shù)術(shù)(ASSP) ，實現(xiàn)現(xiàn)動態(tài)內(nèi)內(nèi)容更新新。6 認(rèn)真真地選取取測試用用例，進進行交叉叉測試7 網(wǎng)站站的后期期完善、宣宣傳及發(fā)發(fā)展方向向其中 ,網(wǎng)網(wǎng)頁制作作和使用用動態(tài)網(wǎng)網(wǎng)頁技術(shù)術(shù)(ASSP) 實現(xiàn)動動態(tài)內(nèi)容容更新是是網(wǎng)站開開發(fā)的核核心內(nèi)容容。關(guān)鍵詞：網(wǎng)網(wǎng)頁、制制作、訪訪問、鏈鏈接Absttracct Ennterrs bbefoore ourr liife in thee Innterrnett, nno

5、bodyy daaress too vaainlly hhopee foor hhas ownn neewsppapeer, thee maagazzinee, tthe brooadccasttingg sttatiion, thhe tteleevissionn sttatiion. Beesiddes thee pooliccy iin rresttricctioon, a ppersson simmplyy haas nnot alsso ooperrateed ddisssemiinattionn meediaa thhe aabillityy. NNow hass beeen di

6、ffferrentt, IInteerneet hhas proovidded to us thhe eexprresssionn ffreee woorldd,Yoou mmay havve oown newws mmaill, yyou mayy esstabblissh oown inddiviiduaal wwebssitee.Soo loong as youu allso mannagee thhe ssucccesss too bee poossiiblee too atttraact thee teens of thoousaandss off suubsccribberss,

7、tthe reaaderr,Annd eestaabliishees oonesselff inn thhe mulltittudiinouus ppartticiipanntss auuthoorittatiive staatuss. EEstaabliishees iindiividduall weebsiite thee unnit proocesss tto bbe pposssiblle tto ddiviide intto ffolllowiing sevven linnks:1 、unnderrstaandss thhe CChinnesee neetwoork inddivii

8、duaal mmainn paage ressearrch bacckgrrounnd aand thee deevellopmmentt prreseent situuatiion2 syysteems demmandds aanallysiis aand sysstemm deesiggn3 fammiliiar webbsittes devveloopmeentss paatteern, toool andd ennvirronmmentt4 andd waantss owwn wworkk thhe cconttentt whhichh deemonnstrrateed tto mma

9、nuufaccturre tthe hommepaage.5 usees ddynaamicc hoomeppagees ttechhnollogyy (AASP), rreallizaatioon ddynaamicc coonteent rennewaal.6 earrnesstlyy seeleccts meaasurred thee teest exaamplle, carrriees oon tthe oveerlaappiing tesst7 webbsittes latter perriodds cconssummmatee, tthe proopaggandda aand th

10、ee deevellopmmentt diirecctioon Amongg thhem,Thee hoomeppagee maanuffactturee annd tthe usee dyynammic hommepaage tecchnoologgy (ASPP) rreallizees tthe dynnamiic cconttentt reenewwal is thee weebsiite devveloopmeent corre cconttentt.Key wwordd: HHomeepagge, mannufaactuure, viisitt, llinkk目 錄 第一章 引引言

11、1.1什什么是IInteerneet1.2IInteerneet有哪哪些功能能1.3wwww簡簡介1.4網(wǎng)網(wǎng)頁基本本構(gòu)成元元素1.5軟軟件的安安裝與啟啟動1.5.11軟件件的安裝裝1.5.22軟件件的啟動動1.5.33創(chuàng)建建快捷方方式1.6制作作網(wǎng)頁前前的準(zhǔn)備備1.7DDreaamweeaveer的操操作環(huán)境境1.7.11標(biāo)題欄欄1.7.22菜單欄欄1.7.33快捷工工具欄1.7.44屬性面面板第二章 網(wǎng)站制制作實戰(zhàn)戰(zhàn)2.1 站點點2.1.11創(chuàng)建站站點2.1.22 創(chuàng)建建站點內(nèi)內(nèi)容 2.2 首頁2.2.11 設(shè)置置首頁布布局2.2.22 設(shè)置置首頁的的頁面屬屬性2.2.33 查看看和編輯輯頭

12、內(nèi)容容2.2.44 插入入圖像2.2.55 插入入多媒體體2.2.66 插入入文本2.3 創(chuàng)建其其它網(wǎng)頁頁第三章 建立網(wǎng)網(wǎng)頁鏈接接3.1 文字鏈鏈接3.2 圖像鏈鏈接3.3 E-MMaill鏈接3.4 文件下下載鏈接接3.5 在HTTML語語言中建建立網(wǎng)頁頁鏈接3.5.11 文字字鏈接3.5.22 圖像像鏈接3.5.33 E-Maiil鏈接接3.6.44 文件件下載鏈鏈接第四章 結(jié)結(jié)論致 謝參考文獻 第一章 預(yù)預(yù)備知識識1.1 什什么是IInteerneet IInteerneet的中中文名為為“國際互互聯(lián)網(wǎng)”，又稱稱“因特網(wǎng)網(wǎng)”。 IInteerneet是由由眾多的的計算機機網(wǎng)絡(luò)互互聯(lián)而成成

13、的互聯(lián)聯(lián)網(wǎng)，它覆覆蓋了全全世界各各地，它它是采用用開放系系統(tǒng)協(xié)議議的計算算機通訊訊網(wǎng)絡(luò)。然然而，IInteerneet不僅僅僅是計計算機的的互聯(lián)網(wǎng)網(wǎng)，它還還是全球球最大的的信息資資源寶庫庫，它提提供了包包括科研研、教育育、文化化娛樂、商商業(yè)和信信息交流流等各種種各樣的的服務(wù)，使使得世界界范圍內(nèi)內(nèi)的人與與人之間間的交流流在時間間和空間間上變的的更小了了。 要要了解IInteerneet，就就必須先先了解局局域網(wǎng)。我我們可以以將同一一地點的的許多計計算機使使用網(wǎng)線線連接在在一起，構(gòu)構(gòu)成一個個高效率率的計算算機網(wǎng)絡(luò)絡(luò)，所有有處于網(wǎng)網(wǎng)絡(luò)內(nèi)的的終端機機或電腦腦都能享享受網(wǎng)絡(luò)絡(luò)內(nèi)所有有的資源源，比如如程序

14、，圖圖文資料料等。這這種計算算機網(wǎng)絡(luò)絡(luò)因為一一般都局局限在一一定區(qū)域域中，我我們稱之之為“局域網(wǎng)網(wǎng)”（Loocall Arrea Nettworrk,簡簡稱LAAN）,它是在在日常工工作中用用得最多多的一種種小型計計算機網(wǎng)網(wǎng)絡(luò)。局局域網(wǎng)所所覆蓋的的地理范范圍比較較小，通通常不超超過幾十十公里，甚甚至只在在同一座座建筑物物內(nèi)或者者鄰近的的幾座建建筑內(nèi)。像像常見的的校園網(wǎng)網(wǎng)，一座座寫字樓樓內(nèi)部的的網(wǎng)絡(luò)等等都屬于于局域網(wǎng)網(wǎng)。 而Innterrnett則不是是指單個個區(qū)域范范圍內(nèi)的的網(wǎng)絡(luò)，而而是指將將全世界界的各中中不同類類型的計計算機網(wǎng)網(wǎng)絡(luò)連接接起來的的一個全全球性的的網(wǎng)絡(luò)。IInteerneet上

15、有有取之不不盡，用用之不竭竭的信息息資源。對對于Innterrnett中各種種各樣的的信息，所所有的人人都可以以通過網(wǎng)網(wǎng)絡(luò)的連連接來共共享和使使用。1.2 IInteerneet有那那些功能能 Webb頁瀏覽覽：這是是目前利利用最廣廣泛、最最直接的的互聯(lián)網(wǎng)網(wǎng)服務(wù)，通通過瀏覽覽WWWW（萬維維網(wǎng)）中中的網(wǎng)頁頁，可以以了解世世界各地地的新聞聞，查看看最新的的股市行行情，最最新的娛娛樂動態(tài)態(tài)、科技技發(fā)明，找找到眾多多的就業(yè)業(yè)信息幾乎乎想找到到什么樣樣的信息息，就有有什么信信息。正正是有了了才會變變得如此此豐富多多彩，才才能走進進千家萬萬戶。 信息發(fā)發(fā)布：通通過Innterrnett，不僅僅可以瀏瀏覽

16、別人人發(fā)布在在Webb頁上的的信息，也也可以將將自己要要發(fā)布的的信息制制作成WWeb頁頁，也即即網(wǎng)頁，然然后發(fā)布布到Innterrnett上，供供全世界界的人瀏瀏覽。 電子郵郵件：不不同于傳傳統(tǒng)郵件件，電子子郵件(E-mmaill)通過過Intternnet傳傳輸，寫寫信，發(fā)發(fā)信，收收信都在在計算機機上完成成，一封封電子郵郵件最短短在一秒秒之內(nèi)就就可以發(fā)發(fā)送出去去，其效效率是傳傳統(tǒng)郵件件無法比比擬的。而而且發(fā)送送與接收收電子郵郵件幾乎乎是免費費的，所所以比傳傳統(tǒng)郵件件既節(jié)省省時間又又經(jīng)濟的的多。 網(wǎng)上聊聊天：通通過聊天天軟件（如如QQ、IICQ等等）或不不同網(wǎng)站站的聊天天室，可可以和世世界各地

17、地的網(wǎng)友友聊天。網(wǎng)網(wǎng)友可能能是遠在在天邊的的異國朋朋友，也也可能是是與你一一起工作作的餓同同事，或或者是一一起生活活的家人人，在這這里沒有有年齡、性性別、身身份、職職業(yè)、國國籍、膚膚色的限限制，完完全突破破了交友友的傳統(tǒng)統(tǒng)方式，人人們可通通過Innterrnett互相了了解對方方，進行行各種各各樣的交交流。 電子商商務(wù)：現(xiàn)現(xiàn)在網(wǎng)上上交易已已經(jīng)成為為現(xiàn)實，網(wǎng)網(wǎng)上購物物、網(wǎng)上上商品銷銷售、網(wǎng)網(wǎng)上拍賣賣、企業(yè)業(yè)級電子子商務(wù)、網(wǎng)網(wǎng)上貨幣幣支付等等電子商商務(wù)活動動已經(jīng)搞搞的有聲聲有色，幾幾乎所有有的專家家都預(yù)測測，在未未來的幾幾年內(nèi)，電電子商務(wù)務(wù)會飛速速發(fā)展。在在不久的的將來，您您可以做做在電腦腦前進行

18、行各種各各樣的商商務(wù)活動動。 網(wǎng)絡(luò)游游戲：通通過Innterrnett，可以以與全世世界的玩玩家一起起進行游游戲?qū)?zhàn)戰(zhàn)，也可可以協(xié)同同作戰(zhàn)。網(wǎng)網(wǎng)絡(luò)游戲戲已經(jīng)成成為信息息產(chǎn)業(yè)全全新的經(jīng)經(jīng)濟增長長點，每每年都為為開發(fā)商商帶來巨巨額的利利潤。通通過網(wǎng)絡(luò)絡(luò)游戲，可可以充分分享受IInteerneet給我我們帶來來的樂趣趣。 網(wǎng)絡(luò)電電話：網(wǎng)網(wǎng)絡(luò)電話話也稱IIP電話話。它采采用Innterrnett技術(shù)，利利用專門門的網(wǎng)絡(luò)絡(luò)電話軟軟件，只只需支付付非常低低廉的話話費就可可通話。IInteerneet在電電信市場場上的應(yīng)應(yīng)用將越越來越廣廣泛。1.3 WWWW的的簡介 WWWW的的全稱為為Worrld Wid

19、de WWeb，含含義是“環(huán)球網(wǎng)網(wǎng)”，又稱稱“萬維網(wǎng)網(wǎng)”、3WW、Weeb。 WWWW是一個個基于超超文本（HHypeerteext）方方式的信信息檢索索服務(wù)工工具。我我們上網(wǎng)網(wǎng)瀏覽到到的網(wǎng)頁頁就是這這樣的超超文本，也也就是HHTMLL(Hyyperrtexxt MMarkk-upp Laanguuagee,超文文本標(biāo)記記語言)文件，這這些網(wǎng)頁頁文件被被放置到到WWWW服務(wù)器器上，并并且都有有一定的的地址。當(dāng)當(dāng)我們想想瀏覽某某個網(wǎng)站站時，首首先要在在電腦上上安裝瀏瀏覽器，如如Intternnet Exxploorerr或Neetsccapee，然后后在瀏覽覽器中輸輸入網(wǎng)站站的地址址（網(wǎng)址址），

20、就就可以進進入網(wǎng)站站進行瀏瀏覽。在在這些網(wǎng)網(wǎng)頁中，都都有超連連接，當(dāng)當(dāng)將鼠標(biāo)標(biāo)指針移移動到某某個地方方（如文文本或圖圖象）時時，鼠標(biāo)標(biāo)指針就就會變成成一個小小手形形形狀，單單擊它就就可以連連接到另另個網(wǎng)頁頁中，從從而使得得瀏覽者者能在不不同的信信息之間間跳轉(zhuǎn)，我我們之所所以能在在Intternnet的的海洋中中穿梭自自如，正正是超連連接的功功勞。 WWWW 為我們們帶來的的是世界界范圍的的超級文文本服務(wù)務(wù)：只須須操縱鼠鼠標(biāo)，就就可以通通過Innterrnett從世界界各地調(diào)調(diào)來你所所希望的的文本、圖圖像、動動畫和聲聲音等信信息。通通過使用用WWWW，一個個不熟悉悉網(wǎng)絡(luò)使使用的人人也可以以成為I

21、Inteerneet的行行家。1.4網(wǎng)頁頁基本構(gòu)構(gòu)成元素素 要學(xué)學(xué)會制作作網(wǎng)頁，首首先需要要了解網(wǎng)網(wǎng)頁都是是由什么么元素構(gòu)構(gòu)成的。 文字字：文本本是構(gòu)成成網(wǎng)頁的的基本元元素。一一個最簡簡單的網(wǎng)網(wǎng)頁可以以只有幾幾行文本本。 圖片片：正是是有個各各種美麗麗的圖片片，網(wǎng)頁頁才變得得多姿多多彩。 動畫畫：如今今，網(wǎng)頁頁上的動動畫越來來越多，最最常用的的有GIIF動畫畫、Fllashh動畫等等。 超連連接：如如上所述述，超連連接幾乎乎是必不不可少的的。一個個沒有超超連接的的網(wǎng)頁，就就如同汪汪洋大海海中的一一座孤島島，失去去了與外外界的一一切聯(lián)系系。 其它它元素：還可以以在網(wǎng)頁頁中添加加聲音、視視頻等元元

22、素。1.5軟件件的安裝裝與啟動動 要要使用網(wǎng)網(wǎng)站設(shè)計計軟件，自自然先要要將這些些軟件安安裝到自自己的電電腦中。安安裝完畢畢，還需需要如何何啟動，如如何創(chuàng)建建快捷方方式。下下面就讓讓我們來來詳細地地看一看看具體的的操作步步驟。1.5.11軟件的的安裝 安安裝之前前，需要要先了解解軟件對對系統(tǒng)的的要求。以以Winndowws為例例，系統(tǒng)統(tǒng)要求如如下： Inntell Peentiium II處處理器或或等效處處理器，主主頻3000MHHz或更更高。 Wiindoows 98Winndowws 220000Wiindoows NT(具有SServvicee Paack 3 或或更高版版本)、WWin

23、ddowss Mee或Wiindoows XP. Neetsccapee Naaviggatoor 44.0版版或更高高版本或或Miccrossoftt Innterrnett Exxploorerr. 966MB的的可用內(nèi)內(nèi)存（RRAM），建建議采用用1288MB內(nèi)內(nèi)存。 分辨辨率可達達 80006000像素的的2566色顯示示器（建建議顏色色為百萬萬顏色，分分辨率達達到100247688像素）。 CCD-RROM 驅(qū)動器器。 檢查一一下您的的計算機機，看是是否具備備了以上上條件。如如果具備備，將“Maccrommediia SStuddio MX”程序會會自動運運行。如如果不能能自動運運行

24、，可可以找到到光盤放放入光驅(qū)驅(qū)，安裝裝程序會會自動運運行?？煽梢哉业降焦獗P中中的“Insstalll MMacrromeediaa Sttudiio MMX”程序或或“Auttoruun”程序并并雙擊運運行。 DDreaamweeaveer的安安裝比較較容易，幾幾乎可以以自動完完成。下下面簡要要說明一一下安裝裝步驟。操作步驟： 1、將將安裝光光盤放入入光驅(qū)，安安裝程序序自動運運行，并并出現(xiàn)安安裝界面面。如果果單擊安安裝界面面上的“Maccrommediia SSTUDDIO MX安安裝”，那么么將會安安裝其下下方所列列出的軟軟件。所所有的安安裝會自自動完成成。2、單擊DDreaamweeave

25、er MMX,開開始安裝裝過裝過過程.先先是出現(xiàn)現(xiàn)解壓縮縮文件窗窗口,等等待一會會兒,便便會出現(xiàn)現(xiàn)安裝向向?qū)υ捲捒?。單單擊“下一步步”按鈕，繼繼續(xù)安裝裝過程。3、出現(xiàn)“選擇目目的地位位置”對話框框，默認(rèn)認(rèn)的盤是是C盤，如如果想安安裝到不不同的位位置，可可以單擊擊目的文文件夾右右邊的“瀏覽”按鈕，并并在彈出出的“選擇文文件夾”對話框框選擇不不同的文文件，如如要安裝裝在D盤盤則可直直接將路路徑中的的“C：”改為“D:”。也可可以在下下面的“目錄”中選擇擇其它的的文件夾夾，設(shè)置置完后，單單擊“確定”，回到到“選擇目目的地址址”對話框框，單擊擊“下一步步”繼續(xù)。4、而后會會出現(xiàn)“默認(rèn)編編輯器”的對話

26、話框，默默認(rèn)為全全選。如如果希望望讓Drreammweaaverr MXX成為下下面所列列文件類類型的默默認(rèn)編輯輯器，那那么可以以在這里里做選擇擇。選擇擇完畢，單單擊“下一步步”按鈕。5、出現(xiàn)“開始復(fù)復(fù)制文件件”對話框框，單擊擊“下一步步”安裝程程序開始始復(fù)制文文件，過過幾分鐘鐘后，安安裝結(jié)束束，單擊擊“結(jié)束”按鈕，結(jié)結(jié)束安裝裝。1.5.22 軟件件啟動 軟軟件安裝裝完畢后后，我們們就可以以使用它它了。安安裝程序序已經(jīng)自自動在“開始”菜單中中加入了了快捷方方式。 單單擊“開始”菜單，將將鼠標(biāo)指指針依次次指向“程序”|“Maccrommediia”|“Maccrommediia MMX”,并在在

27、上面單單擊鼠標(biāo)標(biāo)左鍵。1.5.33 創(chuàng)建建快捷方方式 使使用“開始”菜單啟啟動程序序的過程程比較煩煩瑣?？煽梢栽赪Winddowss桌面或或快速啟啟動欄上上創(chuàng)建快快捷方式式，這樣樣可以快快速的啟啟動程序序。 具體實實現(xiàn)方法法是：在在“開始”菜單中中找到相相應(yīng)程序序的快捷捷方式，不不過這是是不要用用鼠標(biāo)左左鍵單擊擊，而是是用右鍵鍵按住向向桌面拖拖動，然然后松開開右鍵，會會出現(xiàn)一一個快捷捷菜單，在在其中可可以選擇擇不同的的命令，比比如選擇擇“在當(dāng)前前位置創(chuàng)創(chuàng)建快捷捷方式”或“復(fù)制到到當(dāng)前位位置”。 這樣以以后在運運行程序序時，就就方便快快捷的多多了。1.6 制制作網(wǎng)頁頁前的準(zhǔn)準(zhǔn)備電腦必備：電腦速度

28、夠夠快，最最好能夠夠上網(wǎng)。操作系統(tǒng)：Winndowws 998/NNT/MMe/220000/XPP.軟件可選：其它軟件：看圖軟軟件ACCDSeee、圖圖像處理理軟件PPhottoshhop、上上傳工具具Cutte、動動畫軟件件Flaash等等。1.7 DDreaamweeaveer MMX的操操作環(huán)境境 我們們將工作作界面分分成了“標(biāo)題欄欄”、“菜單欄欄”、“快捷工工具欄”、“屬性面面板”、“浮動控控制面板板”5個部部分來分分別介紹紹。 1.7.11 標(biāo)題題欄 DDreaamweeaveer MMX的“標(biāo)題欄欄”中將顯顯示文字字“Maccrommediia DDreaamweeaveer M

29、MX”如果打打開網(wǎng)頁頁的話，在在后面還還會顯示示該網(wǎng)頁頁的一些些信息，如如網(wǎng)頁標(biāo)標(biāo)題、所所在位置置及網(wǎng)頁頁名稱，右右邊有三三個鈕，分分別對應(yīng)應(yīng)Dreeamwweavver MX的的最大化化最小化化和關(guān)閉閉的操作作。1.7.22 菜單單欄 “標(biāo)題欄欄”下面就就是“菜單欄欄”，欄中中提供了了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點”、“窗口”、“幫助”10項項菜單。單單擊其中中任意一一項菜單單，隨即即就會出出現(xiàn)一個個下拉式式指令菜菜單。有有些指令令的右邊邊會有鍵鍵盤的代代碼，這這是該指指令的快快捷鍵，熟熟練使用用快捷鍵鍵將會有有助于提提高工作作效率。有有些指令令的右邊邊會

30、有一一個小黑黑三角的的標(biāo)記，它它代表該該指令還還包含下下一級的的指令，鼠鼠標(biāo)停留留片刻即即可顯示示。1.7.33 快捷捷工具欄欄 “快快捷工具具欄”指的是是“菜單欄欄”下邊的的3排按按鈕，選選擇菜單單“查看/工具欄欄”，勾選選里面的的“插入”、“文檔”和“標(biāo)準(zhǔn)”3項，完完整的快快捷工具具欄就顯顯現(xiàn)出來來了。1.7.44 屬性性面板 在在網(wǎng)頁編編輯窗口口的下面面還有一一個面板板，它是是有名的的“屬性面面板”，它在在這個軟軟件中起起到舉足足輕重的的作用。屬性面板顧顧名思義義，就是是顯示，調(diào)調(diào)整屬性性的面板板，根據(jù)據(jù)鼠標(biāo)所所選中對對象的不不同，“屬性面面板”在界面面上也會會有所差差異，用用戶可以以分

31、別對對不同的的對象進進行調(diào)整整。第二章 網(wǎng)站制制作實戰(zhàn)戰(zhàn)2.1 站點點2.1.11 創(chuàng)建建站點 要要制作一一個網(wǎng)站站，第一一步操作作都是一一樣的，就就是要創(chuàng)創(chuàng)造一個個“站點”，這樣樣可以使使整個網(wǎng)網(wǎng)站的脈脈絡(luò)結(jié)構(gòu)構(gòu)清晰地地展現(xiàn)在在面前，避避免了以以后再進進行紛雜雜的管理理。 從菜單單中選擇擇“站點/管理站站點”在彈出出的對話話框中選選擇“新建”，之后后再選擇擇其中的的“站點”，再次次彈出一一個對話話框，在在文本框框中輸入入自己已已經(jīng)企化化好的網(wǎng)網(wǎng)站名稱稱“追夢人人”。 填好后后，單擊擊“下一步步”，進入入下一個個步驟。由由于我要要做的是是一個靜靜態(tài)的網(wǎng)網(wǎng)頁，所所以選擇擇上面的的一項“否，我我不

32、想使使用服務(wù)務(wù)器技術(shù)術(shù)?！眴螕簟跋乱灰徊健?，進入入下一個個步驟。 在在此選項項中有兩兩個選擇擇，選擇擇推薦的的“編輯我我的計算算機上的的本地副副本，完完成后再再上傳到到服務(wù)器器”。底下下的文本本框允許許在本地地磁盤上上指定一一個文件件夾，DDreaamweeaveer將在在其中儲儲存站點點文件的的本地副副本。單單擊該文文本框后后面的文文件夾圖圖標(biāo)，新新建并指指定一個個空的文文件夾“E:/dinng”。之后后單擊“下一步步“，進入入下一個個步驟。 這這一步是如如何設(shè)置置連接到到遠程服服務(wù)器，彈彈出式菜菜單中有有6中選選擇，這這里選擇擇“無”。而后后“下一步步”再“完成”，即可可。2.1.22 創(chuàng)

33、建建站點內(nèi)內(nèi)容 站站點創(chuàng)建建完成后后，就可可以創(chuàng)建建Webb頁來填填充站點點了。在在“右側(cè)浮浮動面板板組”中選擇擇“文件/文件”面板，此此時整個個網(wǎng)站中中沒有任任何內(nèi)容容。用鼠鼠標(biāo)右擊擊面板中中的本地地根目錄錄文件夾夾。 在在彈出的的菜單中中選擇“新建文文件”，新建建一個文文件后將將其命名名為“inddex.htmm(或iindeex.hhtmll),它它就是未未來的首首頁。 由由于“追夢人人”網(wǎng)站分分為“平面設(shè)設(shè)計”、“動畫制制作”、“網(wǎng)文精精品”、“經(jīng)典回顧”、“個人說說明“這五個個大欄目目，所以以繼續(xù)用用鼠標(biāo)右右擊右側(cè)側(cè)，在彈彈出的菜菜單中選選擇第二二項“Neww Fooldeer（新新

34、建文件件夾）”。執(zhí)行行五次操操作，新新建五個個文件夾夾，并把把它們重重命名為為graaph、aanimm、boookss、muusicc、leetteer，分分別對應(yīng)應(yīng)上面的的五個大大欄目。存存放它們們各自的的內(nèi)容。之之后再次次新建11個文件件夾，命命名為iimagges,用來存存放“所有的的圖象文文件”的內(nèi)容容。 之之后在個個欄目的的文件夾夾里還要要建立想想相應(yīng)的的欄目網(wǎng)網(wǎng)頁。 2.2 首頁頁2.2.11 設(shè)置置首頁布布局每個網(wǎng)站站都會有有一個首首頁，就就功能上上而言，它它代表著著一個網(wǎng)網(wǎng)站的風(fēng)風(fēng)格與特特色，就就網(wǎng)站架架構(gòu)上而而言，它它代表了了網(wǎng)站的的第一層層架構(gòu)，至至于網(wǎng)站站上其他他Web

35、b頁，原原則上都都必須通通過首頁頁來連接接散播出出去，可可見首頁頁是多么么的重要要。首頁是打開開網(wǎng)站后后在瀏覽覽器中顯顯示的第第一個頁頁面。它它是起什什么名字字通常要要視Seerveer端的的設(shè)置，一一般的有有inddex.htmm,deefauult.htmm或hoome.htmm等，目目前主要要以inndexx.httm的居居多。當(dāng)當(dāng)然，后后綴名為為htmml也是是正確的的。具體設(shè)置方方法是：右健單單擊“文件”浮動面面板中的的inddex.htmm,在彈彈出的菜菜單中選選擇“設(shè)成首首頁”。首頁的布局局有很多多方法，在在這里我我所用到到的是表表格的“布局模模式”?！安季帧蹦Ｊ街兄械谋砀窀穹Q為

36、布布局表格格，單元元格稱為為布局單單元格。在在繪制布布局表格格和布局局單元格格時，必必須從“標(biāo)準(zhǔn)”模式切切換到“布局”模式。直直接單擊擊“布局”按鈕即即可。操作步驟：1、 在“插入快快捷欄”的“布局”分類中中，單擊擊“布局表表格”按紐。2、 將將變成“+”形狀的的鼠標(biāo)光光標(biāo)放到到編輯中中網(wǎng)頁上上，在要要繪制的的地方進進行拖動動就可以以進行創(chuàng)創(chuàng)建了。（如如果繪制制的是第第一個表表格必須須從網(wǎng)頁頁的最左左上角開開始繪制制）。3、 在在這里要要繪制多多個表格格，可以以再次單單擊“布局表表格”按紐進進行繪制制，也可可以按住住Ctrrl鍵繪繪制多個個表格。追追夢人”網(wǎng)站首首頁的布布局如圖圖所示： 22.

37、2.2設(shè)置置首頁的的頁面屬屬性首先雙擊“文件”浮動面面板中的的inddex.htmm,進入入頁面的的編輯窗窗口。右右健單擊擊空白區(qū)區(qū)域，在在菜單中中選擇“頁面屬屬性”，之后后彈出“頁面屬屬性”對話框框，若選選擇主菜菜單“修改/頁面屬屬性”項，也也可以把把打開該該對話框框。在“頁面屬屬性”對話框框中，左左側(cè)窗口口顯示“分類”，其中中包括了了“外觀”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖圖像”5項，右右側(cè)區(qū)域域則顯示示各類中中可以設(shè)設(shè)置的項項目?！白穳羧巳恕笔醉撛O(shè)設(shè)置的屬屬性如下下圖所示示：2.2.33查看和和編輯頭頭內(nèi)容一個網(wǎng)頁文文件結(jié)構(gòu)構(gòu)上實際際是由兩兩部分組組成，頭頭（heead）內(nèi)

38、內(nèi)容和主主體（bbodyy）內(nèi)容容主體內(nèi)內(nèi)容（bbodyy）是文文檔的主主要部分分，也是是包含文文本和圖圖像等的的可見部部分。頭頭內(nèi)容（hheadd）是除除文檔標(biāo)標(biāo)題外的的不可見見部分，包包含有文文檔類型型、語言言編碼、搜搜索引擎擎的關(guān)鍵鍵的關(guān)鍵鍵字和內(nèi)內(nèi)容指示示器以及及樣式定定義等重重要信息息，這些些元器并并不是每每個頁面面都需要要的，例例如，可可以僅為為主頁提提供關(guān)鍵鍵字。下面就以首首頁為例例，說明明怎樣插插入較常常用的頭頭（ hheadd）內(nèi)容容。單擊“菜單單攔”下面“插入快快捷”的下拉拉列表，選選擇其中中的HTTML類類，此時時右側(cè)將將會顯示示該類中中可以插入入的對象象快捷按按鈕，再再

39、次單擊擊第2個個按鈕“文件頭頭”旁邊的的下拉箭箭頭，會會彈出菜菜單，該該項列出出的便是是即將插插入的頭頭內(nèi)容。 2.2.44 插入入圖像圖像是網(wǎng)頁頁中不可可或缺的的組成成成份，恰恰當(dāng)?shù)厥故褂脠D像像，可以以使網(wǎng)站站充滿生生活生命命力與說說服力，吸吸引更多多的瀏覽覽者，加加深他們們欣賞你你網(wǎng)站的的意愿。另一方面，網(wǎng)網(wǎng)頁的容容量大小小是網(wǎng)站站成功與與否的一一大關(guān)鍵鍵因素。由由于網(wǎng)絡(luò)絡(luò)在傳輸輸上的限限制，導(dǎo)導(dǎo)致了下下載的速速度不可可能太快快，因此此，網(wǎng)頁頁的大小小就不能能太大，其其中關(guān)鍵鍵就在于于圖像的的大小了了，否則則瀏覽者者會失去去等待的的耐心，無無論你的的網(wǎng)站多多么精彩彩也無濟濟于事了了。所以以

40、，在網(wǎng)網(wǎng)面容量量大小的的問題上上一定要要重視。下下面就來來詳細介介紹對網(wǎng)網(wǎng)頁圖像像進行處處理的操操作步驟驟，以使使得它們們在保持持圖形美美麗與網(wǎng)網(wǎng)站風(fēng)格格搭配的的基礎(chǔ)上上，圖片片文件能能夠變的的更小。1、 首先先將光標(biāo)標(biāo)停留在在要插入入圖像的的位置，然然后單擊擊“菜單欄欄”下面“插入快快健欄”的下拉拉表，選選擇其中中的“常用”類，則則右側(cè)將將會顯示示該類中中可以插插入的對對象快鍵鍵按鈕。左左起第55個即為為“圖像：圖像”按鈕，單單擊它右右側(cè)的下下拉列表表，選擇擇第1項項“圖像”。2、隨即彈彈出“選擇圖圖像源文文件”對話框框。從計計算機磁磁盤中選選擇想要要插入的的圖像文文件，或或在URRL編輯輯

41、框中輸輸入圖像像的路徑徑和名稱稱。下面面的“相對于于”下拉表表框中，可可選擇文文件URRL地址址的類型型，如果果選擇“文檔”選項，表表示圖像像地址相相對于當(dāng)當(dāng)前文檔檔；如果果選擇“站點根根目錄”選項，表表示地址址相對于于根目錄錄。在這這里我要要插入的的是網(wǎng)站站標(biāo)志llogoo，插入入loggo圖象象，如圖圖所示：最后單擊“確定”按鈕，即即可完成成插入圖圖像的操操作。2.2.5插入入多媒體體在Dreaamweeaveer MMX20004中中，除了了之前講講到的可可以插入入“圖像”外，還還可插入入動畫、聲聲音、視視頻等媒媒體元素素，如FFlassh,SShocckwaave,Apppletts,

42、AActiieX及及格Miidi聲聲音文件件等，并并且還可可以在DDreaamweeaveer自身身內(nèi)插入入Maccrommediia FFlassh MMX20004按按鈕和文文本對象象，以及及進行相相關(guān)的后后期處理理和添加加設(shè)計備備注等操操作。在Dreaamweeaveer MMX 220044文檔中中，可以以插入媒媒體文件件包括FFlassh SShocckwaave影影片、QQuicckTiime 、AVVI jjavaa、 aappllet Acttivee X控控件以及及各種格格式的音音頻文件件。要在瀏覽器器中播放放放Fllashh 動畫畫，必須須在瀏覽覽器中集集成“Flaash

43、播放器器 （FFlassh PPlayyer）”。其中，Internet Explorer通過ActiveX控制來實現(xiàn)，Netscape Navigator則是通過相應(yīng)的插件來實現(xiàn)的。在最新的Netscape Navigator和Internet Explorer瀏覽器中，均已集成了 Flash動畫播放功能。操場作步驟驟：步驟1 將光標(biāo)標(biāo)停留在在要插入入Flaash的的位置，然然后單擊擊菜單欄欄下面“插入快快捷欄”的下拉拉列表，選選擇其中中的“常用”分類，右右側(cè)將會會顯示該該類中可可以插入入的對象象快捷按按鈕。左左起第66個即為為“媒體”按鈕，單單擊它右右側(cè)的下下拉列表表，選擇擇第1項項Fla

44、ash圖圖標(biāo)。步驟2 在彈出出的對話話框中選選擇擴展展名為sswf 的Fllashh文件，即即可將其其插入到到Dreeamwwe aaverr的“網(wǎng)頁編編輯窗口口”中，可可以看到到，在這這個窗口口中Fllashh文件的的大小。在在 這這里我的的主頁插插入的一一個動畫畫，如圖圖所示：2.2.66插入文文本文字是人類類語言最最基本的的表達方方式，在在網(wǎng)頁中中，文本本內(nèi)容也也可以說說是重要要的組成成部分，一一個網(wǎng)站站成功與與否，它它是最關(guān)關(guān)鍵的因因素。在在這最關(guān)關(guān)鍵的因因素?？煽韶S富網(wǎng)網(wǎng)站的文文字內(nèi)容容，并以以最最美美觀、最最整齊的的方式放放入到網(wǎng)網(wǎng)頁中。插入文本的的兩種方方式網(wǎng)頁中需要要大量的的文

45、本，我我們或以以通過以以下兩種種方式插插入它們們。一種是在網(wǎng)網(wǎng)頁編輯輯窗口中中直接用用鍵盤敲敲入文本本。這可可以算是是最基本本的輸入入方式了了，和一一些文本本編輯軟軟件（如如Miccrossoftt Woord）的的使用方方法一樣樣，選擇擇好習(xí)慣慣的輸入入法，就就可以運運指如飛飛了。另一種是復(fù)復(fù)制文本本的方式式。有些些讀者可可能不喜喜歡使用用Dreeamwweavver MX220044來進行行打字的的工作，而而更習(xí)慣慣在專門門的文本本編輯軟軟件中快快速打字字，如MMicrrosooft Worrd和 Winndowws自帶帶的記事事本等，又又或者讀讀者已經(jīng)經(jīng)準(zhǔn)備好好了要放放入網(wǎng)頁頁的文本本的

46、電子子版本，那那么我們們就可以以直接使使用Drreammweaaverr的文本本復(fù)制功功能，將將大段的的文本內(nèi)內(nèi)容拷貝貝到網(wǎng)頁頁的編輯輯窗口來來進行排排版的工工作，具具體步驟驟如下。打開文本編編輯軟件件（如MMicrrosooft Worrd），選選中要復(fù)復(fù)制的文文本，它它們將反反白顯示示，執(zhí)行行菜單“編輯/復(fù)制”命令或或直接用用快捷鍵鍵Ctrrl+CC，之后后切換回回Dreeamwweavver,將光標(biāo)標(biāo)停留在在插入文文本的位位置，執(zhí)執(zhí)行主菜菜單“編輯/粘貼”命令或或直接使使用快捷捷鍵Cttrl+v,即即可將大大段的文文本快速速粘貼到到網(wǎng)頁中中。這在我的“網(wǎng)文精精品”中用到到很多，全全部是在

47、在worrd軟件件中排好好ctrrl+cc,然后后點擊要要粘貼的的位置，ccrtll+v到到Dreeamwweavver即即可。2.3創(chuàng)建建其它網(wǎng)網(wǎng)頁 還還有其它它的幾個個網(wǎng)站與與主頁的的制作相相同，一一個網(wǎng)頁頁是圖象象和文字字的組合合。 “平面設(shè)設(shè)計”中的圖圖象插入入和前面面的介紹紹相似，并并可以在在屬性攔攔中調(diào)節(jié)節(jié)圖象的的大小。 在Drreammwerrverr中常常常會用到到Firrewoork、FFlassh，它它們是相相輔相成成，在主主頁中的的主體部部分就是是用Fiirewworkk,如圖圖所示： 在“個人說說明”中也用用到這點點，首先先定好需需要尺寸寸，在屬屬性中設(shè)設(shè)好背景景，顏色

48、色等等，插插入圖象象，輸入入文字，也也worrd里的的操作雷雷同。第三章 建建立網(wǎng)頁頁鏈接網(wǎng)站實際上上是由很很多網(wǎng)頁頁組成的的，那么么網(wǎng)頁之之間是如如何聯(lián)系系的呢？這就是是本章要要講的內(nèi)內(nèi)容網(wǎng)網(wǎng)頁的“鏈接”?！版溄印?，又又稱“超鏈接接（HHypeerliink）,它作為為網(wǎng)頁的的橋梁，起起著相當(dāng)當(dāng)重要的的作用。網(wǎng)網(wǎng)頁中的的很多對對象都可可以加入入“鏈接”屬性。在在Dreeamwweavver MX220044中，如如果以“鏈接”的媒介介來劃分分的話，則則“鏈接”可以分分為“文字鏈鏈接”、“圖像鏈鏈接”、“圖像地地圖鏈接接”、“內(nèi)部鏈鏈接和外外部鏈接接”、“E-mmaill鏈接”、“命名錨錨記鏈

49、接接”、“文件下下載鏈接接”和“跳轉(zhuǎn)菜菜單”，共88種。其其中部分分內(nèi)容在在之前的的章節(jié)中中可能接接觸過，這這里將對對其進行行更深入入的講解解。3.1文字字鏈接“文字鏈接接”即以文文字作為為媒介的的鏈接，它它是網(wǎng)頁頁中最常常被使用用的鏈接接方式，具具有“文件小小、制作作簡單和和便于維維護”的特點點。接下來結(jié)合合我的個個人網(wǎng)站站為實例例，來講講解如何何為文字字建立“鏈接”。具體操作步步驟如下下所述。操作步驟步驟1 準(zhǔn)備好好已經(jīng)制制作完成成的首頁頁的各個個欄目頁頁面（假假設(shè)除了了“鏈接”，其他他內(nèi)容都都已經(jīng)制制作完成成了），該該網(wǎng)站包包含6個個欄目，這這里的55個欄目目“平面設(shè)設(shè)計”、“動畫制制作

50、”和“網(wǎng)文精精品”、“經(jīng)典回回顧”、“個人說說明”為例來來進行講講解。步驟2 在在Dreeamwweavver 中打開開首頁，之之后反白白選取作作為“鏈接”的文字字。實例例中要做做到單擊擊不同的的欄目的的網(wǎng)頁。因因此為第第1個欄欄目“平面設(shè)設(shè)計”設(shè)置鏈鏈接，首首先要反反白選中中“平面設(shè)設(shè)計”4個文文字。步驟3 觀觀察“屬性面面板”，其中中包括一一個“鏈接”文本框框。步驟4 接接下來需需要把鏈鏈接的地地址加入入到文本本框中，方方法有33種。這里我用到到的是直直接點擊擊文件夾夾圖標(biāo)，在在文件夾夾中找到到要鏈接接的對象象graaph.htmm。這樣樣就建立立了超鏈鏈接。不不過有點點很重要要，由于于大

51、多數(shù)數(shù)服務(wù)器器都不支支持中文文文件名名，而且且對大小小寫敏感感，因此此采用英英文文件件名并統(tǒng)統(tǒng)一大小小寫。如如圖所示示：步驟5 在在“鏈接”文本框框下面還還有一個個“目標(biāo)”下拉列列表，從從中可以以選擇鏈鏈接網(wǎng)頁頁顯示的的窗口方方式，共共有4種種。如圖圖：實例中沒有有選擇任任何選項項，保持持空白，表表示在原原窗口中中打開鏈鏈接網(wǎng)頁頁。步驟6 還還可以設(shè)設(shè)置一些些“鏈接”的屬性性，這是是前面講講過的內(nèi)內(nèi)容。單單擊“屬性面面板”中的“頁面屬屬性”，選擇擇其中的的“鏈接”分類，可可以進行行的設(shè)置置有“鏈接字字體”、“大小”、“鏈接顏顏色”、“變換圖圖像鏈接接”顏色、“已訪問問鏈接”顏色、“活動鏈鏈接”

52、顏色及及“下劃線線樣式”。步驟7 至至此，第第1個欄欄目的鏈鏈接就制制作完畢畢了，按按下Cttrl+S保存存網(wǎng)頁，再再按下FF12預(yù)預(yù)覽，測測試一下下，當(dāng)鼠鼠標(biāo)放在在“平面設(shè)設(shè)計”這4個個文字上上時將變變成手形形，并且且瀏覽器器窗口下下面的狀狀態(tài)欄中中會顯示示鏈接到到的網(wǎng)頁頁的地址址，單擊擊文字，頁頁面會立立即跳轉(zhuǎn)轉(zhuǎn)到第11個欄目目中，這這表示鏈鏈接已經(jīng)經(jīng)制作成成功了。步驟8 同同理，按按照以上上步驟，再再為“動畫制制作”和“網(wǎng)文精精品”“經(jīng)典典回顧“等其它它欄制作作指向?qū)?yīng)欄目目的鏈接接。步驟9 通通常在欄欄目頁面面中還需需要有“返回首首頁”的鏈接接，單擊擊其后可可以跳轉(zhuǎn)轉(zhuǎn)回首頁頁，因此此

53、在各個個欄目中中還要插插入“網(wǎng)站首首頁”的文字字，并且且制作指指向首頁頁inddex.htmml的鏈鏈接，制制作方法法不變。至此，整個個“文字鏈鏈接”的實例例就全就就全部完完成了。通通過對這這個實例例的講解解，讀者者不僅應(yīng)應(yīng)該學(xué)會會如何為為文字制制作鏈接接，還應(yīng)應(yīng)用對“鏈接”有了更更加深刻刻的理解解，鏈接接的目的的何在？它到底底能夠在在網(wǎng)頁的的網(wǎng)站中中發(fā)揮什什么樣的的作用？怎樣才才能更好好地使用用它？這這些是網(wǎng)網(wǎng)頁制作作者更應(yīng)應(yīng)該思考考的問題題。下面繼續(xù)介介紹其他他類型的的鏈接。3.2圖像像鏈接“圖像”也也是常被被使用的的鏈接媒媒體，它它和“文字鏈鏈接”非常相相似。為為圖像加加入鏈接接，首先先

54、應(yīng)該在在網(wǎng)頁中中插入“圖像”，有關(guān)關(guān)插入“圖像”或“導(dǎo)航條條”按鈕的的內(nèi)容，接接下來以以我的網(wǎng)網(wǎng)站“追夢人人“為例，講講解如何何建立“圖像鏈鏈接”。操作步驟步驟1 首首先仍然然要準(zhǔn)備備好已經(jīng)經(jīng)制作完完成的首首頁和各各個欄目目的頁面面（假設(shè)設(shè)除了“鏈接”，其他他內(nèi)容都都已經(jīng)制制作完成成了），該該網(wǎng)站包包含6個個欄目，下下面我們們就動手手為這66個欄目目分別制制作它們們的鏈接接。步驟2 在在Dreeamwweavver中中打開網(wǎng)網(wǎng)站的首首頁，之之后選取取要制作作“鏈接”的圖像像。實例例中先為為第3個個欄目“動畫制制作”設(shè)置鏈鏈接，因因此選中中包含“動畫制制作”4個字字的圖像像。步驟3 觀觀察“屬性

55、面面板”，在“鏈接”文本框框中輸入入鏈接的的文字地地址?？煽梢允褂糜弥爸v講過的“指向文文件”和“選擇文文件”的方法法。步驟4 如如果有需需要，可可以在“目標(biāo)”下拉列列表中選選擇“鏈接”網(wǎng)頁顯顯示的窗窗口方式式，分別別為-bblannk 、-parrentt 、-sellf或 topp。實例例中使用用了默認(rèn)認(rèn)出的保保留空白白選項的的方式。 步驟5 另另外，讀讀者還可可以為圖圖像增加加“替代”文本。實實例中為為第1個個欄目增增加欄目目名稱的的“替代”文本。步驟6 至至此，第第1個欄欄目的圖圖像鏈接接就制作作完畢了了，按下下Ctrrl+SS保存網(wǎng)網(wǎng)頁，再再按下FF12預(yù)預(yù)覽，測測試一下下，將鼠鼠標(biāo)

56、放在在“動畫制制作”4個文文字上時時將變成成手形，同同時瀏覽覽器窗口口下面的的狀態(tài)欄欄中會顯顯示出鏈鏈接到的的網(wǎng)頁的的地址，并并且會顯顯示出“替代”文本“動畫制制作”，單擊擊文字，頁頁面會立立即跳轉(zhuǎn)轉(zhuǎn)到第33個欄目目中，這這表示鏈鏈接已經(jīng)經(jīng)制作成成功了。步驟7 同同理，按按照以上上步驟，再再為其它它幾幅圖圖像制作作指向?qū)?yīng)欄目目的鏈接接。步驟8 在在欄目頁頁面中制制作“返回首首頁”的鏈接接，使得得單擊后后可以跳跳轉(zhuǎn)回首首頁，其其制作方方法不變變。至此，整個個“圖像鏈像像”的實例例就全部部完成了了。3.3E Maiil的鏈鏈接E-Maiil鏈接接，是指指當(dāng)瀏覽覽者單擊擊該鏈接接之后，不不是打開

57、開一個網(wǎng)網(wǎng)頁文件件，而是是啟動用用戶的EE- MMaill客戶端端軟件（如如Outtloook EExprresss）,并并打開一一個空白白的新郵郵件，供供瀏覽者者撰寫內(nèi)內(nèi)容來與與網(wǎng)站聯(lián)聯(lián)系人聯(lián)聯(lián)系，這這是一種種最方便便的互動動方式。結(jié)合“個人人說明”網(wǎng)頁，建建立E-Maiil鏈接接的步驟驟如下所所述。操作步驟步驟1 將將光標(biāo)停停留在頁頁面右下下角要插插入E-maiil鏈接接的位置置。步驟2 選選擇“插入快快捷欄”中的“常用”分類，單單擊左側(cè)側(cè)第2個個“電子郵郵件鏈接接”按鈕。步驟3 在在彈出的的“電子郵郵件鏈接接”對話框框中有兩兩個輸入入項，分分別是“文本”和“E-MMaill” 。在在“文

58、本”項中輸輸入鏈接接的文字字，中文文、英文文均可，在在E-MMaill項中輸輸入網(wǎng)站站聯(lián)系有有的電子子郵件地地址，如如實例中中的 HYPERLINK mailto:ding_ ddingg_zhhuimmengg12331663.nnet。步驟4 單單擊“確定”按鈕，具具有“E-MMaill鏈接”屬性的的文本就就 HYPERLINK mailto:ding_ dinng_t。插入入到光標(biāo)標(biāo)所在位位置了，按按下 CCtrll+S保保存網(wǎng)頁頁，再按按下F112預(yù)覽覽查看實實際效果果。上面的方法法只適用用于文本本的“E-MMaill鏈接”，如果果想在其其它的對對象（如如圖像）上上也加入入這種鏈鏈接，

59、該該怎辦呢呢？下面面介紹第第2種建建立“E-MMaill鏈接”的方法法。其實很簡單單，與前前面講過過的圖像像加入鏈鏈接的方方法基本本一樣。先先在頁面面中需要要的地方方插入圖圖像，之之后選中中圖像，并并在“屬性面面板”的“鏈接”文本框框中輸入入如下語語句即可可maailtto: HYPERLINK mailto:ding_ dinng_t ?ssubjjectt=網(wǎng)站站的建議議與第11種方法法不同的的是，EE-Maail 地址前前面增加加了maailtto:字字樣。用用這種方方法就可可以給圖圖像等其其他對象象建立“E-MMaill鏈接”了。3.4文件件下載鏈鏈接“文件下載載鏈接”的原理理很簡單單

60、，只要要鏈接文文件屬于于瀏覽無無法識別別的關(guān)型型，便都都會使用用IE瀏瀏覽器直直接進行行下載，并并保存到到本地計計算機中中。瀏覽器無法法識別的的文件類類型有很很多，這這里就介介紹一個個最常用用的，以以zipp或raar為后后綴名的的壓縮格格式文件件，這種種文件可可以使用用主流的的壓縮軟軟件（如如winnzipp、wiinraar）來來制作。下下面我們們就業(yè)以以實例來來說明。在前面“插插入多媒媒體”一章中中，我們們曾經(jīng)講講過直接接鏈接文文件的方方式來插插入“視頻”，即直直接在“鏈接”文本框框中輸入入“文件名名+名后后綴名”，如oolymmpuss.wmmv。單單日擊這這個鏈接接，經(jīng)過過數(shù)據(jù)下下載