【文章內(nèi)容簡(jiǎn)介】 文精品”、“經(jīng)典回 顧”、“個(gè)人說(shuō)明“這五個(gè)大欄目，所以繼續(xù)用鼠標(biāo)右擊右側(cè)，在彈出的菜單中選擇第 二項(xiàng)“ New Folder（新建文件夾）”。執(zhí)行五次操作，新建五個(gè)文件夾，并把它們重命 名為 graph、 anim、 books、 music、 letter，分別對(duì)應(yīng)上面的五個(gè)大欄目。存放它們各 自的內(nèi)容。之后再次新建 1個(gè)文件夾，命名為 images,用來(lái)存放“所有的圖象文件”的 內(nèi)容。 之后在個(gè)欄目的文件夾里還要建立想相應(yīng)的欄目網(wǎng)頁(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也是正確的。 具體設(shè)置方法是：右健單擊“文件”浮動(dòng)面板中的 ,在彈出的菜單中選擇“設(shè) 成首頁(yè)”。 首頁(yè)的布局有很多方法，在這里我所用到的是表格的“布局模式”?！安季帧蹦Ｊ街械谋砀穹Q(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)始繪制）。 在這里要繪制多個(gè)表格，可以再次單擊“布局表格”按紐進(jìn)行繪制，也可 以按住 Ctrl鍵繪制多個(gè)表格。追夢(mèng)人”網(wǎng)站首頁(yè)的布局如圖所示： 首先雙擊“文件”浮動(dòng)面板中的 ,進(jìn)入頁(yè)面的編輯窗口。右健單擊空白 區(qū)域，在菜單中選擇“頁(yè)面屬性”，之后彈出“頁(yè)面屬性”對(duì)話(huà)框，若選擇主菜單“修 改 /頁(yè)面屬性”項(xiàng)，也可以把打開(kāi)該對(duì)話(huà)框。 在“頁(yè)面屬性”對(duì)話(huà)框中，左側(cè)窗口顯示“分類(lèi)”，其中包括了“外觀”、“鏈 接”、“標(biāo)題”、“標(biāo)題 /編碼”、“跟蹤圖像” 5項(xiàng)，右側(cè)區(qū)域則顯示各類(lèi)中可以設(shè)置 的項(xiàng)目。“追夢(mèng)人”首頁(yè)設(shè)置的屬性如下圖所示： 一個(gè)網(wǎng)頁(yè) 文件結(jié)構(gòu)上實(shí)際是由兩部分組成，頭（ head）內(nèi)容和主體（ body）內(nèi)容 主體內(nèi)容（ body）是文檔的主要部分，也是包含文本和圖像等的可見(jiàn)部分。頭內(nèi)容（ he ad）是除文檔標(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)?shù)厥褂脠D像，可以使網(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ì)于 事了。 所以，在網(wǎng)面容量大小的問(wèn)題上一定要重視。下面就來(lái)詳細(xì)介紹對(duì)網(wǎng)頁(yè)圖像進(jìn)行處理的 操作步驟，以使得它們?cè)诒３謭D形美麗與網(wǎng)站風(fēng)格搭配的基礎(chǔ)上，圖片文件能夠變的更 小。 首先將光標(biāo)停留在要插入圖像的位置，然后單擊“菜單欄”下面“插入快健欄” 的下拉表，選擇其中的“常用”類(lèi)，則右側(cè)將會(huì)顯示該類(lèi)中可以插入的對(duì)象快鍵按鈕。 左起第 5個(gè)即為“圖像：圖像”按鈕，單擊它右側(cè)的下拉列表，選擇第 1項(xiàng)“圖像”。 隨即彈出“選擇圖像源文件”對(duì)話(huà)框。從計(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，插入 l ogo圖象，如圖所示： 最后單擊“確定”按鈕，即可完成插入圖像的操作。 在 Dreamweaver MX2020中，除了之前講到的可以插入“圖像”外，還可插入動(dòng)畫(huà)、 聲音、視頻等媒體元素，如 Flash,Shockwave,Applets,ActieX及格 Midi聲音文件等， 并且還可以在 Dreamweaver自身內(nèi)插入 Macromedia Flash MX2020按鈕和文本對(duì)象，以 及進(jìn)行相關(guān)的后期處理和添加設(shè)計(jì)備注等操作。 在 Dreamweaver MX 2020文檔中，可以插入媒體文件包括 Flash Shockwave影片、 QuickTime 、 AVI java、 applet Active X控件以及各種格式的音頻文件。 要在瀏覽器中播放放 Flash 動(dòng)畫(huà)，必須在瀏覽器中集成“ Flash 播放器 （ Flash Play er）”。其中， 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) Fl ash圖標(biāo)。 步驟 2 在彈出的對(duì)話(huà)框中選擇擴(kuò)展名為 swf 的 Flash文件，即可將其插入到 Dreamwe aver的“網(wǎng)頁(yè)編輯窗口”中，可以看到，在這個(gè)窗口中 Flash文件的大小。在 這里我的主頁(yè)插入的一個(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)容，并以最最美觀、最整齊的方式放入到網(wǎng)頁(yè)中。 插入文本的兩種方式 網(wǎng)頁(yè)中需要大量的文本，我們或以通過(guò)以下兩種方式插入它們。 一種是在網(wǎng)頁(yè)編輯窗口中直接用鍵盤(pán)敲入文本。這可以算是最基本的輸入方式了， 和一些文本編輯軟件（如 Microsoft Word）的使用方法一樣，選擇好習(xí)慣的輸入法，就 可以運(yùn)指如飛了。 另一種是復(fù)制文本的方式。有些讀者可能不喜歡使用 Dreamweaver MX2020來(lái)進(jìn)行 打字的工作，而更習(xí)慣在專(zhuān)門(mén)的文本編輯軟件中快速打字，如 Microsoft Word和 Wind ows自帶的記事本等，又或者讀者已經(jīng)準(zhǔn)備好了要放入網(wǎng)頁(yè)的文本的電子版本，那么我 們就可以直接使用 Dreamweaver的文本復(fù)制功能，將大段的文本內(nèi)容拷貝到網(wǎng)頁(yè)的編輯 窗口來(lái)進(jìn)行排版的工作，具體步驟如下。 打開(kāi)文本編輯軟件（如 Microsoft Word），選中要復(fù)制的文本，它們將反白顯示， 執(zhí)行菜單“編輯 /復(fù)制”命令或直接用快捷鍵 Ctrl+C，之后切換回 Dreamweaver,將光標(biāo) 停留在插入文本的位置，執(zhí)行主菜單“編輯 /粘貼”命令或直接使用快捷鍵 Ctrl+v,即可 將 大段的文本快速粘貼到網(wǎng)頁(yè)中。 這在我的“網(wǎng)文精品”中用到很多，全部是在 word軟件中排好 ctrl+c,然后點(diǎn)擊要 粘貼的位置， crtl+v到 Dreamweaver即可。 還有其它的幾個(gè)網(wǎng)站與主頁(yè)的制作相同，一個(gè)網(wǎng)頁(yè)是圖象和文字的組合。 “平面設(shè)計(jì)”中的圖象插入和前面的介紹相似，并可以在屬性攔中調(diào)節(jié)圖