資源描述:
《dreamweaver cc網(wǎng)頁設(shè)計(jì)從入門到精通》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。
1、Note第5章定義網(wǎng)頁鏈接第章定義網(wǎng)頁鏈接(視頻講解:60分鐘)網(wǎng)頁鏈接是互聯(lián)網(wǎng)的橋梁,網(wǎng)站與網(wǎng)站之間、網(wǎng)頁與網(wǎng)頁之間都是通過鏈接建立聯(lián)系。如果沒有鏈接,那么整個(gè)互聯(lián)網(wǎng)將成為無數(shù)個(gè)數(shù)字孤島,失去共享的價(jià)值和訪問活力。本章將詳細(xì)講解如何使用DreamweaverCC設(shè)置各種類型的鏈接,并利用這些鏈接把整個(gè)網(wǎng)站組織在一起?!緦W(xué)習(xí)重點(diǎn)】:在網(wǎng)頁中插入鏈接:創(chuàng)建不同類型的鏈接:定義圖像熱點(diǎn):設(shè)計(jì)網(wǎng)頁鏈接的基本樣式·131·Note第5章定義網(wǎng)頁鏈接5.1網(wǎng)頁鏈接概述鏈接(Hyperlink)也稱為超鏈接或超級(jí)鏈接,與路徑緊密相連,很多用戶定義鏈接時(shí),在本地能夠正確訪問,但是上傳到遠(yuǎn)程服務(wù)器上就無法
2、正常訪問了,原因就是使用了錯(cuò)誤的路徑。5.1.1熟悉URLURL(UniformResourceLocator,統(tǒng)一資源定位器)是對(duì)文件名的擴(kuò)展,主要用于指定網(wǎng)上資源的位置和方式。在本地計(jì)算機(jī)中,定位一個(gè)文件需要路徑和文件名,對(duì)于遍布全球的互聯(lián)網(wǎng),顯然還需要知道文件存放在哪個(gè)網(wǎng)絡(luò)的哪臺(tái)主機(jī)中才行。在本地計(jì)算機(jī)中,所有的文件都由統(tǒng)一的操作系統(tǒng)管理,因而不必給出訪問該文件的方法,但在互聯(lián)網(wǎng)上,各個(gè)網(wǎng)絡(luò)、各臺(tái)主機(jī)的操作系統(tǒng)可能不一樣,因此必須指定訪問該文件的方法,這個(gè)方法就是使用URL定位技術(shù)。一個(gè)URL一般由以下3部分組成。(1)第1部分:協(xié)議(或服務(wù)方式)。(2)第2部分:存有該資源的主機(jī)I
3、P地址(有時(shí)也包括端口號(hào))。(3)第3部分:主機(jī)資源的具體地址,如目錄和文件名等。例如,protocol://machinename[:port]/directory/filename,其中protocol是訪問該資源所采用的協(xié)議,即訪問該資源的方法,可以是如下協(xié)議。(1)http://:超文本傳輸協(xié)議,表示該資源是HTML文件。(2)ftp://:文件傳輸協(xié)議,表示用FTP傳輸方式訪問該資源。(3)gopher://:表示該資源是Gopher文件。(4)news::表示該資源是網(wǎng)絡(luò)新聞(不需要兩條斜杠)。(5)mailto::表示該資源是電子郵件(不需要兩條斜杠)。(6)telnet::
4、使用Telnet協(xié)議的互動(dòng)會(huì)話(不需要兩條斜杠)。(7)file://:表示本地文件。Machinename表示存放該資源的主機(jī)的IP地址,通常以字符形式出現(xiàn),如www.china.com.port。其中,port是服務(wù)器在該主機(jī)中所使用的端口號(hào),一般情況下不需要指定,只有當(dāng)服務(wù)器所使用的不是默認(rèn)的端口號(hào)時(shí)才指定。directory和filename是該資源的路徑和文件名。例如,http://news.sohu.com/s2005/hujintaochufang.shtml表示搜狐www服務(wù)器上的起始.shtml文件(文件具體存放的路徑及文件名取決于該www服務(wù)器的配置情況)。5.1.2認(rèn)
5、識(shí)路徑要正確定義鏈接,必須先了解網(wǎng)頁之間的路徑。路徑包括3種基本類型:絕對(duì)路徑、相對(duì)路徑和根路徑。1.絕對(duì)路徑絕對(duì)路徑就是被鏈接文件的完整URL,包括所使用的傳輸協(xié)議(對(duì)于網(wǎng)頁通常是http://)。例如,http://news.sohu.com/main.html就是一個(gè)絕對(duì)路徑。在設(shè)置外部鏈接(從一個(gè)網(wǎng)站的網(wǎng)頁鏈接到另一個(gè)網(wǎng)站的網(wǎng)頁)時(shí)必須使用絕對(duì)路徑。這與本地計(jì)算機(jī)中絕對(duì)路徑、相對(duì)路徑概念類似?!?31·Note第5章定義網(wǎng)頁鏈接2.相對(duì)路徑當(dāng)設(shè)置網(wǎng)站內(nèi)部鏈接(同一站點(diǎn)內(nèi)一個(gè)文件與另一個(gè)文件之間的鏈接)時(shí),一般可以不用指定被鏈接文件的完整URL,而是指定一個(gè)相對(duì)于當(dāng)前文件或站點(diǎn)根文件
6、夾的相對(duì)路徑。相對(duì)路徑是指以當(dāng)前文件所在位置為起點(diǎn)到被鏈接文件經(jīng)由的路徑。例如,dreamweaver/main.html就是一個(gè)文件相對(duì)路徑。在把當(dāng)前文件與同一文件夾中的另一文件鏈接,或者把同一網(wǎng)站下不同文件夾中的文件相互鏈接時(shí),即可使用相對(duì)路徑。(1)若要把當(dāng)前文件與同一文件夾中的另一文件鏈接,只要提供被鏈接文件的文件名即可,例如,filename。(2)若要把當(dāng)前文件與一個(gè)位于當(dāng)前文件所在文件夾中的子文件夾中的文件鏈接,就需要提供子文件夾名、斜杠和文件名,例如,subfolder/filename。(3)若要把當(dāng)前文件與一個(gè)位于當(dāng)前文件所在文件夾的父文件夾中的文件鏈接,則要在文件名前
7、加上../(..表示上一級(jí)文件夾),例如,../filename。如果在沒有保存的網(wǎng)頁中插入圖片或增加鏈接,DreamweaverCC會(huì)暫時(shí)使用絕對(duì)路徑。網(wǎng)頁保存后,DreamweaverCC會(huì)自動(dòng)將絕對(duì)路徑轉(zhuǎn)換為相對(duì)路徑。當(dāng)使用相對(duì)路徑時(shí),如果在DreamweaverCC中改變了某個(gè)文件的存放位置,不需要手動(dòng)修改鏈接路徑,DreamweaverCC會(huì)自動(dòng)更新鏈接的路徑。3.根路徑根路徑是指從站點(diǎn)根文件夾到被鏈接文件經(jīng)由