




已閱讀5頁(yè),還剩27頁(yè)未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說(shuō)明:本文檔由用戶(hù)提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
隨著國(guó)際互聯(lián)網(wǎng)的普及,很多人已經(jīng)不滿(mǎn)足僅僅在INTERNET上的瀏覽信息,而是希望更深入的參與其中,擁有自己的WEB網(wǎng)站,這似乎已經(jīng)成為一種潮流。如果說(shuō)個(gè)人建立網(wǎng)站是為了追求時(shí)尚,那么企業(yè)建立網(wǎng)站就是必然的選擇了。無(wú)論是專(zhuān)業(yè)的,還是業(yè)余的,很多人對(duì)網(wǎng)頁(yè)制作頗感興趣。事實(shí)上制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)并不困難,會(huì)使用WORD的人都可以勝任。但想做出超凡脫俗的網(wǎng)頁(yè)就不那么容易了,而DREAMWEAVER卻可以滿(mǎn)足你的愿望,它是MACROMEDIA公司開(kāi)發(fā)的集網(wǎng)頁(yè)制作和網(wǎng)站管理于一身的所見(jiàn)即所得的網(wǎng)頁(yè)編輯器。同樣出自MACROMEDIA公司的FLASH,FIREWORKS在制作網(wǎng)站的過(guò)程中起到了錦上添花的作用,是個(gè)人網(wǎng)站實(shí)現(xiàn)的好幫手,在制作網(wǎng)站的時(shí)候經(jīng)常會(huì)用到這些軟件。本文有五章,我來(lái)由淺到深介紹個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)。在互聯(lián)網(wǎng)走進(jìn)我們的生活之前,沒(méi)有人敢夢(mèng)想擁有自己的報(bào)紙、雜志、電臺(tái)、電視臺(tái)。除了政策上的制約外,一個(gè)人也根本沒(méi)有操作一份傳播媒體的能力?,F(xiàn)在不同了,互聯(lián)網(wǎng)給我們提供了一個(gè)“表達(dá)自我”的自由天地,你可以擁有自己的新聞郵件,你可以建立自己的個(gè)人網(wǎng)站。只要你辦得成功也可以吸引成千上萬(wàn)的訂戶(hù)、讀者,并建立自己在眾多參與者中的權(quán)威地位。建立個(gè)人網(wǎng)站的基本過(guò)程可以分為以下七個(gè)環(huán)節(jié)1了解中國(guó)網(wǎng)絡(luò)個(gè)人主頁(yè)研究背景與發(fā)展現(xiàn)狀2系統(tǒng)需求分析與總體設(shè)計(jì)3熟悉網(wǎng)站開(kāi)發(fā)模式、工具及環(huán)境4把自己的作品和想要展示的內(nèi)容制作成網(wǎng)頁(yè)。5使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)ASP,實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新。6認(rèn)真地選取測(cè)試用例,進(jìn)行交叉測(cè)試7網(wǎng)站的后期完善、宣傳及發(fā)展方向其中,網(wǎng)頁(yè)制作和使用動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)ASP實(shí)現(xiàn)動(dòng)態(tài)內(nèi)容更新是網(wǎng)站開(kāi)發(fā)的核心內(nèi)容。關(guān)鍵詞網(wǎng)頁(yè)、制作、訪(fǎng)問(wèn)、鏈接ABSTRACT目錄第一章引言11什么是INTERNET12INTERNET有哪些功能13WWW簡(jiǎn)介14網(wǎng)頁(yè)基本構(gòu)成元素15軟件的安裝與啟動(dòng)151軟件的安裝152軟件的啟動(dòng)153創(chuàng)建快捷方式16制作網(wǎng)頁(yè)前的準(zhǔn)備17DREAMWEAVER的操作環(huán)境171標(biāo)題欄172菜單欄173快捷工具欄174屬性面板第二章網(wǎng)站制作實(shí)戰(zhàn)21站點(diǎn)211創(chuàng)建站點(diǎn)212創(chuàng)建站點(diǎn)內(nèi)容22首頁(yè)221設(shè)置首頁(yè)布局222設(shè)置首頁(yè)的頁(yè)面屬性223查看和編輯頭內(nèi)容224插入圖像225插入多媒體226插入文本23創(chuàng)建其它網(wǎng)頁(yè)第三章建立網(wǎng)頁(yè)鏈接31文字鏈接32圖像鏈接33EMAIL鏈接34文件下載鏈接35在HTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接351文字鏈接352圖像鏈接353EMAIL鏈接364文件下載鏈接第四章結(jié)論致謝參考文獻(xiàn)第一章第一章第一章第一章預(yù)備知識(shí)預(yù)備知識(shí)預(yù)備知識(shí)預(yù)備知識(shí)11INTERNETINTERNETINTERNETINTERNET的中文名為“國(guó)際互聯(lián)網(wǎng)”,又稱(chēng)“因特網(wǎng)”。INTERNET是由眾多的計(jì)算機(jī)網(wǎng)絡(luò)互聯(lián)而成的互聯(lián)網(wǎng),它覆蓋了全世界各地,它是采用開(kāi)放系統(tǒng)協(xié)議的計(jì)算機(jī)通訊網(wǎng)絡(luò)。然而,INTERNET不僅僅是計(jì)算機(jī)的互聯(lián)網(wǎng),它還是全球最大的信息資源寶庫(kù),它提供了包括科研、教育、文化娛樂(lè)、商業(yè)和信息交流等各種各樣的服務(wù),使得世界范圍內(nèi)的人與人之間的交流在時(shí)間和空間上變的更小了。要了解INTERNET,就必須先了解局域網(wǎng)。我們可以將同一地點(diǎn)的許多計(jì)算機(jī)使用網(wǎng)線(xiàn)連接在一起,構(gòu)成一個(gè)高效率的計(jì)算機(jī)網(wǎng)絡(luò),所有處于網(wǎng)絡(luò)內(nèi)的終端機(jī)或電腦都能享受網(wǎng)絡(luò)內(nèi)所有的資源,比如程序,圖文資料等。這種計(jì)算機(jī)網(wǎng)絡(luò)因?yàn)橐话愣季窒拊谝欢▍^(qū)域中,我們稱(chēng)之為“局域網(wǎng)”(LOCALAREANETWORK,簡(jiǎn)稱(chēng)LAN),它是在日常工作中用得最多的一種小型計(jì)算機(jī)網(wǎng)絡(luò)。局域網(wǎng)所覆蓋的地理范圍比較小,通常不超過(guò)幾十公里,甚至只在同一座建筑物內(nèi)或者鄰近的幾座建筑內(nèi)。像常見(jiàn)的校園網(wǎng),一座寫(xiě)字樓內(nèi)部的網(wǎng)絡(luò)等都屬于局域網(wǎng)。而INTERNET則不是指單個(gè)區(qū)域范圍內(nèi)的網(wǎng)絡(luò),而是指將全世界的各中不同類(lèi)型的計(jì)算機(jī)網(wǎng)絡(luò)連接起來(lái)的一個(gè)全球性的網(wǎng)絡(luò)。INTERNET上有取之不盡,用之不竭的信息資源。對(duì)于INTERNET中各種各樣的信息,所有的人都可以通過(guò)網(wǎng)絡(luò)的連接來(lái)共享和使用。1212INTERNET有那些功能WEB頁(yè)瀏覽這是目前利用最廣泛、最直接的互聯(lián)網(wǎng)服務(wù),通過(guò)瀏覽WWW(萬(wàn)維網(wǎng))中的網(wǎng)頁(yè),可以了解世界各地的新聞,查看最新的股市行情,最新的娛樂(lè)動(dòng)態(tài)、科技發(fā)明,找到眾多的就業(yè)信息幾乎想找到什么樣的信息,就有什么信息。正是有了WWW、INTERNET才會(huì)變得如此豐富多彩,才能走進(jìn)千家萬(wàn)戶(hù)。信息發(fā)布通過(guò)INTERNET,不僅可以瀏覽別人發(fā)布在WEB頁(yè)上的信息,也可以將自己要發(fā)布的信息制作成WEB頁(yè),也即網(wǎng)頁(yè),然后發(fā)布到INTERNET上,供全世界的人瀏覽。電子郵件不同于傳統(tǒng)郵件,電子郵件EMAIL通過(guò)INTERNET傳輸,寫(xiě)信,發(fā)信,收信都在計(jì)算機(jī)上完成,一封電子郵件最短在一秒之內(nèi)就可以發(fā)送出去,其效率是傳統(tǒng)郵件無(wú)法比擬的。而且發(fā)送與接收電子郵件幾乎是免費(fèi)的,所以比傳統(tǒng)郵件既節(jié)省時(shí)間又經(jīng)濟(jì)的多。網(wǎng)上聊天通過(guò)聊天軟件(如QQ、ICQ等)或不同網(wǎng)站的聊天室,可以和世界各地的網(wǎng)友聊天。網(wǎng)友可能是遠(yuǎn)在天邊的異國(guó)朋友,也可能是與你一起工作的餓同事,或者是一起生活的家人,在這里沒(méi)有年齡、性別、身份、職業(yè)、國(guó)籍、膚色的限制,完全突破了交友的傳統(tǒng)方式,人們可通過(guò)INTERNET互相了解對(duì)方,進(jìn)行各種各樣的交流。電子商務(wù)現(xiàn)在網(wǎng)上交易已經(jīng)成為現(xiàn)實(shí),網(wǎng)上購(gòu)物、網(wǎng)上商品銷(xiāo)售、網(wǎng)上拍賣(mài)、企業(yè)級(jí)電子商務(wù)、網(wǎng)上貨幣支付等電子商務(wù)活動(dòng)已經(jīng)搞的有聲有色,幾乎所有的專(zhuān)家都預(yù)測(cè),在未來(lái)的幾年內(nèi),電子商務(wù)會(huì)飛速發(fā)展。在不久的將來(lái),您可以做在電腦前進(jìn)行各種各樣的商務(wù)活動(dòng)。網(wǎng)絡(luò)游戲通過(guò)INTERNET,可以與全世界的玩家一起進(jìn)行游戲?qū)?zhàn),也可以協(xié)同作戰(zhàn)。網(wǎng)絡(luò)游戲已經(jīng)成為信息產(chǎn)業(yè)全新的經(jīng)濟(jì)增長(zhǎng)點(diǎn),每年都為開(kāi)發(fā)商帶來(lái)巨額的利潤(rùn)。通過(guò)網(wǎng)絡(luò)游戲,可以充分享受INTERNET給我們帶來(lái)的樂(lè)趣。網(wǎng)絡(luò)電話(huà)網(wǎng)絡(luò)電話(huà)也稱(chēng)IP電話(huà)。它采用INTERNET技術(shù),利用專(zhuān)門(mén)的網(wǎng)絡(luò)電話(huà)軟件,只需支付非常低廉的話(huà)費(fèi)就可通話(huà)。INTERNET在電信市場(chǎng)上的應(yīng)用將越來(lái)越廣泛。13WWW的簡(jiǎn)介WWW的全稱(chēng)為WORLDWIDEWEB,含義是“環(huán)球網(wǎng)”,又稱(chēng)“萬(wàn)維網(wǎng)”、3W、WEB。WWW是一個(gè)基于超文本(HYPERTEXT)方式的信息檢索服務(wù)工具。我們上網(wǎng)瀏覽到的網(wǎng)頁(yè)就是這樣的超文本,也就是HTMLHYPERTEXTMARKUPLANGUAGE,超文本標(biāo)記語(yǔ)言文件,這些網(wǎng)頁(yè)文件被放置到WWW服務(wù)器上,并且都有一定的地址。當(dāng)我們想瀏覽某個(gè)網(wǎng)站時(shí),首先要在電腦上安裝瀏覽器,如INTERNETEXPLORER或NETSCAPE,然后在瀏覽器中輸入網(wǎng)站的地址(網(wǎng)址),就可以進(jìn)入網(wǎng)站進(jìn)行瀏覽。在這些網(wǎng)頁(yè)中,都有超連接,當(dāng)將鼠標(biāo)指針移動(dòng)到某個(gè)地方(如文本或圖象)時(shí),鼠標(biāo)指針就會(huì)變成一個(gè)小手形形狀,單擊它就可以連接到另個(gè)網(wǎng)頁(yè)中,從而使得瀏覽者能在不同的信息之間跳轉(zhuǎn),我們之所以能在INTERNET的海洋中穿梭自如,正是超連接的功勞。WWW為我們帶來(lái)的是世界范圍的超級(jí)文本服務(wù)只須操縱鼠標(biāo),就可以通過(guò)INTERNET從世界各地調(diào)來(lái)你所希望的文本、圖像、動(dòng)畫(huà)和聲音等信息。通過(guò)使用WWW,一個(gè)不熟悉網(wǎng)絡(luò)使用的人也可以成為INTERNET的行家。14網(wǎng)頁(yè)基本構(gòu)成元素要學(xué)會(huì)制作網(wǎng)頁(yè),首先需要了解網(wǎng)頁(yè)都是由什么元素構(gòu)成的。文字文本是構(gòu)成網(wǎng)頁(yè)的基本元素。一個(gè)最簡(jiǎn)單的網(wǎng)頁(yè)可以只有幾行文本。圖片正是有個(gè)各種美麗的圖片,網(wǎng)頁(yè)才變得多姿多彩。動(dòng)畫(huà)如今,網(wǎng)頁(yè)上的動(dòng)畫(huà)越來(lái)越多,最常用的有GIF動(dòng)畫(huà)、FLASH動(dòng)畫(huà)等。超連接如上所述,超連接幾乎是必不可少的。一個(gè)沒(méi)有超連接的網(wǎng)頁(yè),就如同汪洋大海中的一座孤島,失去了與外界的一切聯(lián)系。其它元素還可以在網(wǎng)頁(yè)中添加聲音、視頻等元素。15軟件的安裝與啟動(dòng)要使用網(wǎng)站設(shè)計(jì)軟件,自然先要將這些軟件安裝到自己的電腦中。安裝完畢,還需要如何啟動(dòng),如何創(chuàng)建快捷方式。下面就讓我們來(lái)詳細(xì)地看一看具體的操作步驟。151軟件的安裝安裝之前,需要先了解軟件對(duì)系統(tǒng)的要求。以WINDOWS為例,系統(tǒng)要求如下INTELPENTIUMII處理器或等效處理器,主頻300MHZ或更高。WINDOWS98WINDOWS2000WINDOWSNT具有SERVICEPACK3或更高版本、WINDOWSME或WINDOWSXPNETSCAPENAVIGATOR40版或更高版本或MICROSOFTINTERNETEXPLORER96MB的可用內(nèi)存(RAM),建議采用128MB內(nèi)存。分辨率可達(dá)800600像素的256色顯示器(建議顏色為百萬(wàn)顏色,分辨率達(dá)到1024768像素)。CDROM驅(qū)動(dòng)器。檢查一下您的計(jì)算機(jī),看是否具備了以上條件。如果具備,將“MACROMEDIASTUDIOMX”程序會(huì)自動(dòng)運(yùn)行。如果不能自動(dòng)運(yùn)行,可以找到光盤(pán)放入光驅(qū),安裝程序會(huì)自動(dòng)運(yùn)行??梢哉业焦獗P(pán)中的“INSTALLMACROMEDIASTUDIOMX”程序或“AUTORUN”程序并雙擊運(yùn)行。DREAMWEAVER的安裝比較容易,幾乎可以自動(dòng)完成。下面簡(jiǎn)要說(shuō)明一下安裝步驟。操作步驟1、將安裝光盤(pán)放入光驅(qū),安裝程序自動(dòng)運(yùn)行,并出現(xiàn)安裝界面。如果單擊安裝界面上的“MACROMEDIASTUDIOMX安裝”,那么將會(huì)安裝其下方所列出的軟件。所有的安裝會(huì)自動(dòng)完成。2、單擊DREAMWEAVERMX,開(kāi)始安裝過(guò)裝過(guò)程先是出現(xiàn)解壓縮文件窗口,等待一會(huì)兒,便會(huì)出現(xiàn)安裝向?qū)?duì)話(huà)框。單擊“下一步”按鈕,繼續(xù)安裝過(guò)程。3、出現(xiàn)“選擇目的地位置”對(duì)話(huà)框,默認(rèn)的盤(pán)是C盤(pán),如果想安裝到不同的位置,可以單擊目的文件夾右邊的“瀏覽”按鈕,并在彈出的“選擇文件夾”對(duì)話(huà)框選擇不同的文件,如要安裝在D盤(pán)則可直接將路徑中的“C”改為“D”。也可以在下面的“目錄”中選擇其它的文件夾,設(shè)置完后,單擊“確定”,回到“選擇目的地址”對(duì)話(huà)框,單擊“下一步”繼續(xù)。4、而后會(huì)出現(xiàn)“默認(rèn)編輯器”的對(duì)話(huà)框,默認(rèn)為全選。如果希望讓DREAMWEAVERMX成為下面所列文件類(lèi)型的默認(rèn)編輯器,那么可以在這里做選擇。選擇完畢,單擊“下一步”按鈕。5、出現(xiàn)“開(kāi)始復(fù)制文件”對(duì)話(huà)框,單擊“下一步”安裝程序開(kāi)始復(fù)制文件,過(guò)幾分鐘后,安裝結(jié)束,單擊“結(jié)束”按鈕,結(jié)束安裝。152軟件啟動(dòng)軟件安裝完畢后,我們就可以使用它了。安裝程序已經(jīng)自動(dòng)在“開(kāi)始”菜單中加入了快捷方式。單擊“開(kāi)始”菜單,將鼠標(biāo)指針依次指向“程序”|“MACROMEDIA”|“MACROMEDIAMX”,并在上面單擊鼠標(biāo)左鍵。153創(chuàng)建快捷方式使用“開(kāi)始”菜單啟動(dòng)程序的過(guò)程比較煩瑣??梢栽赪INDOWS桌面或快速啟動(dòng)欄上創(chuàng)建快捷方式,這樣可以快速的啟動(dòng)程序。具體實(shí)現(xiàn)方法是在“開(kāi)始”菜單中找到相應(yīng)程序的快捷方式,不過(guò)這是不要用鼠標(biāo)左鍵單擊,而是用右鍵按住向桌面拖動(dòng),然后松開(kāi)右鍵,會(huì)出現(xiàn)一個(gè)快捷菜單,在其中可以選擇不同的命令,比如選擇“在當(dāng)前位置創(chuàng)建快捷方式”或“復(fù)制到當(dāng)前位置”。這樣以后在運(yùn)行程序時(shí),就方便快捷的多了。16制作網(wǎng)頁(yè)前的準(zhǔn)備電腦必備電腦速度夠快,最好能夠上網(wǎng)。操作系統(tǒng)WINDOWSXP軟件可選其它軟件看圖軟件美圖秀秀圖像處理軟件PHOTOSHOP、上傳工具CUTEFTP17DREAMWEAVERMX的操作環(huán)境我們將工作界面分成了“標(biāo)題欄”、“菜單欄”、“快捷工具欄”、“屬性面板”、“浮動(dòng)控制面板”5個(gè)部分來(lái)分別介紹。171標(biāo)題欄DREAMWEAVERMX的“標(biāo)題欄”中將顯示文字“MACROMEDIADREAMWEAVERMX”如果打開(kāi)網(wǎng)頁(yè)的話(huà),在后面還會(huì)顯示該網(wǎng)頁(yè)的一些信息,如網(wǎng)頁(yè)標(biāo)題、所在位置及網(wǎng)頁(yè)名稱(chēng),右邊有三個(gè)鈕,分別對(duì)應(yīng)DREAMWEAVERMX的最大化最小化和關(guān)閉的操作。172菜單欄“標(biāo)題欄”下面就是“菜單欄”,欄中提供了“文件”、“編輯”、“查看”、“插入”、“修改”、“文本”、“站點(diǎn)”、“窗口”、“幫助”10項(xiàng)菜單。單擊其中任意一項(xiàng)菜單,隨即就會(huì)出現(xiàn)一個(gè)下拉式指令菜單。有些指令的右邊會(huì)有鍵盤(pán)的代碼,這是該指令的快捷鍵,熟練使用快捷鍵將會(huì)有助于提高工作效率。有些指令的右邊會(huì)有一個(gè)小黑三角的標(biāo)記,它代表該指令還包含下一級(jí)的指令,鼠標(biāo)停留片刻即可顯示。173快捷工具欄“快捷工具欄”指的是“菜單欄”下邊的3排按鈕,選擇菜單“查看/工具欄”,勾選里面的“插入”、“文檔”和“標(biāo)準(zhǔn)”3項(xiàng),完整的快捷工具欄就顯現(xiàn)出來(lái)了。174屬性面板在網(wǎng)頁(yè)編輯窗口的下面還有一個(gè)面板,它是有名的“屬性面板”,它在這個(gè)軟件中起到舉足輕重的作用。屬性面板顧名思義,就是顯示,調(diào)整屬性的面板,根據(jù)鼠標(biāo)所選中對(duì)象的不同,“屬性面板”在界面上也會(huì)有所差異,用戶(hù)可以分別對(duì)不同的對(duì)象進(jìn)行調(diào)整。站點(diǎn)211創(chuàng)建站點(diǎn)創(chuàng)建站點(diǎn)要制作一個(gè)網(wǎng)站,第一步操作都是一樣的,就是要?jiǎng)?chuàng)造一個(gè)“站點(diǎn)”,這樣可以使整個(gè)網(wǎng)站的脈絡(luò)結(jié)構(gòu)清晰地展現(xiàn)在面前,避免了以后再進(jìn)行紛雜的管理。從菜單中選擇“站點(diǎn)/管理站點(diǎn)”在彈出的對(duì)話(huà)框中選擇“新建”,之后再選擇其中的“站點(diǎn)”,再次彈出一個(gè)對(duì)話(huà)框,在文本框中輸入自己已經(jīng)企化好的網(wǎng)站名稱(chēng)“追夢(mèng)人”。填好后,單擊“下一步”,進(jìn)入下一個(gè)步驟。由于我要做的是一個(gè)靜態(tài)的網(wǎng)頁(yè),所以選擇上面的一項(xiàng)“否,我不想使用服務(wù)器技術(shù)?!眴螕簟跋乱徊健保M(jìn)入下一個(gè)步驟。在此選項(xiàng)中有兩個(gè)選擇,選擇推薦的“編輯我的計(jì)算機(jī)上的本地副本,完成后再上傳到服務(wù)器”。底下的文本框允許在本地磁盤(pán)上指定一個(gè)文件夾,DREAMWEAVER將在其中儲(chǔ)存站點(diǎn)文件的本地副本。單擊該文本框后面的文件夾圖標(biāo),新建并指定一個(gè)空的文件夾“E/DING”。之后單擊“下一步“,進(jìn)入下一個(gè)步驟。這一步是如何設(shè)置連接到遠(yuǎn)程服務(wù)器,彈出式菜單中有6中選擇,這里選擇“無(wú)”。而后“下一步”再“完成”,即可。212創(chuàng)建站點(diǎn)內(nèi)容站點(diǎn)創(chuàng)建完成后,就可以創(chuàng)建WEB頁(yè)來(lái)填充站點(diǎn)了。在“右側(cè)浮動(dòng)面板組”中選擇“文件/文件”面板,此時(shí)整個(gè)網(wǎng)站中沒(méi)有任何內(nèi)容。用鼠標(biāo)右擊面板中的本地根目錄文件夾。在彈出的菜單中選擇“新建文件”,新建一個(gè)文件后將其命名為“INDEXHTM或INDEXHTML,它就是未來(lái)的首頁(yè)。由于“追夢(mèng)人”網(wǎng)站分為“平面設(shè)計(jì)”、“動(dòng)畫(huà)制作”、“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說(shuō)明“這五個(gè)大欄目,所以繼續(xù)用鼠標(biāo)右擊右側(cè),在彈出的菜單中選擇第二項(xiàng)“NEWFOLDER(新建文件夾)”。執(zhí)行五次操作,新建五個(gè)文件夾,并把它們重命名為GRAPH、ANIM、BOOKS、MUSIC、LETTER,分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各自的內(nèi)容。之后再次新建1個(gè)文件夾,命名為IMAGES,用來(lái)存放“所有的圖象文件”的內(nèi)容。之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁(yè)。221設(shè)置首頁(yè)布局每個(gè)網(wǎng)站都會(huì)有一個(gè)首頁(yè),就功能上而言,它代表著一個(gè)網(wǎng)站的風(fēng)格與特色,就網(wǎng)站架構(gòu)上而言,它代表了網(wǎng)站的第一層架構(gòu),至于網(wǎng)站上其他WEB頁(yè),原則上都必須通過(guò)首頁(yè)來(lái)連接散播出去,可見(jiàn)首頁(yè)是多么的重要。首頁(yè)是打開(kāi)網(wǎng)站后在瀏覽器中顯示的第一個(gè)頁(yè)面。它是起什么名字通常要視SERVER端的設(shè)置,一般的有INDEXHTM,DEFAULTHTM或HOMEHTM等,目前主要以INDEXHTM的居多。當(dāng)然,后綴名為HTML也是正確的。具體設(shè)置方法是右健單擊“文件”浮動(dòng)面板中的INDEXHTM,在彈出的菜單中選擇“設(shè)成首頁(yè)”。首頁(yè)的布局有很多方法,在這里我所用到的是表格的“布局模式”?!安季帧蹦J街械谋砀穹Q(chēng)為布局表格,單元格稱(chēng)為布局單元格。在繪制布局表格和布局單元格時(shí),必須從“標(biāo)準(zhǔn)”模式切換到“布局”模式。直接單擊“布局”按鈕即可。操作步驟1、在“插入快捷欄”的“布局”分類(lèi)中,單擊“布局表格”按紐。2、將變成“”形狀的鼠標(biāo)光標(biāo)放到編輯中網(wǎng)頁(yè)上,在要繪制的地方進(jìn)行拖動(dòng)就可以進(jìn)行創(chuàng)建了。(如果繪制的是第一個(gè)表格必須從網(wǎng)頁(yè)的最左上角開(kāi)始繪制)。3、在這里要繪制多個(gè)表格,可以再次單擊“布局表格”按紐進(jìn)行繪制,也可以按住CTRL鍵繪制多個(gè)表格。追夢(mèng)人”網(wǎng)站首頁(yè)的布局如圖所示222設(shè)置首頁(yè)的頁(yè)面屬性首先雙擊“文件”浮動(dòng)面板中的INDEXHTM,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白區(qū)域,在菜單中選擇“頁(yè)面屬性”,之后彈出“頁(yè)面屬性”對(duì)話(huà)框,若選擇主菜單“修改/頁(yè)面屬性”項(xiàng),也可以把打開(kāi)該對(duì)話(huà)框。在“頁(yè)面屬性”對(duì)話(huà)框中,左側(cè)窗口顯示“分類(lèi)”,其中包括了“外觀(guān)”、“鏈接”、“標(biāo)題”、“標(biāo)題/編碼”、“跟蹤圖像”5項(xiàng),右側(cè)區(qū)域則顯示各類(lèi)中可以設(shè)置的項(xiàng)目?!白穳?mèng)人”首頁(yè)設(shè)置的屬性如下圖所示223查看和編輯頭內(nèi)容一個(gè)網(wǎng)頁(yè)文件結(jié)構(gòu)上實(shí)際是由兩部分組成,頭(HEAD)內(nèi)容和主體(BODY)內(nèi)容主體內(nèi)容(BODY)是文檔的主要部分,也是包含文本和圖像等的可見(jiàn)部分。頭內(nèi)容(HEAD)是除文檔標(biāo)題外的不可見(jiàn)部分,包含有文檔類(lèi)型、語(yǔ)言編碼、搜索引擎的關(guān)鍵的關(guān)鍵字和內(nèi)容指示器以及樣式定義等重要信息,這些元器并不是每個(gè)頁(yè)面都需要的,例如,可以?xún)H為主頁(yè)提供關(guān)鍵字。下面就以首頁(yè)為例,說(shuō)明怎樣插入較常用的頭(HEAD)內(nèi)容。單擊“菜單攔”下面“插入快捷”的下拉列表,選擇其中的HTML類(lèi),此時(shí)右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快捷按鈕,再次單擊第2個(gè)按鈕“文件頭”旁邊的下拉箭頭,會(huì)彈出菜單,該項(xiàng)列出的便是即將插入的頭內(nèi)容。224插入圖像圖像是網(wǎng)頁(yè)中不可或缺的組成成份,恰當(dāng)?shù)厥褂脠D像,可以使網(wǎng)站充滿(mǎn)生活生命力與說(shuō)服力,吸引更多的瀏覽者,加深他們欣賞你網(wǎng)站的意愿。另一方面,網(wǎng)頁(yè)的容量大小是網(wǎng)站成功與否的一大關(guān)鍵因素。由于網(wǎng)絡(luò)在傳輸上的限制,導(dǎo)致了下載的速度不可能太快,因此,網(wǎng)頁(yè)的大小就不能太大,其中關(guān)鍵就在于圖像的大小了,否則瀏覽者會(huì)失去等待的耐心,無(wú)論你的網(wǎng)站多么精彩也無(wú)濟(jì)于事了。所以,在網(wǎng)面容量大小的問(wèn)題上一定要重視。下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的操作步驟,以使得它們?cè)诒3謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上,圖片文件能夠變的更小。1、首先將光標(biāo)停留在要插入圖像的位置,然后單擊“菜單欄”下面“插入快健欄”的下拉表,選擇其中的“常用”類(lèi),則右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快鍵按鈕。左起第5個(gè)即為“圖像圖像”按鈕,單擊它右側(cè)的下拉列表,選擇第1項(xiàng)“圖像”。2、隨即彈出“選擇圖像源文件”對(duì)話(huà)框。從計(jì)算機(jī)磁盤(pán)中選擇想要插入的圖像文件,或在URL編輯框中輸入圖像的路徑和名稱(chēng)。下面的“相對(duì)于”下拉表框中,可選擇文件URL地址的類(lèi)型,如果選擇“文檔”選項(xiàng),表示圖像地址相對(duì)于當(dāng)前文檔;如果選擇“站點(diǎn)根目錄”選項(xiàng),表示地址相對(duì)于根目錄。在這里我要插入的是網(wǎng)站標(biāo)志LOGO,插入LOGO圖象,如圖所示最后單擊“確定”按鈕,即可完成插入圖像的操作。225插入多媒體在DREAMWEAVERMX2004中,除了之前講到的可以插入“圖像”外,還可插入動(dòng)畫(huà)、聲音、視頻等媒體元素,如FLASH,SHOCKWAVE,APPLETS,ACTIEX及格MIDI聲音文件等,并且還可以在DREAMWEAVER自身內(nèi)插入MACROMEDIAFLASHMX2004按鈕和文本對(duì)象,以及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。在DREAMWEAVERMX2004文檔中,可以插入媒體文件包括FLASHSHOCKWAVE影片、QUICKTIME、AVIJAVA、APPLETACTIVEX控件以及各種格式的音頻文件。要在瀏覽器中播放放FLASH動(dòng)畫(huà),必須在瀏覽器中集成“FLASH播放器(FLASHPLAYER)”。其中,INTERNETEXPLORER通過(guò)ACTIVEX控制來(lái)實(shí)現(xiàn),NETSCAPENAVIGATOR則是通過(guò)相應(yīng)的插件來(lái)實(shí)現(xiàn)的。在最新的NETSCAPENAVIGATOR和INTERNETEXPLORER瀏覽器中,均已集成了FLASH動(dòng)畫(huà)播放功能。操場(chǎng)作步驟步驟1將光標(biāo)停留在要插入FLASH的位置,然后單擊菜單欄下面“插入快捷欄”的下拉列表,選擇其中的“常用”分類(lèi),右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快捷按鈕。左起第6個(gè)即為“媒體”按鈕,單擊它右側(cè)的下拉列表,選擇第1項(xiàng)FLASH圖標(biāo)。步驟2在彈出的對(duì)話(huà)框中選擇擴(kuò)展名為SWF的FLASH文件,即可將其插入到DREAMWEAVER的“網(wǎng)頁(yè)編輯窗口”中,可以看到,在這個(gè)窗口中FLASH文件的大小。在這里我的主頁(yè)插入的一個(gè)動(dòng)畫(huà),如圖所示226插入文本文字是人類(lèi)語(yǔ)言最基本的表達(dá)方式,在網(wǎng)頁(yè)中,文本內(nèi)容也可以說(shuō)是重要的組成部分,一個(gè)網(wǎng)站成功與否,它是最關(guān)鍵的因素。在這最關(guān)鍵的因素??韶S富網(wǎng)站的文字內(nèi)容,并以最最美觀(guān)、最整齊的方式放入到網(wǎng)頁(yè)中。插入文本的兩種方式網(wǎng)頁(yè)中需要大量的文本,我們或以通過(guò)以下兩種方式插入它們。一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本。這可以算是最基本的輸入方式了,和一些文本編輯軟件(如MICROSOFTWORD)的使用方法一樣,選擇好習(xí)慣的輸入法,就可以運(yùn)指如飛了。另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用DREAMWEAVERMX2004來(lái)進(jìn)行打字的工作,而更習(xí)慣在專(zhuān)門(mén)的文本編輯軟件中快速打字,如MICROSOFTWORD和WINDOWS自帶的記事本等,又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本,那么我們就可以直接使用DREAMWEAVER的文本復(fù)制功能,將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯窗口來(lái)進(jìn)行排版的工作,具體步驟如下。打開(kāi)文本編輯軟件(如MICROSOFTWORD),選中要復(fù)制的文本,它們將反白顯示,執(zhí)行菜單“編輯/復(fù)制”命令或直接用快捷鍵CTRLC,之后切換回DREAMWEAVER,將光標(biāo)停留在插入文本的位置,執(zhí)行主菜單“編輯/粘貼”命令或直接使用快捷鍵CTRLV,即可將大段的文本快速粘貼到網(wǎng)頁(yè)中。這在我的“網(wǎng)文精品”中用到很多,全部是在WORD軟件中排好CTRLC,然后點(diǎn)擊要粘貼的位置,CRTLV到DREAMWEAVER即可。23創(chuàng)建其它網(wǎng)頁(yè)還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同,一個(gè)網(wǎng)頁(yè)是圖象和文字的組合?!捌矫嬖O(shè)計(jì)”中的圖象插入和前面的介紹相似,并可以在屬性攔中調(diào)節(jié)圖象的大小。在DREAMWERVER中常常會(huì)用到FIREWORK、FLASH,它們是相輔相成,在主頁(yè)中的主體部分就是用FIREWORK,如圖所示在“個(gè)人說(shuō)明”中也用到這點(diǎn),首先定好需要尺寸,在屬性中設(shè)好背景,顏色等等,插入圖象,輸入文字,也WORD里的操作雷同。3建立網(wǎng)頁(yè)鏈接網(wǎng)站實(shí)際上是由很多網(wǎng)頁(yè)組成的,那么網(wǎng)頁(yè)之間是如何聯(lián)系的呢這就是本章要講的內(nèi)容網(wǎng)頁(yè)的“鏈接”?!版溄印保址Q(chēng)“超鏈接“(HYPERLINK),它作為網(wǎng)頁(yè)的橋梁,起著相當(dāng)重要的作用。網(wǎng)頁(yè)中的很多對(duì)象都可以加入“鏈接”屬性。在DREAMWEAVERMX2004中,如果以“鏈接”的媒介來(lái)劃分的話(huà),則“鏈接”可以分為“文字鏈接”、“圖像鏈接”、“圖像地圖鏈接”、“內(nèi)部鏈接和外部鏈接”、“EMAIL鏈接”、“命名錨記鏈接”、“文件下載鏈接”和“跳轉(zhuǎn)菜單”,共8種。其中部分內(nèi)容在之前的章節(jié)中可能接觸過(guò),這里將對(duì)其進(jìn)行更深入的講解。31文字鏈接“文字鏈接”即以文字作為媒介的鏈接,它是網(wǎng)頁(yè)中最常被使用的鏈接方式,具有“文件小、制作簡(jiǎn)單和便于維護(hù)”的特點(diǎn)。接下來(lái)結(jié)合我的個(gè)人網(wǎng)站為實(shí)例,來(lái)講解如何為文字建立“鏈接”。具體操作步驟如下所述。操作步驟步驟1準(zhǔn)備好已經(jīng)制作完成的首頁(yè)的各個(gè)欄目頁(yè)面(假設(shè)除了“鏈接”,其他內(nèi)容都已經(jīng)制作完成了),該網(wǎng)站包含6個(gè)欄目,這里的5個(gè)欄目“平面設(shè)計(jì)”、“動(dòng)畫(huà)制作”和“網(wǎng)文精品”、“經(jīng)典回顧”、“個(gè)人說(shuō)明”為例來(lái)進(jìn)行講解。步驟2在DREAMWEAVER中打開(kāi)首頁(yè),之后反白選取作為“鏈接”的文字。實(shí)例中要做到單擊不同的欄目的網(wǎng)頁(yè)。因此為第1個(gè)欄目“平面設(shè)計(jì)”設(shè)置鏈接,首先要反白選中“平面設(shè)計(jì)”4個(gè)文字。步驟3觀(guān)察“屬性面板”,其中包括一個(gè)“鏈接”文本框。步驟4接下來(lái)需要把鏈接的地址加入到文本框中,方法有3種。這里我用到的是直接點(diǎn)擊文件夾圖標(biāo),在文件夾中找到要鏈接的對(duì)象GRAPHHTM。這樣就建立了超鏈接。不過(guò)有點(diǎn)很重要,由于大多數(shù)服務(wù)器都不支持中文文件名,而且對(duì)大小寫(xiě)敏感,因此采用英文文件名并統(tǒng)一大小寫(xiě)。如圖所示步驟5在“鏈接”文本框下面還有一個(gè)“目標(biāo)”下拉列表,從中可以選擇鏈接網(wǎng)頁(yè)顯示的窗口方式,共有4種。如圖實(shí)例中沒(méi)有選擇任何選項(xiàng),保持空白,表示在原窗口中打開(kāi)鏈接網(wǎng)頁(yè)。步驟6還可以設(shè)置一些“鏈接”的屬性,這是前面講過(guò)的內(nèi)容。單擊“屬性面板”中的“頁(yè)面屬性”,選擇其中的“鏈接”分類(lèi),可以進(jìn)行的設(shè)置有“鏈接字體”、“大小”、“鏈接顏色”、“變換圖像鏈接”顏色、“已訪(fǎng)問(wèn)鏈接”顏色、“活動(dòng)鏈接”顏色及“下劃線(xiàn)樣式”。步驟7至此,第1個(gè)欄目的鏈接就制作完畢了,按下CTRLS保存網(wǎng)頁(yè),再按下F12預(yù)覽,測(cè)試一下,當(dāng)鼠標(biāo)放在“平面設(shè)計(jì)”這4個(gè)文字上時(shí)將變成手形,并且瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示鏈接到的網(wǎng)頁(yè)的地址,單擊文字,頁(yè)面會(huì)立即跳轉(zhuǎn)到第1個(gè)欄目中,這表示鏈接已經(jīng)制作成功了。步驟8同理,按照以上步驟,再為“動(dòng)畫(huà)制作”和“網(wǎng)文精品”“經(jīng)典回顧“等其它欄制作指向?qū)?yīng)欄目的鏈接。步驟9通常在欄目頁(yè)面中還需要有“返回首頁(yè)”的鏈接,單擊其后可以跳轉(zhuǎn)回首頁(yè),因此在各個(gè)欄目中還要插入“網(wǎng)站首頁(yè)”的文字,并且制作指向首頁(yè)INDEXHTML的鏈接,制作方法不變。至此,整個(gè)“文字鏈接”的實(shí)例就全就全部完成了。通過(guò)對(duì)這個(gè)實(shí)例的講解,讀者不僅應(yīng)該學(xué)會(huì)如何為文字制作鏈接,還應(yīng)用對(duì)“鏈接”有了更加深刻的理解,鏈接的目的何在它到底能夠在網(wǎng)頁(yè)的網(wǎng)站中發(fā)揮什么樣的作用怎樣才能更好地使用它這些是網(wǎng)頁(yè)制作者更應(yīng)該思考的問(wèn)題。下面繼續(xù)介紹其他類(lèi)型的鏈接。32323232圖像鏈接圖像鏈接圖像鏈接圖像鏈接“圖像”也是常被使用的鏈接媒體,它和“文字鏈接”非常相似。為圖像加入鏈接,首先應(yīng)該在網(wǎng)頁(yè)中插入“圖像”,有關(guān)插入“圖像”或“導(dǎo)航條”按鈕的內(nèi)容,接下來(lái)以我的網(wǎng)站“追夢(mèng)人“為例,講解如何建立“圖像鏈接”。操作步驟步驟1首先仍然要準(zhǔn)備好已經(jīng)制作完成的首頁(yè)和各個(gè)欄目的頁(yè)面(假設(shè)除了“鏈接”,其他內(nèi)容都已經(jīng)制作完成了),該網(wǎng)站包含6個(gè)欄目,下面我們就動(dòng)手為這6個(gè)欄目分別制作它們的鏈接。步驟2在DREAMWEAVER中打開(kāi)網(wǎng)站的首頁(yè),之后選取要制作“鏈接”的圖像。實(shí)例中先為第3個(gè)欄目“動(dòng)畫(huà)制作”設(shè)置鏈接,因此選中包含“動(dòng)畫(huà)制作”4個(gè)字的圖像。步驟3觀(guān)察“屬性面板”,在“鏈接”文本框中輸入鏈接的文字地址。可以使用之前講過(guò)的“指向文件”和“選擇文件”的方法。步驟4如果有需要,可以在“目標(biāo)”下拉列表中選擇“鏈接”網(wǎng)頁(yè)顯示的窗口方式,分別為BLANK、PARENT、SELF或TOP。實(shí)例中使用了默認(rèn)出的保留空白選項(xiàng)的方式。步驟5另外,讀者還可以為圖像增加“替代”文本。實(shí)例中為第1個(gè)欄目增加欄目名稱(chēng)的“替代”文本。步驟6至此,第1個(gè)欄目的圖像鏈接就制作完畢了,按下CTRLS保存網(wǎng)頁(yè),再按下F12預(yù)覽,測(cè)試一下,將鼠標(biāo)放在“動(dòng)畫(huà)制作”4個(gè)文字上時(shí)將變成手形,同時(shí)瀏覽器窗口下面的狀態(tài)欄中會(huì)顯示出鏈接到的網(wǎng)頁(yè)的地址,并且會(huì)顯示出“替代”文本“動(dòng)畫(huà)制作”,單擊文字,頁(yè)面會(huì)立即跳轉(zhuǎn)到第3個(gè)欄目中,這表示鏈接已經(jīng)制作成功了。步驟7同理,按照以上步驟,再為其它幾幅圖像制作指向?qū)?yīng)欄目的鏈接。步驟8在欄目頁(yè)面中制作“返回首頁(yè)”的鏈接,使得單擊后可以跳轉(zhuǎn)回首頁(yè),其制作方法不變。至此,整個(gè)“圖像鏈像”的實(shí)例就全部完成了。33E33E33E33EMAILMAILMAILMAIL的鏈接的鏈接的鏈接的鏈接EMAIL鏈接,是指當(dāng)瀏覽者單擊該鏈接之后,不是打開(kāi)一個(gè)網(wǎng)頁(yè)文件,而是啟動(dòng)用戶(hù)的EMAIL客戶(hù)端軟件(如OUTLOOKEXPRESS),并打開(kāi)一個(gè)空白的新郵件,供瀏覽者撰寫(xiě)內(nèi)容來(lái)與網(wǎng)站聯(lián)系人聯(lián)系,這是一種最方便的互動(dòng)方式。結(jié)合“個(gè)人說(shuō)明”網(wǎng)頁(yè),建立EMAIL鏈接的步驟如下所述。操作步驟步驟1將光標(biāo)停留在頁(yè)面右下角要插入EMAIL鏈接的位置。步驟2選擇“插入快捷欄”中的“常用”分類(lèi),單擊左側(cè)第2個(gè)“電子郵件鏈接”按鈕。步驟3在彈出的“電子郵件鏈接”對(duì)話(huà)框中有兩個(gè)輸入項(xiàng),分別是“文本”和“EMAIL”。在“文本”項(xiàng)中輸入鏈接的文字,中文、英文均可,在EMAIL項(xiàng)中輸入網(wǎng)站聯(lián)系有的電子郵件地址,如實(shí)例中的DING_ZHUIMENG123163NET。步驟4單擊“確定”按鈕,具有“EMAIL鏈接”屬性的文本就DING_ZHUIMENG123163NET。插入到光標(biāo)所在位置了,按下CTRLS保存網(wǎng)頁(yè),再按下F12預(yù)覽查看實(shí)際效果。上面的方法只適用于文本的“EMAIL鏈接”,如果想在其它的對(duì)象(如圖像)上也加入這種鏈接,該怎辦呢下面介紹第2種建立“EMAIL鏈接”的方法。其實(shí)很簡(jiǎn)單,與前面講過(guò)的圖像加入鏈接的方法基本一樣。先在頁(yè)面中需要的地方插入圖像,之后選中圖像,并在“屬性面板”的“鏈接”文本框中輸入如下語(yǔ)句即可MAILTODING_ZHUIMENG123163NETSUBJECT網(wǎng)站的建議與第1種方法不同的是,EMAIL地址前面增加了MAILTO字樣。用這種方法就可以給圖像等其他對(duì)象建立“EMAIL鏈接”了。34343434文件下載鏈接文件下載鏈接文件下載鏈接文件下載鏈接“文件下載鏈接”的原理很簡(jiǎn)單,只要鏈接文件屬于瀏覽無(wú)法識(shí)別的關(guān)型,便都會(huì)使用IE瀏覽器直接進(jìn)行下載,并保存到本地計(jì)算機(jī)中。瀏覽器無(wú)法識(shí)別的文件類(lèi)型有很多,這里就介紹一個(gè)最常用的,以ZIP或RAR為后綴名的壓縮格式文件,這種文件可以使用主流的壓縮軟件(如WINZIP、WINRAR)來(lái)制作。下面我們就業(yè)以實(shí)例來(lái)說(shuō)明。在前面“插入多媒體”一章中,我們?cè)?jīng)講過(guò)直接鏈接文件的方式來(lái)插入“視頻”,即直接在“鏈接”文本框中輸入“文件名名后綴名”,如OLYMPUSWMV。單日擊這個(gè)鏈接,經(jīng)過(guò)數(shù)據(jù)下載后,WINDOWS系統(tǒng)將啟動(dòng)自帶的媒體播放器WINDOWSMEDIAPLAYER來(lái)播放該視頻。操作步驟步驟1先將視頻文件OLYMPUSWMV通壓縮成OLYMPUSRAR文件,放入站點(diǎn)的MEDIA文件夾下。步驟2將文件路徑輸入至“鏈接”文本框中。步驟3保存網(wǎng)頁(yè),按下F12預(yù)覽,在瀏覽器中單擊“下載精彩廣告視頻”鏈接文本,會(huì)彈出“文本下載”選擇框,單擊其中的“保存”按鈕。步驟4在“另存為”對(duì)框中選擇保存到本地計(jì)算機(jī)中的位置,實(shí)例中為“經(jīng)典回顧”文件夾。之后單擊“保存”按鈕,壓縮文件即保存到該位置中。至此,“文件下載鏈接”便制作完成了。讀者可以打開(kāi)“我的文檔”文件夾,解壓縮OLYMPUSRAR文件,隨時(shí)欣賞下載影片。本設(shè)計(jì)中未用到此鏈接,在此只作簡(jiǎn)單介紹。35353535在在在在HTMLHTMLHTMLHTML語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接語(yǔ)言中建立網(wǎng)頁(yè)鏈接351351351351文字鏈接文字鏈接文字鏈接文字鏈接在HTML語(yǔ)言中用超鏈接標(biāo)記指向一個(gè)目標(biāo)。其基本格式為舉個(gè)簡(jiǎn)單的“文本鏈接”的實(shí)例,該實(shí)例相對(duì)應(yīng)的HTML代碼如下所示。文字鏈接AHREF“INDEX2HTML”TARGET”BLANK”平面設(shè)計(jì)(新開(kāi)窗口,BLANK動(dòng)畫(huà)制作(原窗口,默認(rèn)為空)網(wǎng)文精品解釋HREF是標(biāo)記的一種屬性,該屬性中的URL等于鏈接目標(biāo)文件的地址。TARGET也是標(biāo)記的一種屬性,相當(dāng)于DREAMWEAVER“屬性面板”中的“目標(biāo)”,它的值等于BLANK,效果是在新窗口中打開(kāi)。除此之外還包括其他3種PARENT,SELF和TOP。這和DREAMWEAVER中“目標(biāo)”下拉列表中的內(nèi)容是一模一樣的。文本內(nèi)容如代碼實(shí)例中的“平面設(shè)計(jì)”。這些文本將放在使用了鏈接屬性HREF和目標(biāo)屬性TARGET的與標(biāo)記之間,產(chǎn)生了鏈接的效果。提示再提醒讀者一下,為段落標(biāo)記,在DREAMWEAVER中是由ENTER(回車(chē))鍵產(chǎn)生的。352352352352圖像鏈接圖像鏈接圖像鏈接圖像鏈接舉個(gè)簡(jiǎn)單的“圖像鏈接”的實(shí)例。該實(shí)例相對(duì)應(yīng)的代碼所示。圖像鏈接(新開(kāi)窗口,BLANK)(原窗口,默認(rèn)為空)AHREF”3D/3D001HTM”解釋仔細(xì)觀(guān)察代碼可以發(fā)現(xiàn),“圖像鏈接”與“文本鏈接”惟一的差別就在于與之間的內(nèi)容?!拔谋炬溄印敝信c之間的內(nèi)容是文字內(nèi)容,而“圖像鏈接”中就肯定是圖片內(nèi)容了。之前講過(guò),插入圖片使用“EMAIL鏈接給我寫(xiě)信解釋只需使HREF等于“MAILTO郵件地址SUBJECT主題即可,其中SUBJECT為可選項(xiàng),“SUBJECT主題”也可以不加。335335335335文件下載鏈接文件下載鏈接文件下載鏈接文件下載鏈接“文件下載鏈接”實(shí)例的代碼如下所述。文件下載鏈接下載精彩廣告視頻解釋只需使HREF等于“文件的路徑”即可。本章講解的是網(wǎng)站的鏈接的方法和技巧。能讓瀏覽者很輕松的地觀(guān)看是很重要的,這其中的關(guān)鍵就再于“鏈接“了。第四章第四章第四章第四章結(jié)論結(jié)論結(jié)論結(jié)論經(jīng)過(guò)幾周的工作,個(gè)人網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)終于完成,本次設(shè)計(jì)基本完成任務(wù)書(shū)要求的功能。查找信息、文件共享等。由于是個(gè)人網(wǎng)站,在設(shè)計(jì)上就沒(méi)有什么拘束和限制,完全發(fā)揮自己的想象力和創(chuàng)造力,展現(xiàn)自己的興趣和個(gè)性。本次設(shè)計(jì)用MACROMEDIA公司開(kāi)發(fā)的專(zhuān)業(yè)HTML編輯器DREAMWEAVER,對(duì)WED站點(diǎn)、WEB頁(yè)和WEB應(yīng)用程序進(jìn)行設(shè)計(jì)、編碼和開(kāi)發(fā)。利用DREAMWEAVER中的可視化編輯功能,用戶(hù)可以快速創(chuàng)建頁(yè)面而無(wú)須編寫(xiě)任何代碼。并且。借助DREAMWEAVER,還可以使用服務(wù)器語(yǔ)言(例如ASP,ASPNET,COLDFUSION標(biāo)記語(yǔ)言(CFML),JSP,PHP)。本設(shè)計(jì)的頁(yè)面不是很精美,這寫(xiě)些不足之處還待后期的開(kāi)發(fā)和改進(jìn)。致謝繁忙的設(shè)計(jì)終于完成了,在設(shè)計(jì)期間我受到了來(lái)自四面八方的幫助和支持。首先要感謝指導(dǎo)老師,感謝在百忙中抽空對(duì)我們的設(shè)計(jì)和論文提出建議。特別要感謝的是程老師對(duì)我們嚴(yán)格的要求,嚴(yán)謹(jǐn)?shù)闹螌W(xué)態(tài)度。接下來(lái)要感謝我的同學(xué)給我的大力支持,是他們?cè)谠O(shè)計(jì)之初協(xié)助我掌握了DREAMWEAVER的使用方法。在設(shè)計(jì)中他們給我提了不少的意見(jiàn),還幫助我解決了很多技術(shù)上的問(wèn)題。最后還要感謝這些年來(lái)給予我淳淳教導(dǎo)的各位老師,他們給予了我的知識(shí)讓我收益一生,謝謝參考文獻(xiàn)1姜楠完美網(wǎng)頁(yè)設(shè)計(jì)與制作中國(guó)青年出版社2004年5月2歐陽(yáng)峰,陳朝榮電子商務(wù)技術(shù)中國(guó)財(cái)政經(jīng)濟(jì)出版社2001年8月3中國(guó)IT培訓(xùn)工程編委會(huì)FLASHMX實(shí)例教程珠海出版社2003年1月4趙子江多媒體技術(shù)應(yīng)用教程(4)版機(jī)械工業(yè)出版社2004年8月第4版5李東博杜學(xué)智李增輝精彩網(wǎng)頁(yè)制作三劍客西安電子科技大學(xué)出版社2003年10月6賀凱焦超F(xiàn)LASHMX2004動(dòng)畫(huà)制作典型范例中國(guó)出版社2005年2月內(nèi)部資料,請(qǐng)勿外傳XUYUP2KNXPRWXMAUE9AQGN8XPR849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMUE9AQGN8XPR849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z8VGTYMJG6ACZ7HDQ8KQQFHVZFEDSWSYXTYQA9WKXFYEQDJSXUYUP2KNXPRWXMAUE9AQGN8XPR849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXG89AMUE9AQGN8XPR849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z8VGTYMJG6ACZ7HDQ8KQQFHVZFEDSWSYXTYQA9WKXFYEQDJSXUYUP2KNXPRWXMAUE9AQGN8XPR849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMUE9AQGN8XPR849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVU3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVU3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ84Z89AMVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVU3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9GTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWV3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVU3TNGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBKZNMZ849GXGJQVUE9WEWZQCUEQYPEH5PDX2ZVKUMGTXRM6X4NGPPVSTTKSV3TNGK8Z89AMYWPAZADNUGK8Z89AMYWPAZADNUKNMUWFA5UXY7JND6YWRRWWCVR9CPBK
溫馨提示
- 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶(hù)所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶(hù)上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶(hù)上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶(hù)因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 2025年經(jīng)濟(jì)法概論考試主題與試題及答案
- 船舶改裝技術(shù)協(xié)議書(shū)
- 裝修搬運(yùn)服務(wù)協(xié)議書(shū)
- 購(gòu)房合同質(zhì)押協(xié)議書(shū)
- 財(cái)務(wù)崗位擔(dān)保協(xié)議書(shū)
- 資源供應(yīng)入股協(xié)議書(shū)
- 終止中標(biāo)通知協(xié)議書(shū)
- 貨架處理轉(zhuǎn)讓協(xié)議書(shū)
- 終止品牌授權(quán)協(xié)議書(shū)
- 行政管理活動(dòng)預(yù)算自考試題及答案
- 《光電顯示技術(shù)》OLED原理
- 2022年重慶江津中考數(shù)學(xué)試題及答案(A卷)
- 反恐安全政策
- 創(chuàng)新教學(xué)任務(wù)
- 淺談膿毒血癥的集束化治療及護(hù)理-PPT課件
- 新部編版《道德與法治》五年級(jí)下冊(cè)第7課《不甘屈辱 奮勇抗?fàn)帯穬?yōu)質(zhì)課件(含視頻)
- 架子工班組承包協(xié)議
- 化驗(yàn)室化學(xué)試劑臺(tái)賬范例
- 楊家灣220KV變電站工程預(yù)算表
- 第七課:構(gòu)圖的形式
- 六類(lèi)網(wǎng)線(xiàn)檢測(cè)報(bào)告(共9頁(yè))
評(píng)論
0/150
提交評(píng)論