【正文】 ”中的“刪除列”選項(xiàng)。 (要?jiǎng)h除一行單元格，單擊“表格”中的“刪除行”選項(xiàng)。 ② 將鼠標(biāo)指向目標(biāo)單元格內(nèi)，單擊鼠標(biāo)右鍵，在彈出的菜單中選擇目標(biāo)選項(xiàng)，如圖所示。效果如圖所示。如圖所示。 如圖所示 。 如圖所示 。如圖所示。 （ 1） 建立表格 ① 建立一個(gè)新的空白頁(yè)面 ，在文件中選定插入點(diǎn)。一般建立完成框架后 ， 會(huì)分別設(shè)計(jì)與框架鏈接的網(wǎng)頁(yè) ， 然后檢測(cè)網(wǎng)頁(yè)內(nèi)容是否可以在框架中正確地顯示 。 框架可以起到折分瀏覽器窗口的作用 ， 它本身并不是網(wǎng)頁(yè) ， 在使用框架建立并編輯網(wǎng)頁(yè)時(shí) ， 一定要分別保存與名框架相鏈接的網(wǎng)頁(yè) 。 4. 框架 框架的作用是把瀏覽器窗口劃分為若干個(gè)區(qū)域 ，各區(qū)域可以分別顯示不同的網(wǎng)頁(yè)內(nèi)容 。 與表格的功能相比 ， 層與表格相似 ，而且能夠相互轉(zhuǎn)化 ， 但層在操作上上自由度更高 。 3. 層 層是網(wǎng)頁(yè)的一個(gè)區(qū)域 ， 在一個(gè)網(wǎng)頁(yè)中可以有多個(gè)層存在 ， 它最大的魅力在于各個(gè)層可以重疊 ，并且可以設(shè)定層的屬性和關(guān)系 。 它同傳統(tǒng)繪制表格方法的差別在于 ， 在布局視圖中 ，我們可以在頁(yè)面上繪制任意數(shù)量和大小的表格 ，而且在表格中的任意位置上也可以繪制任意數(shù)量和任意大小的單元格 。 當(dāng)用戶選定了表格或表格中有插入點(diǎn)時(shí) ，Dreamweaver MX 2022會(huì)顯示表格寬度和每個(gè)單元列的列寬 ， 提供了兩種查看和操作表格的方式：在 “ 標(biāo)準(zhǔn) ” 模式中 ， 表格顯示為行和列的網(wǎng)格；在 “ 布局 ” 模式下允許用戶在將表格用作基礎(chǔ)結(jié)構(gòu)的同時(shí)再頁(yè)面上繪制 、 調(diào)整表格的大小以及移動(dòng)表格 。 1. 表格 表格是用于在頁(yè)面上顯示表格式數(shù)據(jù)以及對(duì)文本和圖像進(jìn)行布局的強(qiáng)有力的工具 ， 很多設(shè)計(jì)人員還使用表格來對(duì)網(wǎng)頁(yè)進(jìn)行布局 。 框架是一種常用的版面設(shè)計(jì)方式 。 利用層可以非常靈活地放置內(nèi)容 ， 給了設(shè)計(jì)者很大的自己度 。 由于層可以定位在頁(yè)面上的任意位置 。 （ 4） 在一個(gè)文件中命名一個(gè)錨 “ tu”，在當(dāng)前文檔內(nèi)實(shí)現(xiàn)書簽鏈接。 13 思考與練習(xí) （ 1） 絕對(duì)路徑和相對(duì)路徑有什么區(qū)別 ？ （ 2） 超級(jí)鏈接按鏈接目標(biāo)分類 ， 分為哪幾類 ？ （ 3） 新建一個(gè)頁(yè)面 。會(huì)看到狀態(tài)欄的文件路徑后出現(xiàn) “ ”。 ③ 保存 。 ② 在屬性面板的 “ 鏈接 ” 文本框中輸入一個(gè) “ ”， 這樣單擊地址為 “ ”的鏈接就會(huì)自動(dòng)跳轉(zhuǎn)到文檔的起始位置 。 12 實(shí)訓(xùn) 。按F12預(yù)覽網(wǎng)頁(yè)。 ⑦ 單擊確定。 ⑥ 在 “ URL： ” 文本框中輸入“ lianjie”。 ④ 打開 ，選中設(shè)置超鏈接的對(duì)象 。錨就插入在指定的位置 。 如圖所示 。 ① 在 位置 。 使用書簽可以跳轉(zhuǎn)到其他文件中的制定位置 ， 也可以跳轉(zhuǎn)到當(dāng)前文件中的指定位置 。 11 實(shí)訓(xùn) 。 ④ 保存 。如圖所示 。 ③ 在 “ 文本 ” 文本框中會(huì)顯示選中的文字 ， 也可以在該文本框中輸入新文字代替 。 ① 選中要作為鏈接的 “ 聯(lián)系管理員 ” 。如圖所示。按 F12預(yù)覽。 ④ 重復(fù)③的操作，對(duì)其他花朵進(jìn)行熱區(qū)設(shè)置。 ③ 在圖上左下角的花朵上繪制熱區(qū)，彈出熱點(diǎn)面板，在“鏈接”位置輸入“ ”，目標(biāo)為“ _blank”,替代文本為“新浪網(wǎng)”，其他參數(shù)默認(rèn)設(shè)置。如圖所示。這里所說的圖像上的超級(jí)鏈接是指在一張圖片上實(shí)現(xiàn)多個(gè)局部區(qū)域指向不同的網(wǎng)頁(yè)鏈接。下面介紹通過熱區(qū)給圖像添加超鏈接。按 F12預(yù)覽網(wǎng)頁(yè)。也可以在屬性面板中單擊 “ 文件夾 ”圖標(biāo)，在彈出的對(duì)話框里選中相應(yīng)的網(wǎng)頁(yè)文件就完成了，效果是一樣的。此時(shí)，在 “ 鏈接 ” 對(duì)話框中就會(huì)出現(xiàn)剛才被選中的鏈接文件。 (2) 創(chuàng)建一個(gè)指向站內(nèi)文件的鏈接 ① 在網(wǎng)頁(yè)中選中要添加超鏈接的文本“文本鏈接”。按 F12預(yù)覽網(wǎng)頁(yè)。 ③ 也可以在屬性面板中進(jìn)行設(shè)置或修改，如圖所示。 ② 單擊 【 插入 】 → 【 超級(jí)鏈接 】 選項(xiàng)，彈出“超級(jí)鏈接”設(shè)置對(duì)話框，鏈接后輸入“ 目標(biāo)為“ _blank”，其他參數(shù)默認(rèn)設(shè)置。 建立站點(diǎn)，新建一個(gè)名為 。在 Dreamweaver MX 2022，“ 交換圖像 ” 的行為就是通過自動(dòng)調(diào)用空鏈接實(shí)現(xiàn)的。例如，在大多數(shù)瀏覽器中，圖像不能識(shí)別 onMouseOver事件。這種鏈接對(duì)于讀取某些 JavaScript事件時(shí)是非常有用的。 在Dreamweaver MX 2022中文版中 ， “ 書簽 ” 就被翻譯成 “ 命名錨記 ” 。 這種處理方式需要使用到一種特殊方式的超鏈接 ——“書簽鏈接 ” 。 當(dāng)用戶單擊上端內(nèi)容列表中感興趣的某一項(xiàng)時(shí) ， 網(wǎng)頁(yè)會(huì)自動(dòng)跳轉(zhuǎn)到該列表項(xiàng)的詳細(xì)說明位置 。 當(dāng)頁(yè)面瀏覽者單擊具有電子郵件鏈接的文本或按鈕時(shí) ， 可以直接打開安裝在系統(tǒng)中的電子郵件應(yīng)用程序 ， 在 “ 收件人 ” 位置已經(jīng)自動(dòng)填寫好了預(yù)先輸入的電子郵件地址 ， 瀏覽者只要在編寫完電子郵件后 ， 直接發(fā)送即可 。 電子郵件鏈接可以附加在按鈕圖片上 ， 也可以附加在文本上 ， 一般出現(xiàn)在網(wǎng)頁(yè)末尾 。 5. 郵件超鏈接 電子郵件正日益成為人們的重要溝通手段 。 建立圖像超鏈接和建立文本超鏈接一樣簡(jiǎn)單 ，步驟也大同小異 ， 通過創(chuàng)建圖像的各種超鏈接 ，可以實(shí)現(xiàn)主頁(yè)結(jié)構(gòu)和內(nèi)容的多樣性 。例如 ， 在個(gè)人的 Web中提供自己的照片 ， 通過單擊照片 ， 可以看到有關(guān)個(gè)人的一些內(nèi)容；在電子商務(wù)中 ， 商家在 Web頁(yè)中提供商品的圖片 ， 通過單擊圖片來了解商品的情況等 。 使用 Dreamweaver MX 2022創(chuàng)建召集鏈接既簡(jiǎn)單又方便 ， 只要選中要設(shè)置成超級(jí)鏈接的文字 ，然后在屬性檢查器 “ 鏈接 ” 文本框中添加相應(yīng)的URL即可 。 3. 文本超鏈接 文本超鏈接是網(wǎng)頁(yè)中最常見的超級(jí)鏈接 ， 它能給瀏覽者非常直觀的主題信息 ， 對(duì)它所包含的信息一目了然 。使用文檔相對(duì)路徑可以省去當(dāng)前文檔和被鏈接文檔的絕對(duì) URL中相同的部分，保留不同部分。 使用根目錄相對(duì)路徑時(shí) ， 即使移動(dòng)包含根目錄相對(duì)鏈接的文檔 ，鏈接也不會(huì)發(fā)生錯(cuò)誤 。 站點(diǎn)上所有公開的文件都存放在站點(diǎn)的根目錄下 。 創(chuàng)建外部鏈接時(shí) (即從一個(gè)網(wǎng)站的網(wǎng)頁(yè)鏈接到其他網(wǎng)站的網(wǎng)頁(yè) )， 必須使用絕對(duì)路徑 。 絕對(duì)路徑包含的是精確地址 ，因此不用考慮源文件位置 。 在一個(gè)網(wǎng)站中 ， 路徑通常有 3種表示方法：絕對(duì)路徑 、 根目錄相對(duì)路徑 、 文檔目錄相對(duì)路徑 。 郵件鏈接：發(fā)送電子郵件的鏈接 。 外部鏈接：不同網(wǎng)站文檔之間的鏈接 。 圖像鏈接：用圖像作為鏈接載體能使網(wǎng)頁(yè)美觀 、生動(dòng)活潑 ， 它既可以指向單個(gè)的鏈接 ， 也可以根據(jù)圖像不同的區(qū)域建立多個(gè)鏈接 。 根據(jù)鏈接載體的特點(diǎn) ， 一般把鏈接分為文本鏈接與圖像鏈接兩大類 。 而鏈接目標(biāo)可以是任意網(wǎng)絡(luò)資源 ， 如：頁(yè)面 、 圖像 、 聲音 、 程序 、其他網(wǎng)站 、 Email甚至是頁(yè)面中的某個(gè)位置 ——書簽 。 超級(jí)鏈接由兩部分組成：鏈接載體(源端點(diǎn) )和鏈接目標(biāo) (目標(biāo)端點(diǎn) )。 在Dreamweaver MX 2022中 ， 超級(jí)鏈接的范圍很廣 ，利用它不僅可以鏈接到其他頁(yè)面 ， 還可以鏈接到其他圖像文件 、 多媒體文件等 。 （ 2） 在頁(yè)面中插入圖片，并進(jìn)行編輯。 如圖所示 。 ⑤ 銳化 。單擊 “ 亮度 /對(duì)比度 ”調(diào)整工具，彈出“ 亮度 /對(duì)比度 ”對(duì)話框，如圖所示。 如圖所示 。 選擇“ 剪切 ” 工具 ， 用鼠標(biāo)在圖片上圈出所要圖片的大小范圍 。 ② 在屬性面板中，看到圖像編輯的工具，如圖所示。 （ 2） 圖像編輯 在 Dreaweaver MX 2022 中增加了圖片處理功能 ， 如圖片亮度和對(duì)比度的調(diào)節(jié) 、 圖片的銳化效果等等 。 選擇文檔 ， 則使用相對(duì)地址；選擇站點(diǎn)根目錄 ， 則使用基于根目錄的地址 。 則可以在右側(cè)預(yù)覽圖片 。 如圖 所示 。 ② 單擊 【 插入 】 →【 圖像 】 選項(xiàng) ， 或單擊常用工具欄上的 “ 圖像 ” 按鈕 。 4 實(shí)訓(xùn) 。 C 創(chuàng)建嵌套的列表： ① 選擇需要嵌套的列表項(xiàng)目 。 B 使用已有文本創(chuàng)建列表的方法： ① 選擇需要轉(zhuǎn)化為列表的一個(gè)段落 。 ② 單擊屬性面板中的中的項(xiàng)目列表或編號(hào)列表按鈕 ，也可選擇 “ 文本 ” 下的 “ 列表 ” 菜單 ， 選擇需要的列表類型： ? 項(xiàng)目列表 ? 編號(hào)列表 ? 定義列表 ③ 輸入列表項(xiàng)目 ， 按回車輸入另一個(gè)列表項(xiàng)目 。 E 添加鏈接。 如圖所示 。 C 設(shè)置文本格式 。 B 設(shè)置字體顏色及大小 ， 單擊 “ 顏色 ” 按鈕 ， 從中選擇需要的顏色 。 ⑤ 在 “ 可用字體 ” 列表框中選擇要添加的字體 。 ③ 在字體下拉列表中選擇所要的字體 。 （ 2） 格式化文本 A 設(shè)置字體組合 ① 選定要改變字體的文本 。 ② 從其他的程序或窗口中復(fù)制文本 ， 粘貼至文件窗口中 ， 步驟如下： A 在 Word窗口中選定需要粘貼的文本； B 執(zhí)行 【 編輯 】 → 【 復(fù)制 】 ， 復(fù)制文本； C 切換到 Dreamweaver文件窗口 ， 將其粘貼在指定位置 。如圖所示。 2. 圖像屬性 僅僅插入圖像 ， 對(duì)于網(wǎng)頁(yè)來說是不夠的 ，也不能達(dá)到正確使用圖像的目的 ， 只有在設(shè)置好圖像的屬性之后才能使網(wǎng)頁(yè)圖文并茂 ， 更見精美 。 1) 文本工具欄 ， 文本工具欄如圖所示 。 1. 文本工具欄和文本屬性面板 文本工具欄是建立文本的基礎(chǔ)工具 ， 通過文本工具欄可以設(shè)置文本的標(biāo)題格式和文字樣式等 。 一個(gè)高質(zhì)量的網(wǎng)站是離不開圖像的。 良好的文本格式 ， 可以創(chuàng)建出別具特色的網(wǎng)頁(yè) ， 激發(fā)訪客的興趣 。 無論制作網(wǎng)頁(yè)的目的是什么 ， 文本都是網(wǎng)頁(yè)中最基本的 、 必不可少的的元素 。 3)新建頁(yè)面，設(shè)置網(wǎng)頁(yè)的配色方案，然后輸入內(nèi)容。 圖 13 思考與練習(xí) 1)新建一張網(wǎng)頁(yè)，設(shè)置主頁(yè)關(guān)鍵字為“我的站點(diǎn)”，描述信息為“第一張網(wǎng)頁(yè)”。 ⑤ 在“ Rel”和“ Rev”文本框中輸入文檔與鏈接資源之間的關(guān)系。 ③ 在“ ID”文本框中輸入 ID值。 圖 6)設(shè)置文檔鏈接 ① 單擊 【 插入 】 → 【 HTML】 → 【 文件頭標(biāo)簽 】 → 【 鏈接 】 選項(xiàng)，或單擊“ HTML”工具欄中的“鏈接”按鈕，彈出如圖 的對(duì)話框。 ③ 在“目標(biāo)”下拉列表中，設(shè)置當(dāng)在文檔中單擊該鏈接時(shí)在哪個(gè)框架或窗口打開鎖鏈接的文檔。 圖 5)設(shè)置基礎(chǔ) URL地址 ① 單擊 【 插入 】 → 【 HTML】 → 【 文件頭標(biāo)簽 】 → 【 基礎(chǔ) 】選項(xiàng)，或單擊“ HTML”工具欄中的“基礎(chǔ)”按鈕，彈出如圖 。選中“刷新此文檔”單選按鈕則僅刷新當(dāng)前文檔。 ③ 在“操作”區(qū)域可以設(shè)置刷新動(dòng)作。 圖 4)定義自動(dòng)刷新 ① 單擊 【 插入 】 → 【 HTML】 → 【 文件頭標(biāo)簽 】 → 【 刷新 】 選項(xiàng)，或單擊“ HTML”工具欄中的“刷新”按鈕，彈出如圖 的對(duì)話框。 ② 在“描述”文本框中輸入描述信息。 ③ 設(shè)置完畢單擊“確定”按鈕完成插入關(guān)鍵字的操作。 ② 在“關(guān)鍵字”文本框中輸入關(guān)鍵字信息。 ③ 設(shè)置完畢單擊“確定”按鈕完成插入元數(shù)據(jù)的操作。 ② 在“屬性”下拉列表中選擇類型的屬性。 12 實(shí)訓(xùn) 。 ⑥ 在“分類”列表中選擇“跟蹤圖像”選項(xiàng)，彈出如圖 示的對(duì)話框。 ④ 在“分類”列表中選擇“標(biāo)題”選項(xiàng)，彈出如圖 。 ② 在“分類”列表中選擇“外觀”選項(xiàng)。常用的屬性有： href屬性用于指定鏈接資源的 URL； title屬性用于說明該鏈接關(guān)系，為一個(gè)字符串； rel屬性定義文檔和所鏈接資源之間的鏈接關(guān)系； rev屬性則定義文檔與所鏈接資源之間的反向關(guān)系。 10. 鏈接 使用 link標(biāo)記可以設(shè)置文檔和引用資源之間的鏈接關(guān)系，在 HTML頭部可以插入任意數(shù)量的 link標(biāo)記。 在 base標(biāo)記中有 href和兩個(gè)常用屬性。 9. 基礎(chǔ) 文檔中所有采用顯貴地址 URL的基礎(chǔ)出發(fā)位置稱為基礎(chǔ)URL地址，基礎(chǔ)地址也是通過文檔頭部的 meta標(biāo)記來實(shí)現(xiàn)的。 8. 刷新 定義自動(dòng)刷新就是 meta標(biāo)記的 equiv屬性設(shè)置為“ refresh”。 7. 描述 描述信息也是常用的元數(shù)據(jù)，可以幫助搜索引擎找到相關(guān)頁(yè)面。 6. 關(guān)鍵字 關(guān)鍵字是常用的元數(shù)據(jù)，可以幫助搜索引擎找到網(wǎng)頁(yè)。利用該屬性， Inter上的 HTTP服務(wù)器可以從頁(yè)面的 HTTP響應(yīng)頭部收集信息。在 HTML的頭部可以包含人以數(shù)量的 meta標(biāo)記。主要有 meta標(biāo)記。元