【文章內(nèi)容簡介】 ows 98/NT/Me/2020/XP. 14 軟 件可 選 ： 其它 軟 件：看 圖軟 件 ACDSee、 圖 像 處 理 軟 件 Photoshop、上 傳 工具 CuteFTP、 Fireworks、動畫軟 件 Flash等。 Dreamweaver 8 的操作 環(huán) 境 我們將 工作接口分成了“ 標題欄 ”、“菜 單欄 ”、“快捷工 具欄 ”、 “ 屬 性面板”、“浮 動 控制面板” 5個 部 分來分別 介 紹 。 標題欄 Dreamweaver 8的“ 標題欄 ”中 將顯 示文字“ Macromedia Dreamweaver 8”如果打開 網(wǎng) 頁 的 話 ，在后面 還會顯示該網(wǎng)頁 的一些信息，如網(wǎng) 頁標題 、所在位置及網(wǎng) 頁 名 稱 ，右 邊 有三 個鈕 ，分 別對應 Dreamweaver MX的最大化最小化 和關閉 的操作。 15 菜 單欄 “ 標題欄 ”下面就是“菜 單欄 ” ，欄 中提供了“檔”、“ 編輯 ”、“查看”、“插入”、“修改”、“文本”、“站 點 ”、“窗口”、“ 幫 助” 10項 菜 單 。 單擊 其中任意一項 菜 單 ， 隨 即就 會 出 現(xiàn) 一 個下 拉式指令菜 單 。有些指令的右 邊會 有 鍵盤的 代 碼，這 是 該 指令的快捷 鍵 ，熟 練 使用快捷 鍵將會 有助于提高工作效率。有些指令的右 邊會 有一 個 小黑三角的 標記 ，它代表 該 指 令還 包含下一 級 的指令，鼠 標 停留片刻即 可顯 示。 快捷工 具欄 “快捷工 具欄 ”指的是“菜 單欄 ”下 邊 的 3排按 鈕 ， 選擇 菜 單 “查看 /工具 欄 ”，勾選 里 面的“插入”、“文檔”和“ 標 準” 3項 ，完整的快捷工 具欄 就 顯現(xiàn) 出 來了 。 屬 性面板 在網(wǎng) 頁編輯 窗口的下面 還 有一 個 面板，它是有名 的 “ 屬 性面板”，它在 這個軟 件中起到 舉 足 輕重 的作用。 16 屬 性面 板顧 名思 義 ，就 是顯 示， 調(diào)整屬 性的面板，根據(jù)鼠 標所選 中 對 象的不 同， “ 屬性面板”在接口上也 會 有所差異，用 戶 可以分 別對不 同的 對 象 進 行 調(diào) 整。 17 第二章網(wǎng)頁的結構圖 18 第三章 網(wǎng)站制作實戰(zhàn) 站 點 創(chuàng) 建站 點 要制作一 個 網(wǎng)站，第一步操作都是一 樣 的， 就是要 創(chuàng) 造一 個 “站 點 ”， 這樣 可以使整 個 網(wǎng)站的 脈絡結 構清晰地展 現(xiàn) 在面前，避免了以后再 進 行 紛雜的 管理。 從 菜 單 中 選擇 “站 點 /管理站 點 ” 在彈 出的 對話框 中 選擇 “新建”，之后再 選擇其中的“站 點 ”，再次 彈 出一 個對話框 ，在文本框中 輸 入自己已 經(jīng) 企化好的網(wǎng)站名 稱 “ my web”。 填好后， 單擊 “下一步”， 進 入下一 個 步 驟 。由于我要做的是一 個靜態(tài) 的網(wǎng) 頁 ，所以 選擇 上面的一 項 “否，我不想使用服 務 器技 術 ?！? 單擊 “下一步”， 進 入下一 個 步 驟 。 在此 選項中有兩個選擇 ， 選擇 推薦的“ 編輯 我的 計 算機上的本地副本，完成 后再上傳 到服 務 器”。底下的文本框 允許 在本地磁 盤 上指定一 個 文件 夾 ， Dreamweaver將 在其中儲 存站 點 檔的本地副本。 單擊該 文本框后面的文件 夾圖 示，新建并指定一 個 空的檔 夾 “ E:/ding”。之后 單擊 “下一步“， 進 入下一 個 步 驟 。 19 這 一步是如 何設 置 連 接 到遠 程服 務 器， 彈 出式菜 單 中有 6中 選擇 ， 這 里 選擇 “ 無 ”。而后“下一步”再“完成”，即可。 創(chuàng) 建站 點內(nèi) 容 站 點創(chuàng) 建完成后，就可 以創(chuàng) 建 Web頁來 填充站 點了 。在“右 側 浮 動 面板 組 ”中 選擇 “檔 /檔”面板，此 時 整 個 網(wǎng)站中 沒 有任何 內(nèi) 容。用鼠 標 右 擊面 板中 的本地根目 錄文 件 夾 。 在彈 出的菜 單 中 選擇 “新建文件”，新建一 個檔后將 其命名 為 “ (或 ind),它就是未 來 的首 頁 。 由于“ my web”網(wǎng)站分 為 “首 頁 ”、“相 冊 ”、“留言”、“搜索”、“登 陸 ”“注冊 ” 這 六 個 大 欄 目。之后再次新建 1個 檔 夾 ，命名 為 images,用 來 存放“所有的 圖 像文件”的 內(nèi) 容。 之后在 個欄 目的檔 夾 里 還 要建立想相 應的欄 目網(wǎng) 頁 。 20 首 頁 設 置首 頁 布局 每 個 網(wǎng)站都 會 有一 個 首 頁 ，就功能上而言，它代表 著 一 個 網(wǎng)站的 風 格與特色，就網(wǎng)站架構上而言，它代表了網(wǎng)站的第一 層 架構，至于網(wǎng)站上其它 Web頁 ， 原則 上都必 須 通 過首頁來連 接散播出去，可 見 首 頁 是多么的重要。 首 頁 是 打開 網(wǎng)站后在 瀏覽 器中 顯 示的第一 個頁 面。它是起什么名字通常要 視 Server端的 設置，一般的有 , ，目前主要以 。 當然 ，后 綴 名 為 html也是正確的。 具體 設 置方法是：右健 單擊 “檔”浮 動 面板中的 ,在彈 出的菜 單 中 選擇 “ 設 成首頁 ”。 首 頁 的布局有很多方法，在 這 里我所用到的是表格 的“布局模式”。“布局”模式中的表格 稱為 布局表格， 單 元格 稱為 布局 單 元格。在 繪 制布局表格和布局 單 元格 時 ，必 須從 “ 標準”模式切 換 到“布局”模式。直接 單擊 “布局”按 鈕 即可。 操作步 驟 ： 在“插入快捷 欄 ”的“布局” 分類 中， 單擊 “布局表格”按 紐 。 21 將變 成“ +”形 狀 的鼠 標游標 放 到編輯 中網(wǎng) 頁 上，在要 繪 制的地方 進 行拖 動 就可以 進 行 創(chuàng) 建了。（如果 繪 制的是第一 個 表格必 須從 網(wǎng) 頁 的最左上角 開始繪 制）。 在 這 里要 繪 制多 個 表格，可以再次 單擊 “布局表格”按 紐進 行 繪 制，也可以按住 Ctrl鍵繪 制多 個 表格?！啊本W(wǎng)站首 頁 的布局如 圖 所示： 置首 頁 的 頁 面 屬 性 首先 雙擊 “檔”浮 動 面板中的 ,進 入 頁 面的 編輯 窗口。右健 單擊空 白 區(qū) 域，在菜 單 中 選擇 “ 頁 面 屬 性”，之后 彈 出“ 頁 面 屬 性 ” 對話框 ，若 選擇 主菜 單 “修改 /頁 面 屬性 ” 項 ，也可以把 打開該對話框 。 22 在“ 頁 面 屬 性 ” 對話框 中，左 側 窗 口顯 示“ 分類 ”，其中包括了“外 觀 ”、“ 鏈接 ”、“ 標題 ”、“ 標題 /編碼 ”、“跟 蹤圖 像” 5項 ，右 側區(qū)域則顯 示各 類 中可 以設 置的 項 目?！?my web”首 頁設 置 的屬 性如下 圖 所示： 23 編輯頭內(nèi) 容 一 個 網(wǎng) 頁 文件 結 構上 實際 是 由兩 部分 組 成， 頭 （ head） 內(nèi) 容和主體（ body） 內(nèi) 容主體 內(nèi) 容（ body）是文檔的主要部分，也是包含文本和 圖 像等的可 見 部分。 頭內(nèi) 容（ head）是除文檔 標題 外的不可 見 部分，包含有文文件 類 型、 語言編碼 、搜索引擎 的關鍵的關鍵詞和 內(nèi) 容指示器以及 樣 式定 義等 重要信息， 這 些元器并不是每 個頁 面都需要的，例如，可 以僅為 主 頁 提供 關鍵詞 。 下面就以首 頁為 例， 說 明怎 樣 插入 較 常用的 頭 （ head） 內(nèi) 容。 單擊 “菜 單攔 ”下面“插入快捷”的下拉列表， 選擇 其中的 HTML類 ，此 時 右 側將會顯示該類 中可以插入的 對 象快捷按 鈕 ，再次 單擊 第 2個 按 鈕 “文件 頭 ” 旁 邊 的下拉 箭頭 ， 會彈 出菜 單 ， 該項 列出的便是即 將 插入的 頭內(nèi) 容。 插入 圖 像 圖 像是網(wǎng) 頁 中不可或缺 的組 成成份，恰 當 地使用 圖 像，可以使網(wǎng)站充 滿生 活生命力與說 服力，吸引更多的 瀏覽者 ，加深他 們 欣 賞 你網(wǎng)站的意愿。 另一方面，網(wǎng) 頁 的容量大小是網(wǎng)站成功與否的一大 關鍵 因素。由于網(wǎng) 絡 在 傳輸 上的限制， 導 致了下 載 的速度不可能太快，因此，網(wǎng) 頁 的大小就不能太大，其中 關鍵 就在于 圖像的大小了，否 則瀏覽者會 失去等待的耐心， 無論 你的網(wǎng)站多么精彩也 無濟 于事了。所以， 24 在網(wǎng)面容量大小的 問題 上一定要重 視 。下面就 來詳細 介 紹對 網(wǎng) 頁圖 像 進 行 處 理的操作步 驟 ，以使得它 們 在保持 圖 形美 麗與 網(wǎng)站 風 格搭配的基 礎 上， 圖 片文件能 夠變 的更小。 首先 將 游 標 停留在要插入 圖 像的位置，然后 單擊 “菜 單欄 ”下面“插入快健 欄 ”的下拉表， 選擇 其中的“常用” 類 ， 則 右 側將會顯示該類 中可以插入的 對 象快 鍵 按 鈕 。左起第 5個即為 “ 圖 像： 圖 像”按 鈕 ， 單擊 它右 側的 下拉列表， 選擇 第 1項 “ 圖 像”。 隨 即 彈 出“ 選擇圖 像源文件 ” 對話框 。 從計 算機磁 盤 中 選擇 想要插入的 圖 像文件，或在 URL編輯 框中 輸 入 圖 像的路 徑 和名 稱 。下面的“相 對 于”下拉表框中，可 選擇 文件 URL地 址的 類 型，如果 選擇 “文文件” 選項 ，表示 圖 像地址相 對于當 前文檔；如果 選擇 “站 點根目 錄 ” 選項 ，表示地址相 對 于根目 錄 。在 這 里我要插入的是網(wǎng) 站標 志 logo，插入 logo圖 像，如 圖 所示 : 最后 單擊 “確定”按 鈕 ，即可完成插入 圖 像的操作。 在 Dreamweaver 8中，除了之前 講 到的可以插入“ 圖 像”外 ，還 可插 入動畫 、 聲 音、視頻 等媒體元素，如 Flash,Shockwave,Applets,ActieX及格 Midi聲 音文件等，并 且還 可 25 以在 Dreamweaver自身 內(nèi) 插入 Macromedia Flash MX2020按 鈕 和文本 對 象，以 及進 行相 關的后 期 處 理和添加 設計備 注等操作。