第3章網(wǎng)頁的基礎操作

1、第第3章章 網(wǎng)頁的基礎操作網(wǎng)頁的基礎操作 2022-2-9網(wǎng)頁設計技術(shù)2內(nèi)容內(nèi)容3.1 3.1 設置網(wǎng)頁屬性設置網(wǎng)頁屬性3.2 3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容為網(wǎng)頁加入添加文本為網(wǎng)頁加入添加文本給網(wǎng)頁加入圖像給網(wǎng)頁加入圖像插入多媒體對象插入多媒體對象超鏈接的使用超鏈接的使用2022-2-9網(wǎng)頁設計技術(shù)3設置網(wǎng)頁屬性設置網(wǎng)頁屬性p制作網(wǎng)頁時，先需設置網(wǎng)頁的頁面屬性，如網(wǎng)頁標題、背景圖像、超鏈接的顏色、文檔編碼方式等屬性。p“修改”“頁面屬性”命令，將打開“頁面屬性”對話框，各選項的含義：外觀：外觀：用來設置頁面的默認字體、背景顏色、背景圖像、頁面邊距等鏈接鏈接：設置鏈接字符的字體、顏色等標題：

2、標題：設置當前網(wǎng)頁文本的格式標題和編碼：標題和編碼：“標題”設置網(wǎng)頁文檔的標題；“編碼”設置文檔字體采用的編碼方式。計算機中顯示的每種文字都需要對應的編碼支持，才能正常顯示，否則出現(xiàn)亂碼，在中文模式下默認編碼為簡體中文GB2312。跟蹤圖像：跟蹤圖像：在設計頁面時插入用作參考的圖像文件，瀏覽網(wǎng)頁時該圖片是看不到的。3.1 設置網(wǎng)頁屬性設置網(wǎng)頁屬性2022-2-9網(wǎng)頁設計技術(shù)43.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容n插入文本插入文本普通文本普通文本 特殊文本特殊文本 在字符之間添加空格在字符之間添加空格水平線水平線 日期日期n格式化文本格式化文本 n項目列表項目列表 3.2.1 為網(wǎng)頁加入文本為網(wǎng)頁加

3、入文本2022-2-9網(wǎng)頁設計技術(shù)51.1.普通文本的錄入普通文本的錄入n直接輸入文本直接輸入文本n復制文本。復制文本。在其他文本編輯器中復制文本（如Word），在DW中執(zhí)行粘貼命令即可。但DW不保留原有的文本格式。如果想保留文本的格式，可以選擇編輯選擇性粘貼菜單命令n插入插入WordWord或或ExcelExcel等其它文檔的內(nèi)容。等其它文檔的內(nèi)容。選擇文件導入 菜單命令。n特殊文本。特殊文本。 “插入”欄中的“文本”，則彈出文本工具欄，單擊字符按鈕 ，單擊相應的特殊字符。如果沒有使用西歐字符，則會彈出一個警告框，提示可能有些瀏覽器不能正常顯示這些字符。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容202

4、2-2-9網(wǎng)頁設計技術(shù)6n在字符之間添加多個空格在字符之間添加多個空格在“插入”欄的“文本”選項卡中，單擊“字符”按鈕，選擇“插入不換行空格” 插入HTML特殊字符不換行空格 按【Ctrl+Shift+空格鍵】鍵輸入。 設置添加不換行空格的參數(shù)。通過編輯首選參數(shù)菜單命令去設置。水平線：水平線：在“插入”欄的“HTML”選項中單擊“水平線”按鈕。n插入關(guān)鍵字：插入關(guān)鍵字：關(guān)鍵字為網(wǎng)絡中的搜索引擎準備的，關(guān)鍵字要求簡短、盡可能概括網(wǎng)頁的主題，以便瀏覽者在輸入很少關(guān)鍵字的情況下，就能很大程序地搜索到網(wǎng)頁。通過“插入”“HTML” “文件頭標簽” “關(guān)鍵字”即可，各關(guān)鍵字用逗號分隔。n日期：日期：在“

5、插入”欄的“常用”選項中，單擊“插入日期”按鈕。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)72.2.普通文本的格式化普通文本的格式化n一般有屬性面板和菜單命令兩種方法一般有屬性面板和菜單命令兩種方法使用菜單命令時，只需要選擇“文本文本”菜單下的相應命令即可。最常用的屬性面板, 文本屬性面板中各選項含義及設置方法如下。 格式：格式：設置選定文本的段落格式。如段落、標題1、標題2等；樣式：樣式：對選定內(nèi)容應用文本樣式CSS樣式 ；粗體、斜體、大小、顏色、對齊方式粗體、斜體、大小、顏色、對齊方式鏈接：鏈接：除了上述的字符格式化外，還可以對所選的文本建立超級鏈接；目標：目標：在此設置

6、打開超級鏈接的窗口；字體字體3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)8字體屬性說明：字體屬性說明：默認情況下，DW提供了三種中文字體，如果要使用其它中文字體，可用“編輯編輯字體列表字體列表”命令將系統(tǒng)的字體添加到DW字體列表中。字體列表中每一選項中包括多種字體，各種字體之間用“，” 分隔。其含義是瀏覽者的瀏覽器中如果沒有這種字體，則用“，”后面的字體進行顯示，以此類推。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)93. 3. 項目列表和編號列表項目列表和編號列表n編號列表：編號列表：對于具有序列屬性（即順序性）、屬性相同的內(nèi)容，則可設置編號列表。單擊屬性面板

7、中的“編號列表編號列表”按鈕選擇文本列表編號列表菜單命令。n項目列表：項目列表：對于一些具有相同或相似屬性的文本，將內(nèi)容條列成項目，以便組成一個整體項目分類。n定義列表：定義列表：不使用項目符號點或數(shù)字這樣的前導字符，并且通常用于詞匯表或說明 n嵌套列表：嵌套列表：包含其它列表的列表。屬性面板中的“縮縮進進”按鈕，或選擇文本縮進菜單命令來實現(xiàn)。n列表屬性設置列表屬性設置默認的前導符為一個點或阿拉伯數(shù)字，如要改成其他前導字符，通過“列表屬性列表屬性”對話框。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)103.2.2 3.2.2 為網(wǎng)頁加入圖像為網(wǎng)頁加入圖像1.1.圖像的格式圖像的

8、格式由于受網(wǎng)絡速度等方面的影響，一般用于網(wǎng)頁的圖像：GIF、JPEG或PNG，適合網(wǎng)頁快速下載瀏覽。nGIFGIF壓縮格式：壓縮格式：無損壓縮格式，只能支持256 種顏色，適合對顏色數(shù)目要求不高的卡通畫及程序界面等。GIF格式還可設置為透明及制作成動畫文件。nJPEGJPEG即即JPGJPG：為有損壓縮格式，支持24位真彩色，最初為照片而設計。很高壓縮比，刪除人眼不易察覺的部分圖像，適合表現(xiàn)顏色豐富、色彩過渡平滑的圖像，不支持透明和動畫。nPNGPNG：無損壓縮格式，支持24位真彩色，F(xiàn)IREWORKS的文件格式。有較大的靈活性并且文件大小較小。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9

9、網(wǎng)頁設計技術(shù)112.2.圖像圖像的插入的插入網(wǎng)頁一般是圖文混排結(jié)構(gòu)，除了添加文本內(nèi)容，還需要插入有說服力的資料圖片。n直接插入圖像：直接插入圖像：可使用插入圖像菜單命令或“插入欄”的“常用”選項卡中的“圖像”按鈕。n用占位符插入圖像：用占位符插入圖像：在制作網(wǎng)頁時，經(jīng)常會出現(xiàn)所需的圖像還沒有制作完成的情況，此時先插入一個圖像占位符。圖像占位符是一個占有一定空間的符號，能替換為其他真實的圖像，它不會在瀏覽器中顯示。插入圖像對象圖像占位符n注意：注意：與添加文本不同，插入的圖像不能從別的文檔中復制，插入到網(wǎng)頁中的圖像只能以文件的形式獨立存在于站點文件夾中。如果圖像文件不在站點目錄中，DW會保存到站

10、點目錄中。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容圖像的屬性說明圖像的屬性說明源文件：源文件：圖像文件所在的目錄及名稱，可通過“指向文件指向文件”或“瀏覽瀏覽”按鈕設置。替代：替代：為圖片添加描述信息。在瀏覽器中，當鼠標指向圖像時會顯示這個描述信息。鏈接鏈接：為圖像指定一個鏈接。編輯：編輯：啟動“外部編輯器”，同時打開所選圖像進行編輯。垂直垂直/ /水平邊距：水平邊距：圖像相對于編輯窗口或文本等的間隔。低解析度源：低解析度源：設置低分辯率的圖像。在主圖像被下載之前，先載入低分辯率圖像，以便瀏覽者及早地了解圖像的信息。啟動Firework優(yōu)化當前圖像對當前圖像進行裁剪操作，去掉不需要的部分調(diào)整圖像的對比

11、度和亮度圖像的屬性說圖像的屬性說明明地圖：地圖：通過在一幅圖像上選擇局部范圍（熱點）來實現(xiàn)超鏈接，被選擇并被標注的地方就叫圖像地圖。選取圖片，屬性面板中將出現(xiàn)4個熱點工具。4個熱點工具的作用如下： ：指針熱點工具，用于移動、放大或縮小熱區(qū)。 ：矩形熱點工具，用于繪制矩形熱區(qū)。 ：橢圓形熱點工具，用于繪制圓形熱區(qū)。：多邊形熱點工具，用于繪制多邊形熱區(qū)。返回“圖像占位符圖像占位符”的具體設置的具體設置“名稱名稱”（可選）（可選）：圖像占位符標簽顯示的文本?！皩挾葘挾取焙秃汀案叨雀叨取保涸O置圖像大小，這是必需的。 “顏色顏色”（可選）（可選）“替換文本替換文本”（可選）：（可選）：設置描述該圖像的文

12、本。在瀏覽器中預覽圖片，當鼠標移到用占位符添加的圖像上時替代文本就會出現(xiàn)。雙擊占位符打開“選擇圖像源文件”對話框，指定好要插入的圖像文件即可返回2022-2-9網(wǎng)頁設計技術(shù)153.3.創(chuàng)建鼠標經(jīng)過圖像（翻轉(zhuǎn)圖像）創(chuàng)建鼠標經(jīng)過圖像（翻轉(zhuǎn)圖像）n鼠標經(jīng)過圖像是一種在瀏覽器中查看并使用鼠標指針移過它時發(fā)生變化的圖像。n必須用兩個圖像來創(chuàng)建鼠標經(jīng)過圖像：主圖像主圖像（首次加載頁面時顯示的圖像）和次圖像次圖像（鼠標指針移過主圖像時顯示的圖像）。鼠標經(jīng)過圖像中的這兩個圖像應大小相等；如果這兩個圖像大小不同，DW將調(diào)整第二個圖像的大小與第一個圖像的尺寸相匹配。n“插入”“圖像對象” “鼠標經(jīng)過圖像”。n鼠標

13、經(jīng)過圖像與FLASH按鈕、FLASH文本一般都用于制作超鏈接。 3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)163.2.3 3.2.3 插入多媒體對象插入多媒體對象 當前網(wǎng)頁中多媒體包括：動畫、音頻、視頻等元素。DW可有效地將多媒體元素和其它元素有機地整合在一起，以豐富網(wǎng)頁的內(nèi)容。nFlashFlash文件的格式：文件的格式：源文件(.fla) 、影片文件 (.swf)、模板文件(.swt)、視頻文件 (.flv)等；n音頻文件格式：音頻文件格式：midi 或mid、wav、aif、mp3、ra、ram、rpm及Real Audio等。播放wav、aif和midi文件不需要插件

14、；n視頻文件格式：視頻文件格式：AVI、WMV、RM等，視頻格式不同，對應的播放器是有區(qū)別的。雖然它們播放器不同，但它們一般都是使用ActiveX控件或插件來播放。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)171 插入Flash內(nèi)容插入Flash動畫（影片文件.swf）n“常用”“媒體”按鈕，選擇“Flash”選項；或執(zhí)行插入媒體Flash菜單命令n對話框?qū)傩哉f明：標題：媒體對象的標題。 快捷鍵：輸入A作為快捷鍵，則使用“Ctrl+A”鍵在瀏覽器中選擇該對象。Tab鍵索引：輸入一個數(shù)字以指定該對象的Tab鍵順序。n注意：注意：IE為了保護電腦的安全性，阻止了ActiveX。如

15、何去掉這種阻止，微軟提供了一種非常簡便的方法，在網(wǎng)頁的頭部添加如下代碼：!-=(0013)about:internet -3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)18插入插入FlashFlash按鈕按鈕 DW提供了許多Flash動畫按鈕，也可以插入自已制作的Flash按鈕，方法與插入Flash影片類似。樣式：樣式：選擇按鈕的樣式按鈕文本：按鈕文本：按鈕上顯示的文本鏈接：鏈接：按鈕鏈接的地址另存為：另存為：設置按鈕的保存名稱注意：注意：此功能不支持中文中文名稱。名稱。按鈕保存的文檔文件和站點文件夾的名稱都不能為中文，否則不能正常使用按鈕。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容202

16、2-2-9網(wǎng)頁設計技術(shù)19插入插入FlashFlash文本文本 Flash文本對象允許DW創(chuàng)建一個僅包含文本的Flash影片文件。插入Flash文本時，保存Flash的路徑對話框中的“另存為另存為”不能出現(xiàn)中文，路徑不能太長，并且要與當前的文檔在一個文件夾里面。 Flash文本具有與鼠標經(jīng)過圖象類似的效果，主要用于設置超級鏈接。插入插入FlashFlash Video Video（FLVFLV格式）格式）在網(wǎng)頁中瀏覽Flash視頻時不僅顯示該視頻信息，還將顯示播放該視頻的控件。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)202.ActiveX2.ActiveX控件控件n事實上，

17、瀏覽器僅僅能顯示幾種文件格式，ActiveXActiveX控件或插件控件或插件擴展了瀏覽器的能力。ActiveX控件是可充當瀏覽器插件的可重復調(diào)用的組件，可在Windows操作系統(tǒng)上的IE瀏覽器中運行。n插入ActiveX控件后，在DW的文檔窗口會顯示一個占位符。在瀏覽器中，將出現(xiàn)了媒體播放器的界面，即可像平常使用播放器一樣來對它進行控制，改變聲音等。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)21ActiveXActiveX控件相關(guān)屬性如下控件相關(guān)屬性如下n嵌入：嵌入：為ActiveX控件在標簽內(nèi)添加一個標簽。如果ActiveX 控件具有Netscape插件等效項， 標簽將激

18、活該插件。n源文件：源文件：如果“嵌入”項選中，則確定Netscape插件所使用的數(shù)據(jù)文件。n基址：基址：指定包含該ActiveX控件的URL。如果在瀏覽者系統(tǒng)中沒有該ActiveX控件，IE會從該位置下載該ActiveX控件。如果你沒有指定一個參數(shù)，而你的瀏覽者又沒有安裝相應的ActiveX控件，瀏覽者無法顯示該ActiveX對象。n替代圖像：替代圖像：如果游覽器不支持標簽，則指定顯示一幅圖像，該選項只在“嵌入”沒有選中下才可使用。n數(shù)據(jù)：數(shù)據(jù)：指定ActiveX控件下載的數(shù)據(jù)文件。許多ActiveX控件，不使用該參數(shù)，如shockwave、realplay3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2

19、022-2-9網(wǎng)頁設計技術(shù)223.3.利用插件添加視頻文件利用插件添加視頻文件 插件插件是一種程序。瀏覽器一般能夠直接調(diào)用插件程序，插件安裝后就成為瀏覽器的一部分。通過插件可將視頻直接插入頁面中，但只有用戶在瀏覽網(wǎng)頁時具有所選視頻文件的適當插件后，視頻才可以播放。典型的插件如RealPlayer和QuickTime。n通過 插入插入 媒體媒體 插件插件 菜單命令，選定視頻文件，即將插件插入到網(wǎng)頁中。n在“插件插件URL”URL”的文本框中可以輸入下載插件的完整URL。如果在瀏覽頁面時沒有該插件，則IE將從這里提供的URL上下載。n插入插件之后，在瀏覽器中，將出現(xiàn)了媒體播放器的界面，即可象平常使

20、用播放器一樣來對它進行控制，改變聲音等。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)23nShockwaveShockwave是Macromedia公司制定的一種網(wǎng)上媒體交互壓縮格式的標準，其生成的壓縮格式可以被快速下載，并且被目前的主流瀏覽器所支持，其擴展名：.dcr、dir、dxr。觀看Shockwave影片時，瀏覽器需安裝Shockwave 播放器。nJava AppletJava Applet是美國SUN公司開發(fā)的Java語言中的一個小應用程序，具有跨平臺特點。Java Applet可直接嵌入到HTML語言中，由支持Java的瀏覽器（IE或Netscape）解釋執(zhí)行，能

21、夠產(chǎn)生特殊效果的程序。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)244.4.為網(wǎng)頁添加聲音為網(wǎng)頁添加聲音以插件的形式向網(wǎng)頁添加聲音以插件的形式向網(wǎng)頁添加聲音n同插入其他插件的方法一樣，同樣以占位符的形式出現(xiàn)在網(wǎng)頁中。n通過插件可將聲音直接插入頁面中，但只有用戶在瀏覽網(wǎng)頁時具有所選聲音文件的適當插件后，聲音才可播放。n在“插件插件URL”URL”的文本框中可以輸入下載插件的完整URL。如果在瀏覽頁面時沒有該插件，則IE將從這里提供的URL上下載。n在屬性面板中，將高度和寬度都設置為0，瀏覽器中將不會顯示播放器。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)25n在

22、參數(shù)對話框編輯參數(shù)，實現(xiàn)循環(huán)和自動播放，由此實現(xiàn)背景音樂的設置。單擊“參數(shù)”按鈕，打開對話框，如下圖所示。n其實質(zhì)，在和之間的加入如下代碼 。其中srcsrc指定音頻文件的路徑和文件名，hidden=true hidden=true 表示不顯示播放器，loop=trueloop=true表示循環(huán)播放，autostart=trueautostart=true表示自動播放。 3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)26以背景音樂形式添加到網(wǎng)頁中以背景音樂形式添加到網(wǎng)頁中n在DW中，沒有背景音樂的具體設置。添加背景音樂有兩種方法，一種是通過手寫代碼或插件實現(xiàn)。n將標記加入到和之間

23、。標記是用來插入背景音樂的標記，但只適用于IE。n打開網(wǎng)頁文件，將網(wǎng)頁切換到代碼視圖，在和 之間加入如下代碼：bgsound src=xxx.mp3 autostart=true -13.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)27以鏈接的形式添加到網(wǎng)頁中以鏈接的形式添加到網(wǎng)頁中n鏈接音頻文件是將聲音添加到頁面的一種簡單而有效的方法。n這種方法可在單擊鏈接時自動調(diào)用外部播放外部播放器器來播放音樂文件。具體方法：在文檔窗口的設計視圖中，選擇要指向聲音文件的文本或圖像。在屬性面板的“鏈接”欄后，單擊瀏覽按鈕，鏈接到指定的聲音文件。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁

24、設計技術(shù)283.2.4 3.2.4 超鏈接超鏈接1.1.超鏈接概述超鏈接概述 對于超鏈接來說，路徑是一個重要的概念。常用的路徑有三種：絕對路徑：提供所鏈接文檔的完整URL，包括協(xié)議，服務器地址，路徑。例如：例如：http:/ 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)29文檔相對路徑：相對于當前文檔而言，此路徑省略了與當前文檔URL的相同部分，只提供了與其不同的部分。對于大多數(shù)的站內(nèi)鏈接，一般使用文檔相對路徑。如當前文件與要鏈接的目標文檔位于同一文件夾內(nèi)，只需輸入文件名即可。例如：例如：contents.html站點根目錄相對路徑：從站點的根文件夾到文檔的路徑，與當前文檔無關(guān)。根目錄

25、相對路徑由“/”開頭，它代表站點根文件夾。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)30例如，假設一個站點的結(jié)構(gòu)如圖3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容resourcesproducts2022-2-9網(wǎng)頁設計技術(shù)31創(chuàng)建從contents.html 到其它文件的鏈接，如下：若要從 contents.html 鏈接到 hours.html。文檔相對路徑：文檔相對路徑：hours.html；若要鏈接到 tips.html，在當前文件夾下一級文件夾中。文檔相對路徑：文檔相對路徑：resources/tips.html；若要鏈接到 index.html，站點根目錄中。站點根目錄相對路徑

26、：站點根目錄相對路徑：/index.html；若要鏈接到 catalog.html，在站點根目錄下的products 子文件夾中。站點根目錄相對路徑：站點根目錄相對路徑：/products/catalog.html。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)32 鏈接的類型鏈接的類型根據(jù)鏈接的對象不同，分為文件鏈接、錨點鏈接、郵件鏈接、熱區(qū)鏈接、腳本和空鏈接 n文件鏈接：文件鏈接：鏈接到其它文檔或文件；n錨點鏈接錨點鏈接：跳轉(zhuǎn)到文檔內(nèi)的特定位置，可以是同一文檔中的錨記，也可以是其他文檔中的錨記；n圖像地圖鏈接圖像地圖鏈接：指被分成多個區(qū)域（“熱點”）的圖像，而每個區(qū)域可設置鏈

27、接；n電子郵件鏈接電子郵件鏈接：此類鏈接打開客戶端郵件應用程序，并且新建一個已填好收件人地址的空白電子郵件；n腳本鏈接腳本鏈接：執(zhí)行腳本代碼或調(diào)用JavaScript函數(shù)。它非常有用，能夠在不離開當前 Web 頁面情況下，當訪問者單擊特定項時，執(zhí)行計算、驗證表單和完成其它處理任務等；n空鏈接空鏈接：是一個無指向的鏈接，用于向頁面上的對象或文本附加行為。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)33鏈接文件的打開方式鏈接文件的打開方式_blank_blank在新建窗口中加載鏈接文檔。 _self_self將鏈接文檔加載到與鏈接相同的框架或窗口中，該目標是默認值。 _parent

28、_parent將鏈接的文件載入含有該鏈接框架的父框架集或上一級的瀏覽器窗口中。 _top_top將在最頂端的瀏覽器窗口中加載鏈接文件。如果當前網(wǎng)頁是框架網(wǎng)頁，則刪除所有框架。Parent和top用于框架網(wǎng)頁。 3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)342.2.錨點鏈接錨點鏈接允許用戶在文檔的任何位置設置標記（這些標記通常放在文件特定主題的前面或頂部），然后為對象創(chuàng)建這些標記的鏈接。錨點鏈接可以跳轉(zhuǎn)至當前文檔或其它文檔內(nèi)的指定位置。建立錨點鏈接分為創(chuàng)建命名錨記和創(chuàng)建到該命名錨記的鏈接兩個步驟。創(chuàng)建錨點：創(chuàng)建錨點：利用常用選項中命名錨記按鈕。創(chuàng)建錨點的鏈接：創(chuàng)建錨點的鏈接：選

29、擇要創(chuàng)建錨點鏈接的對象，在屬性面板的“鏈接”文本框中，輸入一個數(shù)字符號“#”和錨記名稱，中間不能有空格。 3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)353.3.圖像地圖鏈接圖像地圖鏈接圖像作為一個整體，只能創(chuàng)建一個鏈接。如果要在一張圖像中建立多個鏈接，則用圖像地圖實現(xiàn)。圖像地圖指被分成多個區(qū)域（或稱“熱點”）的圖像，可為每個熱點指定一個鏈接?！皩傩悦姘濉敝械?個“熱點工具”如下： ：指針熱點工具，用于移動、放大或縮小熱區(qū) ：矩形熱點工具，用于繪制矩形熱區(qū) ：橢圓形熱點工具，用于繪制圓形熱區(qū) ：多邊形熱點工具，用于繪制多邊形熱區(qū)選取圖像在“屬性面板”中單擊“熱點工具”并創(chuàng)建熱區(qū)

30、在“熱區(qū)”屬性面板中的“鏈接”文本框中創(chuàng)建鏈接。3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)362022-2-9網(wǎng)頁設計技術(shù)37選擇一個熱區(qū)后，自動打開“熱區(qū)”屬性面板，如圖所示。在屬性面板中進行對應的設置。在“鏈接”文本框中輸入要鏈接的文件名稱或相應的錨點名稱。 在“目標”下拉列表框中選擇打開鏈接頁的方式。如圖所示，在新窗口中打開。在“替代”文本框中輸入鼠標移動到鏈接熱點上時顯示的內(nèi)容。 2022-2-9網(wǎng)頁設計技術(shù)394.4.電子郵件鏈接電子郵件鏈接 網(wǎng)頁中設置電子郵件鏈接非常普遍。當單擊電子郵件鏈接文本時，該鏈接打開安裝在系統(tǒng)中的電子郵件應用程序，并且創(chuàng)建了一個已指定好收

31、件人地址的空白郵件。電子郵件鏈接創(chuàng)建方法如下：選擇插入電子郵件鏈接菜單命令；在屬性面板的“鏈接”文本框中，輸入“mailto:”，在后輸入電子郵件地址。如：mailto:3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)405.5.腳本鏈接腳本鏈接執(zhí)行腳本代碼或調(diào)用JavaScript函數(shù)。它非常有用，能夠在不離開當前 Web 頁面的情況下為訪問者提供有關(guān)某項的附加信息。腳本鏈接還可用于在訪問者單擊特定項時，執(zhí)行計算、驗證表單和完成其它處理任務。在設計視圖中創(chuàng)建腳本鏈接在“文檔”窗口的“設計”視圖中選擇文本或圖像對象。 在屬性檢查器的“鏈接”框中，鍵入 javascript: 后跟腳

32、本代碼（在冒號與代碼或調(diào)用之間不能鍵入空格）。如：javascript:window.closejavascript:window.close()() 3.2 添加網(wǎng)頁內(nèi)容添加網(wǎng)頁內(nèi)容2022-2-9網(wǎng)頁設計技術(shù)416.6.空鏈接空鏈接是未指派目標的鏈接，空鏈接用于向頁面上的對象或文本附加行為。Dreamweaver行為面板中列出了許多行為，這些行為相當于JAVASCRIPT的程序或函數(shù)，對文本設置行為先要設置空鏈接，行為才有效。在設計視圖中創(chuàng)建空鏈接在“文檔”窗口的“設計”視圖中選擇文本、圖像或?qū)ο蟆?在屬性檢查器中的“鏈接”框中鍵入 javascript:; （javascript 一詞后依次接一個冒號和一個分號，