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