国产一级a片免费看高清,亚洲熟女中文字幕在线视频,黄三级高清在线播放,免费黄色视频在线看

打開APP
userphoto
未登錄

開通VIP,暢享免費電子書等14項超值服

開通VIP
第六章 鏈接 6.1 創(chuàng)建鏈接 6.2 創(chuàng)建郵件鏈接和錨點鏈接 - Dreamweaver...
第六章 鏈接
鏈接,對用戶來說就是Web,因為用戶在Web上是通過點擊網(wǎng)頁上的鏈接,才訪問到自己喜好的相關(guān)資料、電影、游戲、新聞、等等。這網(wǎng)上的一切元素和內(nèi)容都是通過鏈接來訪問的。所以我們有必要全面的認(rèn)識鏈接方面的知識。
6.1 創(chuàng)建鏈接
鏈接(或稱超鏈接)是WWW的魅力所在。為了把Internet上眾多的網(wǎng)站和網(wǎng)頁聯(lián)系起來,構(gòu)成一個有機的整體,就要在網(wǎng)頁上加入鏈接。通過點擊網(wǎng)頁上的鏈接,才能在信息海洋中盡情遨游,甚至找到自己的知己。


要正確創(chuàng)建連接,必須了解鏈接與被鏈接文檔之間的路徑。每個網(wǎng)頁都有一個唯一的地址,稱為統(tǒng)一資源定位符(URL)。然而,當(dāng)創(chuàng)建內(nèi)部鏈接(同一站點內(nèi)一個文檔向另一個文檔之間的鏈接)時,一般不會指定被鏈接文檔的完整URL,而是指定一個相對于當(dāng)前文檔或站點根文件夾的相對路徑。
下面是Dreamweaver允許使用的三種文檔路徑類型:
(1)絕對路徑
絕對路徑就是被鏈接文檔的完整URL,包括所使用的傳輸協(xié)議(對于網(wǎng)頁通常是http://)。
例如,http://www.macromedia.com/support/dreamweaver/main.html 就是一個絕對路徑。在創(chuàng)建外部鏈接(從一個網(wǎng)站的網(wǎng)頁鏈接到另一個網(wǎng)站的網(wǎng)頁)時,必須使用絕對路徑。
(2)文檔相對路徑
以當(dāng)前文檔所在位置為起點到被鏈接文檔經(jīng)由的路徑。這是用于本地鏈接的最適宜的路徑。例如,dreamweaver/main.html就是一個文檔相對路徑。當(dāng)要把當(dāng)前文檔與處在相同文件夾中的另一文檔鏈接,或把同一網(wǎng)站下不同文件夾中的文檔相互鏈接時,就可使用相對路徑。
指定文檔相對路徑時,省去了當(dāng)前文檔和被鏈接文檔的絕對URL中相同的部分,只留下不同的部分。例如,要把當(dāng)前文檔與處在相同文件夾中的另一文檔鏈接,只要提供被鏈接文檔的文件名即可;要把當(dāng)前文檔與一個位于當(dāng)前文檔所在文件夾中的子文件夾里的文件,要提供子文件夾名、前斜杠和文件名。要把當(dāng)前文檔與一個位于當(dāng)前文檔所在文件夾的父文件夾里的文件,在文件名前加上 ../..表示上一級文件夾)。
(3)根相對路徑
根相對路徑是指從站點根文件夾到被鏈接文檔經(jīng)由的路徑。一個根相對路徑以前斜杠開頭,他代表站點根文件夾。例如, /support/tips.html就是站點根文件夾下的support子文件夾中的一個文件(tips.html)的根相對路徑。根相對路徑是指定網(wǎng)站內(nèi)文檔鏈接的最好方法,因為在移動一個包含根相對鏈接的文檔時,無需對原有的鏈接進行修改。


① 單擊Link域右邊的文件夾圖標(biāo),瀏覽并選擇一個文件。URL域中顯示被鏈接文檔的路徑。使用Select File(選擇文件)對話框中的Relative To(相對于)彈出菜單,選擇Document(文檔相對路徑)或Site Root(根相對路徑),然后單擊Select(選擇)。如圖6-2所示。

圖6-2 選擇文件鏈接
注意:當(dāng)修改Relative To域中的路徑時,Dreamweaver把該項選擇設(shè)置為以后創(chuàng)建的鏈接的默認(rèn)路徑類型,直至改變該項選擇為止。
② 在屬性檢查器的Link域,輸入要鏈接文檔的路徑和文件名。如圖6-3所示。
要鏈接到當(dāng)前站點中的另一個文檔(內(nèi)部鏈接),輸入文檔相對路徑或根相對路徑;要鏈接到當(dāng)前站點以外的文檔(外部鏈接),輸入包含協(xié)議類型(如 http://)的絕對路徑。

圖6-3 鏈接文檔
(3) 選擇被鏈接文檔的載入位置。如圖6-4所示。
在默認(rèn)情況下,被鏈接文檔打開在當(dāng)前窗口或框架中。要使被連接的文檔顯示在其他窗口或框架,需要從屬性檢查器的Target(目標(biāo))彈出菜單上選擇一個選項:


  在屬性檢查器的Link域右邊,有一個指向文件(Point to File)圖標(biāo)。這是Dreamweaver用于創(chuàng)建鏈接的特有“武器”。使用指向文件圖標(biāo),可以方便快捷地創(chuàng)建指向站點窗口中一個文檔或圖像文件,或指向另一個打開文檔中命名錨點的鏈接。
1.使用屬性檢查器中的指向文件圖標(biāo)
使用屬性檢查器中的指向文件圖標(biāo)創(chuàng)建鏈接如圖6-5所示,操作步驟如下:
(1) 在文檔窗口選擇文檔或圖像。
(2) 在屬性檢查器中,拖動Link域右邊的指向文件圖標(biāo),指向一個打開文檔中的可見錨點。

圖6-5 使用屬性檢查器中的指向文件圖標(biāo)創(chuàng)建鏈接


或者指向站點窗口中的一個文檔,如圖6-6所示。




圖6-7 給選定文本創(chuàng)建鏈接
3. 給站點地圖上的文件創(chuàng)建鏈接
給站點地圖上的文件創(chuàng)建鏈接如圖6-8所示,操作步驟如下。
(1) 在站點地圖上選擇HTML文件。此時,指向文件圖標(biāo)出現(xiàn)在選定文件旁邊。

圖6-8 給站點地圖上的文件創(chuàng)建鏈接
(2)拖動指向文件圖標(biāo),指向站點窗口中的一個文檔(或打開文檔中的可見錨點)。
(3)釋放鼠標(biāo)按鈕。
  在上面,我們以創(chuàng)建內(nèi)部和外部鏈接為例,介紹了創(chuàng)建鏈接的一般方法和Dreamweaver提供的獨特方法。
6.2 創(chuàng)建郵件鏈接和錨點鏈接
6.2.1 創(chuàng)建電子郵件鏈接
  在網(wǎng)頁上創(chuàng)建電子郵件鏈接,方便用戶意見反饋。當(dāng)瀏覽者單擊電子郵件鏈接時,可即時打開瀏覽器默認(rèn)的電子郵件程序處理程序,收件人郵件地址被電子郵件鏈接中指定的地址自動更新,無需瀏覽者手工輸入。
1.使用插入郵件鏈接命令創(chuàng)建電子郵件鏈接
使用插入郵件鏈接命令創(chuàng)建電子郵件鏈接的操作步驟如下:
(1) 把光標(biāo)置于文檔窗口希望顯示電子郵件鏈接的地方,或選定希望顯示為電子郵件鏈接的文本,然后選擇Insert>E-Mail Link(插入>電子郵件鏈接)。
或者在對象面板的Common(常用)嵌板上,單擊Insert E-Mail Link(插入電子郵件鏈接)按鈕,如圖6-9所示。




圖6-11 用屬性面板創(chuàng)建電子郵件鏈接
6.2.2 設(shè)置錨點和創(chuàng)建錨點鏈接
  創(chuàng)建命名錨點(簡稱錨點)就是在文檔中設(shè)置位置標(biāo)記,并給該位置一個名稱,以便引用。通過創(chuàng)建錨點,可以使鏈接指向當(dāng)前文檔或不同文檔中的指定位置。錨點常常被用來跳轉(zhuǎn)到特定的主題或文檔的頂部,使訪問者能夠快速瀏覽到選定的位置,加快信息檢索速度。
  創(chuàng)建錨點鏈接,首先要設(shè)置一個命名錨點,然后建立到命名錨點的鏈接。
1.設(shè)置錨點
設(shè)置錨點的操作步驟:
(1) 把光標(biāo)置于文檔窗口想要設(shè)置錨點的地方。
(2)選擇Insert>Invisible Tags>Named Anchor(插入>不可見元素>命名錨點)。
或者按Ctrl+Alt+A鍵。
或者單擊對象面板右上角的下箭頭,彈出對象選擇菜單。從菜單上選擇Invisibles(不可見元素),顯示Invisibles嵌板。單擊Invisibles嵌板上的錨點按鈕。如圖6-12所示。



例如:要鏈接到當(dāng)前文檔中稱為“top”的錨點,輸入:#top?;蛘?/font>要鏈向同一文件夾不同文檔中稱為“top”的錨點,輸入:Filename.html#top。如圖6-14所示。

圖6-14 同一文件夾不同文檔的鏈接
在Dreamweaver中,也可以使用指向文件圖標(biāo)創(chuàng)建錨點鏈接,操作方法類同。
6.3 快速圖片鏈接批處理
對于網(wǎng)頁制作者來說,最煩瑣的事情可能就是給寫真集頁面中的圖片或文字加鏈接了。假如頁面圖片很多的話,那么所做的工作只能用單調(diào)、麻煩來形容。曾給朋友的生活照片作網(wǎng)頁,好在Dreamweaver4.0和Fireworks4.0聯(lián)合幫忙,在不到5分鐘的時間就完成了45張照片和相應(yīng)的鏈接。
下面是自動制作許多鏈接并處理圖片的方法,是Dreamweaver和Fireworks結(jié)合的一個很好的實例典范。具體步驟如下:
① 啟動Dreamweaver4.0,建立好站點后,選擇Command(命令)>Create Web Photo Album(制作Web影集),打開Create Web Photo Album,如圖6-15所示。

圖6-15 打開Create Web Photo Album(制作Web影集)菜單
② 在Photo Album Title后的文本輸入框中輸入影集的名稱。在這里輸入的文字在Dreamweaver3.0中能正確顯示中文,Dreamweaver4.0雖然不能很好的顯示你輸入的中文,但在瀏覽器中顯示正常。在本例中填寫的是林青霞寫真,如圖6-16所示。
③在Photo Album Title后輸入“林青霞寫真”,在Subheading Info和Other Info后輸入副標(biāo)題或其他標(biāo)題。

圖6-16 設(shè)置Create Web Photo Album(制作Web影集)
④ 接下來就在Source Images Folder后的“Browse”按鈕中選擇目標(biāo)圖片所在的目錄,然后單擊“保存”按鈕,這里選擇phto目錄。
⑤ 點擊Destination Folder后的“Browser”按鈕,選擇好處理后的文件所在的目錄,一般要選擇自己站點所在的目錄,(在本例中站點目錄就是目標(biāo)圖片目錄phto),然后單擊“打開”按鈕。
⑥ 在Thumbnail Size后的下拉列表中選擇好Fireworks處理后的圖片大小。
⑦ 在Columns后選擇每行圖片排列的個數(shù),在Thumbnail Format后的下拉列表中選擇索引圖片的壓縮格式,在Photo Format后的下拉列表中可以選擇原圖片的壓縮格式。
⑧ 對于Create Navigation Page for Each Photo的單選框中的對號選項。他的作用是是否給所有的圖片創(chuàng)建一個索引頁。如果勾選了該項,則在瀏覽該圖片的時候,每個圖片的頁面都會有向前、向后、或回到主頁面的鏈接;如果不勾選該項,則沒有這些鏈接,這在選擇的時候可以根據(jù)自己的需要來確定。
⑨ 作好上面的工作之后,單擊“OK”按鈕,接下來Fireworks就啟動起來了(機器里要裝有FireWorks),在Fireworks的窗口里將出現(xiàn)窗口,這是Fireworks中處理圖片的進度。
⑩ 處理完后,返回Dreamweaver的工作區(qū),按F12按鍵,測試一下頁面,看看效果,如圖6-17所示,這么多鏈接僅僅一分鐘就做好了,是不是很容易。

圖6-17 瀏覽制作好的影集頁面
  然后點擊圖片,會自動跳轉(zhuǎn)到原圖片或放大后的圖片的頁面,如圖6-18所示。

圖6-18 單獨顯示影集中的個體照片
用完Dreamweaver4.0的Create Web Photo Album功能后,感覺他效率真高,雖然在處理過程中有時候結(jié)果并不十分讓人滿意,如圖片沒能按圖片名如01s.jpg,02s.jpg,03s.jpg的順序排列,但還是感覺他實在是減輕我們勞動量的好幫手。
連好鏈接,是我們對瀏覽的網(wǎng)民負(fù)責(zé),對工作負(fù)責(zé);那快速正確的鏈接,就是工作效率的提高,就是對工作的肯定。
舉報不良信息 本頁地址:http://zonghe.17xie.com/book/10000490/8906.html
本站僅提供存儲服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊舉報
打開APP,閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點擊這里聯(lián)系客服!

聯(lián)系客服