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