第二章創(chuàng)建和管理站點(diǎn)PPT課件_第1頁(yè)
第二章創(chuàng)建和管理站點(diǎn)PPT課件_第2頁(yè)
第二章創(chuàng)建和管理站點(diǎn)PPT課件_第3頁(yè)
第二章創(chuàng)建和管理站點(diǎn)PPT課件_第4頁(yè)
第二章創(chuàng)建和管理站點(diǎn)PPT課件_第5頁(yè)
已閱讀5頁(yè),還剩53頁(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)介

1、1,第二章 創(chuàng)建站點(diǎn),內(nèi)容提要: DREAMWEAVER8軟件簡(jiǎn)介和設(shè)置 定義站點(diǎn)、頁(yè)面屬性與超鏈接 學(xué)習(xí)目標(biāo): 了解DREAMWEAVER的作用,基本界面布局,以及各功能區(qū)的應(yīng)用范圍,了解控制軟件界面和文檔的基本方法。 掌握如何去建立和管理一個(gè)新站點(diǎn),掌握如何在地圖模式搭建網(wǎng)站結(jié)構(gòu),學(xué)習(xí)如何在頁(yè)面設(shè)置的HTML和CSS模式下修改各項(xiàng)參數(shù)。 掌握鏈接的各種狀態(tài)的設(shè)置,鏈接的組成結(jié)構(gòu),以及鏈接的多種創(chuàng)建方法,能夠創(chuàng)建功能完整的EMAIL鏈接,內(nèi)部和外部錨鏈接。,2020/8/2,2,2.1 DREAMWEAVER8 軟件簡(jiǎn)介和設(shè)置,功能: 創(chuàng)建和編輯網(wǎng)頁(yè)元素 編輯HTML代碼 管理站點(diǎn) 插入Fi

2、reworks文件和Flash動(dòng)畫(huà) 強(qiáng)大的模板功能 啟動(dòng)和編輯外部媒體定制和擴(kuò)展功能,2020/8/2,3,工作區(qū)布局,Dreamweaver 8 的工作界面繼承了Dreamweaver系列產(chǎn)品一貫的簡(jiǎn)潔、高效和易用性,大多數(shù)功能都能在工作界面中很方便地找到。 首次啟動(dòng)Dreamweaver8時(shí),會(huì)彈出“工作區(qū)設(shè)置”對(duì)話(huà)框。在該對(duì)話(huà)框中,提供了“設(shè)計(jì)器”與“編碼器”兩種布局風(fēng)格,用戶(hù)可以根據(jù)需要從中選擇一種工作區(qū)布局。系統(tǒng)默認(rèn)為“設(shè)計(jì)器”方式。,2020/8/2,4,設(shè)計(jì)器是一個(gè)使用了多文檔界面的集成工作區(qū),其中全部文檔窗口和面板被集成在一個(gè)應(yīng)用窗口中。 編碼器也是一個(gè)集成的工作環(huán)境,但更加適

3、應(yīng)手工編碼人員使用。,2020/8/2,5,起始頁(yè),在打開(kāi)的文檔窗口中,可以看到起始頁(yè)對(duì)話(huà)框,該對(duì)話(huà)框由三個(gè)欄目組成。如果想重新調(diào)回起始頁(yè),點(diǎn)編輯/首選參數(shù)/常規(guī),選擇顯示起始頁(yè),然后點(diǎn)擊確定即可。,2020/8/2,6,界面概覽,2020/8/2,7,7,(1)標(biāo)題欄 標(biāo)題欄位于程序窗口的頂端,主要顯示Dreamweaver 8的圖標(biāo)、名稱(chēng)、當(dāng)前文檔的標(biāo)題和名稱(chēng)等按鈕。 (2)菜單欄 菜單欄提供了所有的菜單命令,是提供軟件最完整功能的方式。,2020/8/2,8,8,(3)插入面板 Dreamweaver 8的“插入”面板提供了創(chuàng)建各種對(duì)象的快捷按鈕,包括常用、布局、表單、文本、HTML、應(yīng)

4、用程序、Flash元素、收藏夾插入面板等。單擊“插入”面板左側(cè)的下拉按鈕,可以在各插入面板之間切換。,2020/8/2,9,9,(4)工具欄 工具欄提供了常用命令的快捷啟動(dòng)方式。Dreamweaver 8的工具欄有兩個(gè),一個(gè)是“文檔”工具欄,一個(gè)是“標(biāo)準(zhǔn)”工具欄?!拔臋n”工具欄提供了視圖切換、設(shè)置文檔標(biāo)題、瀏覽器檢查錯(cuò)誤、文件管理、預(yù)覽網(wǎng)頁(yè)、視圖管理等功能?!皹?biāo)準(zhǔn)”工具欄可以實(shí)現(xiàn)新建文檔、保存文檔、剪切、復(fù)制、粘貼、撤銷(xiāo)和重做等功能。 (5)文檔窗口 文檔窗口是用來(lái)顯示、創(chuàng)建和編輯當(dāng)前文檔的地方。,2020/8/2,10,10,(6)狀態(tài)欄 狀態(tài)欄上包括標(biāo)記符選擇器、窗口設(shè)置等工具。 (7)“

5、屬性”面板 “屬性”面板上顯示的是被選取對(duì)象和文本的各種屬性,使用戶(hù)可以隨時(shí)修改,大大方便了編輯工作。要顯示或隱藏“屬性”面板,應(yīng)選擇“窗口”菜單中的“屬性”命令或者直接按“Ctrl+F3”。 “屬性”面板的右下角有一個(gè)三角形圖標(biāo),單擊該圖標(biāo),可以展開(kāi)或折疊屬性面板。,2020/8/2,11,11,(8)其他面板 Dreamweaver 8提供了多種設(shè)置面板,如“文件”面板、“行為”面板、“層”面板等。默認(rèn)情況下,它們??吭诖翱谟覀?cè),用戶(hù)可以用鼠標(biāo)將其拖動(dòng)到窗口的任意位置,從而成為浮動(dòng)面板。單擊面板名稱(chēng),可以展開(kāi)或隱藏該面板;單擊面板右上角的按鈕,利用彈出的下拉菜單可以實(shí)現(xiàn)多種相關(guān)操作。,20

6、20/8/2,12,12,視圖,作為一種所見(jiàn)即所得的網(wǎng)頁(yè)編輯軟件,Dreamweaver自動(dòng)在用戶(hù)創(chuàng)建網(wǎng)頁(yè)時(shí)生成底層的HTML代碼,同時(shí)提供了很好的HTML代碼編輯功能。使用工具欄中的視圖切換按鈕可以很方便地切換到代碼視圖,以便查看當(dāng)前編輯網(wǎng)頁(yè)的HTML源代碼。 如果需要同時(shí)查看代碼視圖和設(shè)計(jì)視圖,可以單擊工具欄上的顯示代碼和設(shè)計(jì)按鈕,此時(shí)Dreamweaver將同時(shí)在窗口中顯示代碼視圖和設(shè)計(jì)視圖。,2020/8/2,13,獲取幫助,幫助文檔 選擇“幫助”菜單中的“幫助”可以打開(kāi)幫助文檔,在文檔中包含有“目錄”、“索引”、“搜索”、“書(shū)簽”4個(gè)標(biāo)簽。 參考”面板 “參考”面板為用戶(hù)提供了標(biāo)記語(yǔ)

7、言、編程語(yǔ)言和 CSS 樣式的快速參考工具。它提供了有關(guān)用戶(hù)在“代碼”視圖(或代碼檢查器)中處理的特定標(biāo)簽、對(duì)象和樣式的信息。“參考”面板還提供了可粘貼到文檔中的示例代碼。,2020/8/2,14,站點(diǎn)概述 Dreamweaver站點(diǎn)可組織與Web站點(diǎn)相關(guān)的所有文檔,跟蹤和維護(hù)鏈接,管理文件,共享文件以及將站點(diǎn)文件傳輸?shù)絎eb服務(wù)器。若要充分利用Dreamweaver的功能,需要定義一個(gè)站點(diǎn)。也可以在不設(shè)置Dreamweaver站點(diǎn)的情況下編輯文件。,2.2 創(chuàng)建和管理本地站點(diǎn),2020/8/2,15,站點(diǎn)構(gòu)成: 本地文件夾: 是用戶(hù)的工作目錄。Dreamweaver將該文件夾稱(chēng)為本地站點(diǎn)。本

8、地文件夾一般位于本地計(jì)算機(jī)上,用于存儲(chǔ)正在編輯的網(wǎng)頁(yè)文檔及其相關(guān)文件。 注意:只需建立本地文件夾即可定義Dreamweaver站點(diǎn)。若要向Web服務(wù)器傳輸文件或開(kāi)發(fā)Web應(yīng)用程序,還需添加遠(yuǎn)程站點(diǎn)和測(cè)試服務(wù)器信息。,2020/8/2,16,遠(yuǎn)程文件夾: 是存儲(chǔ)文件的位置,這些文件用于測(cè)試、生產(chǎn)、協(xié)作和發(fā)布等。遠(yuǎn)程文件夾一般位于運(yùn)行Web服務(wù)器的計(jì)算機(jī)上,Dreamweaver將此文件夾稱(chēng)為遠(yuǎn)程站點(diǎn)。 本地文件夾和遠(yuǎn)程文件夾使用戶(hù)能夠在本地磁盤(pán)和Web服務(wù)器之間傳輸文件,可以輕松管理Dreamweaver站點(diǎn)中的文件。 測(cè)試服務(wù)器: 是Dreamweaver處理動(dòng)態(tài)網(wǎng)頁(yè)的文件夾。如果運(yùn)行Web服

9、務(wù)器的計(jì)算機(jī)上同時(shí)運(yùn)行應(yīng)用程序服務(wù)器,則測(cè)試服務(wù)器文件夾與遠(yuǎn)程文件夾可指定為同一文件夾。,2020/8/2,17,站點(diǎn)規(guī)劃 規(guī)劃站點(diǎn)是指利用不同的文件夾,將不同的網(wǎng)頁(yè)內(nèi)容分門(mén)別類(lèi)地保存,合理地組織站點(diǎn)結(jié)構(gòu)。它是設(shè)計(jì)站點(diǎn)的必要前提。 在規(guī)劃站點(diǎn)結(jié)構(gòu)時(shí),用戶(hù)應(yīng)在本地磁盤(pán)上創(chuàng)建一個(gè)文件夾作為站點(diǎn)的根目錄,根據(jù)站點(diǎn)內(nèi)容,所有被創(chuàng)建和編輯的網(wǎng)頁(yè)都保存在該文件夾或下屬子文件夾中。發(fā)布站點(diǎn)時(shí),只需將站點(diǎn)文件夾中所有內(nèi)容上傳到Web服務(wù)器上即可。,2020/8/2,18,內(nèi)容分類(lèi) 一是將素材按類(lèi)型分,如分為圖像、動(dòng)畫(huà)、文字資料等。 二是按照網(wǎng)站相關(guān)的內(nèi)容進(jìn)行分類(lèi)。(如農(nóng)大網(wǎng)站) 文件、文件夾名稱(chēng) 合理的文件、

10、文件夾名稱(chēng)在站點(diǎn)規(guī)劃中也是比較重要的,一個(gè)好的名稱(chēng)很容易讓人理解,一看就知道網(wǎng)頁(yè)要表述的內(nèi)容。在對(duì)文件及文件夾命名的時(shí)候,應(yīng)回避中文和長(zhǎng)文件名,最好使用小寫(xiě)等等。,2020/8/2,19,創(chuàng)建站點(diǎn) 在Dreamweaver中選擇“站點(diǎn)”菜單中的“管理站點(diǎn)”命令,打開(kāi)“管理站點(diǎn)”對(duì)話(huà)框。 在對(duì)話(huà)框中單擊“新建”按鈕,從彈出菜單中選擇“站點(diǎn)”選項(xiàng),打開(kāi)“站點(diǎn)定義”對(duì)話(huà)框。執(zhí)行下列操作之一: 單擊“基本”選項(xiàng)卡以使用“站點(diǎn)定義”向?qū)?,它將引?dǎo)用戶(hù)逐步完成設(shè)置過(guò)程。 單擊“高級(jí)”選項(xiàng)卡以使用“高級(jí)”設(shè)置,它使用戶(hù)可以根據(jù)需要分別設(shè)置本地、遠(yuǎn)程和測(cè)試文件夾。(后續(xù)課件采用),2020/8/2,20,20

11、,設(shè)置本地站點(diǎn),2020/8/2,21,設(shè)置說(shuō)明: 站點(diǎn)名稱(chēng):Dreamweaver站點(diǎn)的名稱(chēng),顯示在“文件”面板和“管理站點(diǎn)”對(duì)話(huà)框中。 本地根文件夾:本地磁盤(pán)中存儲(chǔ)站點(diǎn)文件、模板和庫(kù)項(xiàng)目的文件夾。 默認(rèn)圖像文件夾:本地站點(diǎn)用來(lái)默認(rèn)存放圖像的文件夾。 HTTP地址:已完成的Web站點(diǎn)將使用的URL。輸入該地址使Dreamweaver能夠驗(yàn)證站點(diǎn)中使用絕對(duì)URL或站點(diǎn)根目錄相對(duì)路徑的鏈接。,2020/8/2,22,設(shè)置說(shuō)明: 訪(fǎng)問(wèn):選擇“本地/網(wǎng)絡(luò)”表示連接到本地計(jì)算機(jī)或局域網(wǎng)上運(yùn)行的Web服務(wù)器。 遠(yuǎn)端文件夾:遠(yuǎn)程站點(diǎn)的根文件夾。,設(shè)置遠(yuǎn)程站點(diǎn)-本地/局域網(wǎng)環(huán)境,2020/8/2,23,設(shè)置

12、遠(yuǎn)程站點(diǎn)-廣域網(wǎng)環(huán)境,2020/8/2,24,設(shè)置說(shuō)明: 訪(fǎng)問(wèn):向遠(yuǎn)程文件夾上傳文件,或從其中下載文件時(shí)使用的訪(fǎng)問(wèn)方法。 FTP主機(jī):提供上傳/下載服務(wù)的FTP主機(jī)。 注意:輸入主機(jī)名時(shí)不要帶任何其他的文本,尤其是不要在主機(jī)名前面添加協(xié)議名。 主機(jī)目錄:FTP主機(jī)上存儲(chǔ)站點(diǎn)文檔的目錄,即遠(yuǎn)程文件夾。 登錄&密碼:用于連接到 FTP 主機(jī)的登錄名和密碼。,注意:遠(yuǎn)程文件夾所在的計(jì)算機(jī)可以同時(shí)提供Web服務(wù)和FTP服務(wù)。,2020/8/2,25,設(shè)置說(shuō)明: 服務(wù)器模型:服務(wù)器端動(dòng)態(tài)網(wǎng)頁(yè)技術(shù)。 URL前綴:用戶(hù)在瀏覽器地址欄中輸入的用來(lái)打開(kāi)Web應(yīng)用程序的URL。,設(shè)置測(cè)試服務(wù)器,2020/8/2,

13、26,用戶(hù)可以利用“管理站點(diǎn)”對(duì)話(huà)框維護(hù)站點(diǎn)信息。 復(fù)制站點(diǎn) 編輯站點(diǎn) 刪除站點(diǎn) 導(dǎo)入導(dǎo)出站點(diǎn) 可以將站點(diǎn)導(dǎo)出為帶STE擴(kuò)展名的XML文件來(lái)備份設(shè)置好的站點(diǎn)信息。在需要的時(shí)候可以將其導(dǎo)入 Dreamweaver。,管理站點(diǎn),2020/8/2,27,可以使用“文件”面板或“文檔”窗口來(lái)從本地站點(diǎn)上傳文件到遠(yuǎn)程站點(diǎn),從遠(yuǎn)程站點(diǎn)獲取文件到本地站點(diǎn)。 上傳文件,上傳整個(gè)本地站點(diǎn),上傳當(dāng)前文檔,上傳與獲取文件,2020/8/2,28,獲取文件,獲取(下載)整個(gè)站點(diǎn),將選定的本地文件的遠(yuǎn)程版本復(fù)制到本地站點(diǎn),2020/8/2,29,可以將Dreamweaver站點(diǎn)的本地文件夾視作鏈接的圖標(biāo)的視覺(jué)地圖,此視

14、覺(jué)地圖稱(chēng)為站點(diǎn)地圖??梢允褂谜军c(diǎn)地圖將新文件添加到Dreamweaver站點(diǎn),或者添加、修改或刪除鏈接。 站點(diǎn)地圖從主頁(yè)開(kāi)始顯示兩個(gè)級(jí)別深度的站點(diǎn)結(jié)構(gòu)。站點(diǎn)地圖將頁(yè)面顯示為圖標(biāo),并按在源代碼中出現(xiàn)的順序來(lái)顯示鏈接。 站點(diǎn)地圖僅適用于本地站點(diǎn)。若要?jiǎng)?chuàng)建遠(yuǎn)程站點(diǎn)的地圖,可將遠(yuǎn)程站點(diǎn)的內(nèi)容復(fù)制到本地磁盤(pán)上的一個(gè)文件夾中,然后使用“管理站點(diǎn)”命令將該站點(diǎn)定義為本地站點(diǎn)。,創(chuàng)建站點(diǎn)地圖,2020/8/2,30,創(chuàng)建站點(diǎn)地圖的步驟如下: 定義站點(diǎn)的主頁(yè) 在顯示站點(diǎn)地圖之前,必須先定義站點(diǎn)的主頁(yè)。站點(diǎn)的主頁(yè)可以是站點(diǎn)中的任意頁(yè)面,不必是站點(diǎn)的主要頁(yè)面。在這種情況下,主頁(yè)只是地圖的起點(diǎn)。,2020/8/2,3

15、1,顯示站點(diǎn)地圖,在折疊的“文件”面板中顯示站點(diǎn)地圖,在展開(kāi)的“文件”面板中顯示包含本地文件結(jié)構(gòu)的站點(diǎn)地圖,2020/8/2,32,保存站點(diǎn)地圖,2020/8/2,33,Dreamweaver提供了多項(xiàng)功能以幫助用戶(hù)測(cè)試站點(diǎn),其中包括預(yù)覽頁(yè)面和檢查瀏覽器兼容性,還可以運(yùn)行各種報(bào)告。下面主要介紹兩種測(cè)試站點(diǎn)的方法。 運(yùn)行站點(diǎn)報(bào)告 檢查鏈接,站點(diǎn)測(cè)試,2020/8/2,34,用戶(hù)可以對(duì)當(dāng)前文檔、選定的文件、整個(gè)站點(diǎn)的工作流程或HTML屬性(包括輔助功能)運(yùn)行站點(diǎn)報(bào)告。 具體操作步驟如下: 選擇“站點(diǎn)”菜單中的“報(bào)告”命令,打開(kāi)“報(bào)告”對(duì)話(huà)框。,運(yùn)行站點(diǎn)報(bào)告,2020/8/2,35,設(shè)置“報(bào)告”對(duì)話(huà)

16、框選項(xiàng)。,如果選擇工作流程報(bào)告,可單擊“報(bào)告設(shè)置”按鈕,運(yùn)行結(jié)果,2020/8/2,36,“檢查鏈接”功能用于在當(dāng)前文檔、本地站點(diǎn)的某一部分或者整個(gè)本地站點(diǎn)中查找斷掉的鏈接和孤立的文件(文件仍然位于站點(diǎn)中,但沒(méi)有其它文件鏈接到該文件)。 檢查當(dāng)前文檔中斷掉的鏈接 1、在“文檔”窗口中打開(kāi)要檢查鏈接的文檔;2、選擇“文件”“檢查頁(yè)”“檢查鏈接”,在“結(jié)果”面板組的“鏈接檢查器”面板中顯示檢查結(jié)果。,檢查鏈接,2020/8/2,37,檢查站點(diǎn)中的外部鏈接,檢查站點(diǎn)中的孤立文件,2020/8/2,38,新建網(wǎng)頁(yè) 打開(kāi)網(wǎng)頁(yè) 保存網(wǎng)頁(yè) 設(shè)置頁(yè)面屬性 添加頁(yè)面內(nèi)容,2.3 編輯網(wǎng)頁(yè),2020/8/2,39

17、,超鏈接是組成網(wǎng)站的基本元素,是它將千千萬(wàn)萬(wàn)個(gè)網(wǎng)頁(yè)組織成一個(gè)個(gè)網(wǎng)站,又是它將千千萬(wàn)萬(wàn)個(gè)網(wǎng)站組織成了風(fēng)靡全球的WWW,因此可以說(shuō)超鏈接就是Web的靈魂。本節(jié)首先介紹超鏈接的基本概念,然后介紹如何創(chuàng)建和管理網(wǎng)頁(yè)中的超鏈接。,2.4 超鏈接,2020/8/2,40,概念,所謂的超鏈接是指從一個(gè)網(wǎng)頁(yè)指向一個(gè)目標(biāo)的連接關(guān)系,這個(gè)目標(biāo)可以是另一個(gè)網(wǎng)頁(yè),也可以是相同網(wǎng)頁(yè)上的不同位置,還可以是一個(gè)圖片、一個(gè)電子郵件地址、一個(gè)文件,甚至是一個(gè)應(yīng)用程序。而在一個(gè)網(wǎng)頁(yè)中用來(lái)超鏈接的對(duì)象,可以是一段文本或者是一個(gè)圖片。當(dāng)瀏覽者單擊已經(jīng)鏈接的文字或圖片后,鏈接目標(biāo)將顯示在瀏覽器上,并且根據(jù)目標(biāo)的類(lèi)型來(lái)打開(kāi)或運(yùn)行。,2.

18、4.1 超鏈接簡(jiǎn)介,2020/8/2,41,合理安排超鏈接在網(wǎng)頁(yè)的制作中是非常重要的。采用什么結(jié)構(gòu)的鏈接會(huì)直接影響到網(wǎng)頁(yè)的布局。建議: 避免孤立文件的存在 在網(wǎng)頁(yè)中避免使用過(guò)多的超鏈接 網(wǎng)頁(yè)中的超鏈接不要超過(guò)4層 頁(yè)面較長(zhǎng)時(shí)可以使用書(shū)簽 設(shè)置主頁(yè)或上一層的鏈接,合理安排超鏈接,2020/8/2,42,內(nèi)部鏈接:即在同一個(gè)站點(diǎn)內(nèi)的不同頁(yè)面之間相互聯(lián)系的超鏈接。一般是連接本地文件,通常使用相對(duì)鏈接地址。 錨點(diǎn)鏈接:可以鏈接到網(wǎng)頁(yè)中某個(gè)特定位置的鏈接。 外部鏈接:把網(wǎng)頁(yè)與Internet中的目標(biāo)相聯(lián)系的鏈接,一般用絕對(duì)地址。 如果按照使用對(duì)象的不同,網(wǎng)頁(yè)中的鏈接又可以分為:文本超鏈接、圖像超鏈接、E

19、-mail鏈接、錨點(diǎn)鏈接、多媒體文件鏈接、空鏈接等。,類(lèi)型,2020/8/2,43,類(lèi)型: 絕對(duì)路徑:是包含服務(wù)器協(xié)議(對(duì)于網(wǎng)頁(yè)來(lái)說(shuō)通常是http:/或ftp:/)的完全路徑。 和根目錄相對(duì)的路徑:是從當(dāng)前站點(diǎn)的根目錄開(kāi)始的路徑。站點(diǎn)上所有可公開(kāi)的文件都存放在站點(diǎn)的根目錄下。 和文檔相對(duì)的路徑:是指和當(dāng)前文檔所在的文件夾相對(duì)的路徑。,2.4.2 建立文本超鏈接,2020/8/2,44,在瀏覽網(wǎng)頁(yè)時(shí),鼠標(biāo)指針經(jīng)過(guò)某些文本時(shí),指針的形狀發(fā)生變化,同時(shí)文本也會(huì)發(fā)生變化(如出現(xiàn)下劃線(xiàn)、文本的顏色發(fā)生變化、字體發(fā)生變化等),提示這是帶鏈接的文本。此時(shí)點(diǎn)擊鼠標(biāo),就會(huì)打開(kāi)所鏈接的網(wǎng)頁(yè),這就是文本超鏈接。,2

20、020/8/2,45,步驟 在網(wǎng)頁(yè)上選擇需要添加超鏈接的文本,打開(kāi)文本 的屬性面板。 在屬性面板上指定文字的鏈接目標(biāo)。 在“目標(biāo)”下拉列表框中選擇目標(biāo)文件打開(kāi)的方式。 設(shè)置結(jié)束后,在網(wǎng)頁(yè)中被選擇的文字改變了顏色,且在文字底部出現(xiàn)一條下劃線(xiàn),即文字的超鏈接設(shè)置完成。在鍵盤(pán)上按“F12”鍵,即可將網(wǎng)頁(yè)在瀏覽器中打開(kāi)。單擊鏈接的文字,即可打開(kāi)目標(biāo)文件。,2020/8/2,46,方法 輸入法:直接在鏈接欄輸入想鏈接的文件地址。 指向法:選擇文字,按住屬性面板上的“指向文件”按鈕,并拖動(dòng)鼠標(biāo)指向某個(gè)想鏈接的文件。 快捷法:選中文字,按住SHIFT鍵,在文字上直接拉出一條線(xiàn),對(duì)某個(gè)文件進(jìn)行鏈接。 插入法:

21、在常用工具欄中選擇“超鏈接”。然后進(jìn)行文本、鏈接、目標(biāo)、標(biāo)題的設(shè)置,后兩項(xiàng)選默認(rèn)設(shè)置即可。 代碼法:點(diǎn)擊“代碼”,可以直接輸入, 紅色的網(wǎng)頁(yè)。 插入標(biāo)簽法:選中文字,點(diǎn)擊“插入標(biāo)簽/HTML標(biāo)簽/頁(yè)元素/A”,然后點(diǎn)擊“插入”,這里輸入鏈接,打開(kāi)窗口的目標(biāo),點(diǎn)擊確定。 環(huán)繞標(biāo)簽法:選中文字,按下CTRL+T,出現(xiàn)環(huán)繞標(biāo)簽,選擇A,點(diǎn)擊“HREF”,在引號(hào)中輸入地址,回車(chē)即完成鏈接。,2020/8/2,47,編輯文本超鏈接 設(shè)置文本鏈接的狀態(tài) 一個(gè)未被訪(fǎng)問(wèn)過(guò)的鏈接與一個(gè)被激活的鏈接在形式上肯定會(huì)有所區(qū)別,鏈接被訪(fǎng)問(wèn)過(guò)了也會(huì)發(fā)生變化,提示用戶(hù)這是一個(gè)已經(jīng)點(diǎn)擊過(guò)的鏈接,所有這些都是鏈接的狀態(tài)。通過(guò)設(shè)

22、置不同的文本顏色可以使各個(gè)狀態(tài)區(qū)別開(kāi)來(lái)。,2020/8/2,48,刪除文本超鏈接 在Dreamweaver 8中要?jiǎng)h除一個(gè)文本超鏈接很容易,先用鼠標(biāo)選定文本對(duì)象,將光標(biāo)定位于屬性面板的“鏈接”文本框中,用“BackSpace”鍵或“Delete”鍵,將其顯示的超鏈接對(duì)象文件名刪除,再回車(chē),或選擇“修改”|“移除鏈接”命令,都可以刪除超鏈接而保留原文本對(duì)象。,2020/8/2,49,步驟 選中需要建立超鏈接的圖像,此時(shí)屬性面板顯示圖像的屬性 。 在屬性面板中為圖像添加文檔相對(duì)路徑的鏈接。 按“F12”預(yù)覽網(wǎng)頁(yè)。,刪除圖像超鏈接,刪除圖片超鏈接與刪除文本超鏈接的方法相同 。,2.4.3 創(chuàng)建圖片超

23、鏈接,2020/8/2,50,錨點(diǎn),也稱(chēng)為書(shū)簽或錨記,用來(lái)標(biāo)記文檔中的特定位置,使用其可以跳轉(zhuǎn)到當(dāng)前文檔或其他文檔中的標(biāo)記位置,免去瀏覽者翻閱網(wǎng)頁(yè)尋找信息的麻煩。在網(wǎng)頁(yè)中加入錨點(diǎn)包括兩方面的工作,一是在網(wǎng)頁(yè)中創(chuàng)建錨點(diǎn),另一個(gè)就是為錨記建立鏈接。,2.4.4 創(chuàng)建錨點(diǎn)超鏈接,2020/8/2,51,步驟 將光標(biāo)移到需要加入錨點(diǎn)的地方,一般是將光標(biāo)放置在一行或是一段文字的開(kāi)頭部分。 單擊插入“常用”面板上的按鈕 ,或是選擇主窗口的菜單“插入”|“命名錨點(diǎn)”命令,將彈出“命名錨點(diǎn)”對(duì)話(huà)框。 在對(duì)話(huà)框的“錨點(diǎn)名稱(chēng)”文本框輸入錨點(diǎn)的名稱(chēng)。 單擊“確定”按鈕。,創(chuàng)建錨點(diǎn),2020/8/2,52,命名 只能使用字母和數(shù)字,錨點(diǎn)命名不支持中文。雖然在插入錨點(diǎn)對(duì)話(huà)框中能輸入中文,但在屬性面板上顯示的則是一堆亂碼,且在為錨點(diǎn)添加鏈接的時(shí)候,也無(wú)法工作。 錨點(diǎn)名稱(chēng)的第1個(gè)字符最好是英文字母,一般不要以數(shù)字作為錨點(diǎn)名稱(chēng)的開(kāi)頭。 錨點(diǎn)名稱(chēng)區(qū)別英文字母的大小寫(xiě)。 錨點(diǎn)名稱(chēng)間不能含有空格,也不能含有特殊字符。,2020/8/2,53,創(chuàng)建錨點(diǎn)后,還必須鏈接錨點(diǎn)。選擇想要鏈接到錨點(diǎn)的文字或圖片,然后按如下方法中的任意一種進(jìn)行操作。,在屬性面板上的“鏈接”文本框中輸入符號(hào)#和錨點(diǎn)名稱(chēng)。 選擇文字或圖片后,按住Shift鍵,然后

溫馨提示

  • 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ì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論