1、1,第二章 創(chuàng)建站點(diǎn),內(nèi)容提要： DREAMWEAVER8軟件簡介和設(shè)置 定義站點(diǎn)、頁面屬性與超鏈接 學(xué)習(xí)目標(biāo)： 了解DREAMWEAVER的作用，基本界面布局，以及各功能區(qū)的應(yīng)用范圍，了解控制軟件界面和文檔的基本方法。 掌握如何去建立和管理一個(gè)新站點(diǎn)，掌握如何在地圖模式搭建網(wǎng)站結(jié)構(gòu)，學(xué)習(xí)如何在頁面設(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 軟件簡介和設(shè)置,功能： 創(chuàng)建和編輯網(wǎng)頁元素 編輯HTML代碼 管理站點(diǎn) 插入Fi

2、reworks文件和Flash動(dòng)畫 強(qiáng)大的模板功能 啟動(dòng)和編輯外部媒體定制和擴(kuò)展功能,2020/8/2,3,工作區(qū)布局,Dreamweaver 8 的工作界面繼承了Dreamweaver系列產(chǎn)品一貫的簡潔、高效和易用性，大多數(shù)功能都能在工作界面中很方便地找到。 首次啟動(dòng)Dreamweaver8時(shí)，會(huì)彈出“工作區(qū)設(shè)置”對(duì)話框。在該對(duì)話框中，提供了“設(shè)計(jì)器”與“編碼器”兩種布局風(fēng)格，用戶可以根據(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,起始頁,在打開的文檔窗口中，可以看到起始頁對(duì)話框，該對(duì)話框由三個(gè)欄目組成。如果想重新調(diào)回起始頁，點(diǎn)編輯/首選參數(shù)/常規(guī)，選擇顯示起始頁，然后點(diǎn)擊確定即可。,2020/8/2,6,界面概覽,2020/8/2,7,7,（1）標(biāo)題欄 標(biāo)題欄位于程序窗口的頂端，主要顯示Dreamweaver 8的圖標(biāo)、名稱、當(dāng)前文檔的標(biāo)題和名稱等按鈕。 （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)頁、視圖管理等功能。“標(biāo)準(zhǔn)”工具欄可以實(shí)現(xiàn)新建文檔、保存文檔、剪切、復(fù)制、粘貼、撤銷和重做等功能。 （5）文檔窗口 文檔窗口是用來顯示、創(chuàng)建和編輯當(dāng)前文檔的地方。,2020/8/2,10,10,（6）狀態(tài)欄 狀態(tài)欄上包括標(biāo)記符選擇器、窗口設(shè)置等工具。 （7）“

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

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

7、言、編程語言和 CSS 樣式的快速參考工具。它提供了有關(guān)用戶在“代碼”視圖（或代碼檢查器）中處理的特定標(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)成： 本地文件夾： 是用戶的工作目錄。Dreamweaver將該文件夾稱為本地站點(diǎn)。本

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

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

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

11、,設(shè)置本地站點(diǎn),2020/8/2,21,設(shè)置說明： 站點(diǎn)名稱：Dreamweaver站點(diǎn)的名稱，顯示在“文件”面板和“管理站點(diǎn)”對(duì)話框中。 本地根文件夾：本地磁盤中存儲(chǔ)站點(diǎn)文件、模板和庫項(xiàng)目的文件夾。 默認(rèn)圖像文件夾：本地站點(diǎn)用來默認(rèn)存放圖像的文件夾。 HTTP地址：已完成的Web站點(diǎn)將使用的URL。輸入該地址使Dreamweaver能夠驗(yàn)證站點(diǎn)中使用絕對(duì)URL或站點(diǎn)根目錄相對(duì)路徑的鏈接。,2020/8/2,22,設(shè)置說明： 訪問：選擇“本地/網(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è)置說明： 訪問：向遠(yuǎn)程文件夾上傳文件，或從其中下載文件時(shí)使用的訪問方法。 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è)置說明： 服務(wù)器模型：服務(wù)器端動(dòng)態(tài)網(wǎng)頁技術(shù)。 URL前綴：用戶在瀏覽器地址欄中輸入的用來打開Web應(yīng)用程序的URL。,設(shè)置測試服務(wù)器,2020/8/2,

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

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

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

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

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

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

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

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

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

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

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