【正文】 設置即可 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 55 表格 使用表格可以清晰地顯示列表的數(shù)據(jù) ， 實際上表格的作用遠遠不止顯示數(shù)據(jù) ， 它在網(wǎng)頁定位上一直起著重要的作用 ， “ 網(wǎng)頁即表格 ” 這一說法雖屬過分 ， 但表格作為網(wǎng)頁中的骨架這一點是不需要懷疑的 。 仔細研究每一個網(wǎng)頁 ， 從其頁面布局來看 ， 很難說都是一個表格 。 其實道理很簡單 ， 網(wǎng)頁中允許使用嵌套表格 ， 任何一個網(wǎng)頁 ， 如果按照自頂向下 、自外向內 、 自左向右的順序進行分解 ， 不過是表格的嵌套形式而已 。 當然表格的布局除了橫平豎直之外 ， 大概是難于出現(xiàn)傾斜的布局的 。 但是 ， 除非必要 ， 表格的嵌套層次不應太多 ， 否則給服務器和瀏覽器都將帶來性能的影響 。 因為表格的最大問題在于表格內容下載比較耗時 ， 往往要等一個表格中全部內容下載完成后才能顯示該表格內容 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 56 表格 初學者選中表格并不容易 ， 以下有幾種方法： ⑴ 把鼠標移動到表格右邊界外側 ， 按下鼠標之后往左拖拽 ， 這樣可以快速選取整個表格 。 ⑵ 用鼠標點擊任一個單元格 ， 運行 【 修改 】 → 【 表格 】 → 【 選擇表格 】 命令選擇整個表格 。 ⑶ 在單元格中右擊鼠標 ， 并且從彈出菜單中執(zhí)行 【 表格 】 → 【 選擇表格 】命令選取整個表格 。 ⑷ 用鼠標點擊任一個單元格 ， 接著按兩下 “ Ctrl＋ A”組合鍵選取整個表格 。 ⑸ 把鼠標移動到表格左上角外部 ， 待鼠標變成十字形符號時候點擊選取整個表格 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 57 表格 ⑴ 打開或切換到 ⑵ 修改視圖屬性為 “ 代碼和設計 ” 使用 【 查看 】 → 【 代碼和設計 】 命令修改視圖屬性 ， 調整工作窗口的分割線到合適狀態(tài) ， 使得代碼窗口和設計窗口都能看見 。 ⑶ 選中頁面最上方的表格 ⑷ 查看 、 修改表格的屬性和代碼 表格的屬性可以在屬性面板上看到 ， 有表格 Id、 寬度 、 邊框 、 對齊 、 背景圖像等屬性 ， 這些屬性可以直接修改 ， 修改后的效果會在頁面上反映出來 ，同時表格的 HTML代碼也將發(fā)生變化 ， 也可以直接修改代碼 。 請試著修改觀察頁面和代碼的變化 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 58 表格 插入表格的方式很多也很簡單 。 切換到 ， 通過插入菜單或插入面板插入表格 ， 輸入文字 ， 設置格式 ， 實現(xiàn)樣本頁面中最上方表格的效果 ， 并保存 。 表格對于網(wǎng)頁定位具有很重要的作用 。 找出樣本頁面中的所有頂級表格 ， 依次復制到 。 通過觀察該頁面中的頂級表格的數(shù)量 、 關系可以看出 ， 一個頁面可以自上而下分成幾個表格 ， 但不能自左至右分成若干個表格 。 如果有自左至右分割成獨立的表格 ， 需要使用嵌套表格 ， 即在外層表格的一行上的各單元格中分別插入表格 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 59 表格 表格的其他操作很多 ， 菜單中都列出來了 ， 和 EXCEL等軟件的表格操作差不多 ， 具體編輯操作方法就不一一列舉 ， 讀者可以自行研究 。 這里讀者要特別研究以下的幾個問題： ① 怎樣統(tǒng)一調整行高 、 列寬 。 ② 怎樣插入行 、 列 、 合并單元格 。 ③ 跨行的單元格和跨列的單元格有什么特殊的屬性 。 ④ 怎樣插入嵌套的子表格 。 ⑤ 怎樣控制子表格填滿所在的單元格或者上下對齊 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 60 圖像 圖像在網(wǎng)頁中經常使用 ， 屬于網(wǎng)頁中的一個基本元素 。 使用 【 插入 】 → 【 圖像 】 命令后在選擇圖像對話框中找到一幅圖像并確認 ，就可以在網(wǎng)頁中加入一個圖像 。 在設計視圖中選中圖像 ， 查看其屬性面板的選項和圖像標簽的 HTML代碼 。 img alt= src=image/ width=40 height=40 注意 src屬性 ， 表示圖像的 URL地址 ， 有相對地址和絕對地址之分 ， 可以在選擇圖像的對話框中進行選擇 。 注意其格式不同和適宜情形 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 61 超鏈接 超鏈接可以分為外部鏈接 （ 文件 ） 、 內部鏈接 （ 頁內錨點 ） 、 EMail鏈接（ 直接啟動郵件程序 ， 書寫并發(fā)送郵件 ） 等種類 。 絕大部分對象都可以建立超鏈接 ， 包括文本 、 圖像及圖像的局部區(qū)域 （ 熱點 ） 。 ⑴ 使用對象的屬性面板上的 “ 鏈接 ” 文本框 。 ⑵ 使用快捷菜單中的 “ 創(chuàng)建鏈接 ” 。 ⑶ 使用修改菜單中的 “ 創(chuàng)建鏈接 ” 。 ⑷ 使用站點地圖的功能 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 62 超鏈接 在 “ 課程簡介 ” 文字 ， 可以看到屬性面板中的超鏈接信息 ， 可以通過右邊的 【 瀏覽文件 】 按鈕進行重新選擇 。 以下是對應的 HTML形式 。 a href=Computer/ target=_blank 課程簡介 /a a/a是標簽 ， href是目標 URL的地址 ， target是目標屬性 ， 表示在哪個窗口中打開頁面 ， 典型的有如下幾種情況： ⑴ _blank—— 新窗口 。 ⑵ _parent—— 父框架 ⑶ _self—— 當前頁面所在位置 ⑷ _top—— 頂級框架 （ 當前窗口 ） 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 63 超鏈接 建立圖像對象的超鏈接過程與文本對象的基本一致 。 關于圖像局部區(qū)域（ 熱點 ） 鏈接的建立方法如下： ⑴ 選中圖像 。 ⑵ 點擊屬性面板左下角的熱點工具圖標 （ 如矩形熱點工具 ） 。 ⑶ 在圖像上畫出范圍 ， 這時候頁面中會建立熱點對象 ， 屬性面板中出現(xiàn)熱點的屬性視圖 。 ⑷ 設置超鏈接 。 具體的 HTML代碼讀者自己查找和閱讀 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 64 超鏈接 （ 頁內錨點 ） 錨點用于解決頁內文檔定位的問題 ， 建立方法是先將光標定位到希望的位置 ， 使用 【 插入 】 → 【 命名錨記 】 命令后在對話框中輸入名稱 （ 假設輸入“ sec01”） ， 結果的 HTML代碼如下： a name=sec01/a 以后鏈接該頁時候在 URL地址的后面加上 “ sec01”， 打開頁面后自動定位到此錨點位置 。 電子郵件鏈接可以直接打開郵件程序編寫郵件 ， 建立方法是先將光標定位到希望的位置或選中對象 ， 使用 【 插入 】 → 【 電子郵件鏈接 】 命令后在對話框中輸入相應的信息即可 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 65 其他簡單對象 在插入菜單中 ， 還有很多類型對象可以插入 ， 常用的還有多媒體類型等 。這里以插入一個 Applet（ Java小應用程序 ） 為例 。 使用 【 插入 】 → 【 媒體 】 → 【 Applet】 命令后在文件對話框中選中 images目錄中的 。 預覽 （ F12） 網(wǎng)頁看 Java小應用程序的運行效果 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 66 高級頁面元素的使用方法 層 表單 行為 返 回 CSS樣式表 超鏈接 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 67 層 如果需要在頁面現(xiàn)有內容之上再顯示一些其他的畫面 ， 就要使用層 。 對于層 ， 可以簡單地理解為 “ 活動網(wǎng)頁 ” ， 理論上可以在層中放置各種頁面元素 ， 但一般情況下使用層總是為了追求某種特殊的效果 ， 如移動的圖片 、廣告之類 。 創(chuàng)建層的方法很簡單 ， 在頁面中點擊合適的位置后使用 【 插入 】 → 【 層 】命令就創(chuàng)建了一個層 。 層還可以嵌套 ， Dreamweaver根據(jù)建立層時候所處的位置自動處理層之間的關系 。 選中層 ， 可以看到層的屬性 ， 這里注意層的編號 、 Z軸 （ 決定層之間的覆蓋關系 ， 即層次 ） 、 位置大小 、 可見性等信息 。 層的位置是相對于父級層的 ， 頂級層的父級層就是網(wǎng)頁本身 。 可見性有四種： inherit表示繼承父級層的可見性； visible無條件顯示 ，與父級層可見性無關； hidden無條件隱藏 ， 與父級層可見性無關；default不設置可見性 ， 一般的瀏覽器解釋成 inherit。 如果要動態(tài)控制層的移動 ， 需要使用 JavaScript腳本 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 68 層 ⑴ 使用嵌套層時候不要使用多重父層 ， 應共享一個共同的單一父層 。 ⑵ 總是將文本放在層中的一個表格里 ， 表格應該是絕對大小的 （ 以像素為單位 ） 且不大于層 。 ⑶ 不將層放置在表格中 。 ⑷ 為了支持 Netscape， 頁面中要使用 Netscape Resize Fix這個插件 。 ⑸ 不要期望當瀏覽器窗口大小或屏幕分辨率發(fā)生變化后 ， 絕對定位的層仍能保持與居中的表格或頁面內容的對齊 。 有插件可用來動態(tài)的實現(xiàn)這個效果 。 ⑹ 不要試圖在層中放置滾動條 。 ⑺ 不給層和一幅圖像相同的命名 ， 每個層應該有自己唯一的并區(qū)別于頁面中的其它元素的名字 。 ⑻ 不要直接對層應用事件 /行為 ， 可以應用它們到層中的內容 （ 鏈接或圖像 ） 而不是層自身 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 69 表單 如果客戶端要向服務器端提交一些非固定的信息 ， 就需要在網(wǎng)頁中使用表單 ， 而這時候服務器就需要特定的動態(tài)網(wǎng)頁或程序來響應客戶端的請求 。 表單 （ Form） 就是解決這種問題的頁面元素 ， 一個表單由若干個輸入域以及若干個動作按鈕構成 ， 用戶可以填寫信息 ， 填寫完后通過提交操作將信息發(fā)送到指定的服務器程序 ， 服務器程序對用戶發(fā)來的信息進行識別處理 ，并將相應的結果回送給客戶端 。 如圖 86所示 ， 表單面板中 ， 從左至右的圖標依次為：表單 、 文本字段 、隱藏域 、 多行文本框 、 復選框 、 單選按鈕 、 單選按鈕組 、 列表 /菜單 、 跳轉菜單 、 圖像域 、 文件字段 、 按鈕 、 標簽 、 字段集 。 返 回 第 8章 網(wǎng)頁制作技術 首頁 結束 2022年 10月 23日星期日 大學計算機基礎教程 70 表單 這里假設要設計一個簡單的用戶登錄表單 ， 需要輸入用戶名 、 密碼 、 選擇登錄服務器 ， 下面給出一個概要的過程 。 ⑴ 打開 ⑵ 將光標定位到合適的地方 ， 插入一個表單 。 ⑶ 插入一個 4行 2列的表格 （ 插入前光標要在表單內 ） 。 ⑷ 在第一列單元格中自上而下依次輸入 “ 賬號 ” 、 “ 密碼 ” 、 “ 服務器 ” 。 ⑸ 在第 1行第 2列插入一個文本字段 ， 屬性默認 。 ⑹ 在第 2行第 2列插入一個文本字段 ， 類型屬性設為密碼 。 ⑺ 在第 3行第 2列插入一個列表 /菜單 ， 屬性默認 ， 點擊 【 列表值 】 按鈕打開對話框 ， 輸入三行內容 ， 每行兩項分別是標簽和值 （ 如：北京 、 1；上海 、 2；深圳 、 3） 。 ⑻ 選擇第 4行的兩個單元格 ， 合并后依次插入三個按鈕 ， 選擇第 2個按鈕 ， 修改屬性中的標簽為