【文章內(nèi)容簡介】 eaver MX 2023制作網(wǎng)頁 （ 9）點擊右面的居中對齊按鈕使得圖像在顯示時處于頁面中央，設(shè)置 “邊框 ”值為 0。 （ 10）在設(shè)計窗口點擊圖像右邊區(qū)域并按回車使光標(biāo)移到圖像下方，輸入文字 “歡迎！點擊進入 ...”。拖動鼠標(biāo)選中剛才輸入的文字，在 “屬性面板 ”中改為居中對齊。 （ 11）為建立鏈接，新建一個 HTML文檔取名為 ，保存并關(guān)閉該文檔。 （ 12）回到 ，點擊選中圖像 ，在屬性面板中點擊 “鏈接編輯框 ”后面的瀏覽文件圖標(biāo)，在彈出的 “選擇文件對話框 ”中選擇 。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 （ 13）拖動鼠標(biāo)選擇文字 “歡迎！點擊進入 ...”，以同樣方法建立鏈接到 。在瀏覽器中察看網(wǎng)頁的實際效果，點擊網(wǎng)頁中下方的圖像或文字，可以鏈接到另一頁。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 （ 14）回到 Dreamweave，保存剛才設(shè)計的網(wǎng)頁。 至此完成本頁面的制作，點擊代碼按鈕可以看到Dreamweaver生成的 HTML代碼 。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 為了不影響網(wǎng)頁的下載速度，圖像要用得少而精，使用圖像處理軟件在不失真的情況下盡量壓縮。 瀏覽器能識別的圖像有 jpg（ jpeg）、 gif、 png和 bmp等， Dreamweaver能較好支持的有 jpg、 gif和 png。 目前網(wǎng)上用的最多的是 jpg和 gif，因為這兩種格式文件體積較小。 Gif格式的圖像用工具處理后能去掉本身的背景，而很好地和頁面融合，還能做成動畫。 在 Dreamweaver中選中網(wǎng)頁中的圖像后，可使用 “屬性面板 ”調(diào)整其在網(wǎng)頁中的屬性。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 用 Dreamweaver制作網(wǎng)頁，為了以后的方便，最好首先定義一個本地站點。其實，使用網(wǎng)頁編輯器比起直接手寫代碼最大的優(yōu)勢就在于站點管理。用 Dreamweaver，可以很方便的對站點內(nèi)文件進行改名或刪除操作，其站點管理能自動修改其他頁面指向這個文件的鏈接。使用Dreamweaver的模版和庫，可讓站點內(nèi)的部分頁面共用相同的部分，還可方便的統(tǒng)一更新。 Dreamweaver還自帶FTP功能，可進行遠程管理。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 （ 1）要新建一個本地站點，需點擊 Dreamweaver菜單欄的 “站點 ”→“ 管理站點 ”命令，彈出 “管理站點 ”對話框。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 （ 2）單擊 “新建 ”按鈕，彈出 “站點定義 ”對話框，在基本頁填入你給這個站點的命名。在對話框 “高級 ”頁 “本地根文件夾 ”設(shè)置這個站點在本地所在的文件夾，用以模擬本地站點的根目錄。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 （ 3）選中 “自動刷新本地文件列表 ”前的選框，則將來當(dāng)有新的文件復(fù)制到本地文件夾時， Dreamweaver將對這個本地站點的目錄列表自動更新。 （ 4）在 HTTP地址后可以填入這個站點的網(wǎng)址。 （ 5）選中 “啟用緩存 ”復(fù)選框，則 Dreamweaver會給這個本地站點設(shè)置一個緩存，以提高站點管理的速度。 （ 6）設(shè)置完畢后，點擊 “確定 ”按鈕，完成本地站點設(shè)置。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 準(zhǔn)備三幅圖把它們存入 images文件夾 。 圖像大小為 760 80像素； 760 20像素 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 152 363 像素 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 在 “文件面板 ”文件列表上的上一節(jié)建立的空文件，選 “打開 ”，打開 文檔，也可在文件列表雙擊打開該文件， “文件面板 ”文件列表上展開 images文件夾，拖動圖像 視圖，把光標(biāo)移到圖像右側(cè)再按鍵盤上 “Shift”+“回車 ”鍵，把 ，再把光標(biāo)移到右側(cè)按鍵盤上“Shift”+“回車 ”鍵，用同樣方法拖入圖像 ，設(shè)置文檔的標(biāo)題為 “風(fēng)箏網(wǎng)站 ”，保存該網(wǎng)頁。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 Dreamweaver MX 2023制作網(wǎng)頁 2．站點管理 按 F12鍵在瀏覽器中預(yù)覽結(jié)果 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 文本編輯 Macromedia Dreamweaver MX 2023 提供了多種向文檔中添加文本和設(shè)置文本格式的方法?？梢圆迦胛谋尽⒃O(shè)置字體類型、大小、顏色和對齊屬性，以及使用層疊樣式表（ CSS） 樣式創(chuàng)建和應(yīng)用自己的自定義樣式。 Dreamweaver允許通過以下方式在 Web 頁中添加文本：直接將文本鍵入頁中，從其他文檔復(fù)制和粘貼文本，或從其他應(yīng)用程序拖放文本。 Web 專業(yè)人員接受的、包含能夠合并到 Web 頁的文本內(nèi)容的常見文檔類型有 ASCII 文本文件、 RTF 文件和 MS Office 文檔。 Dreamweaver可以從這些文檔類型中的任何一種取出文本，然后將文本并入Web 頁中。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 文本編輯 （ 1）打開前面建好的網(wǎng)頁 。選中圖像，在 “屬性面板 ”對齊下拉菜單 中選左對齊，光標(biāo)在 ，輸入一段文字 。 （ 2）使用 “屬性面板 ”或 “文本 ”菜單中的選項可以設(shè)置或更改所選文本的字體特性。可以設(shè)置字體類型、樣式（如粗體或斜體）和大小。 （ 3）選中要編輯的文字，利用 “屬性面版 ”進行文本屬性編輯。 （ 4）保存設(shè)計的網(wǎng)頁。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 頁面布局 1．使用表格控制頁面布局 頁面元素的布局和定位并不能隨心所欲排版，借助表格，可實現(xiàn)所設(shè)想的任何排版效果。也可靈活使用表格的背景、框線等作出較美觀的效果。 表格是用于在 HTML 頁上顯示表格式數(shù)據(jù)以及對文本和圖形進行布局的強有力的工具。表格由一行或多行組成；每行又由一個或多個單元格組成。雖然 HTML 代碼中通常不明確指定列，但 Dreamweaver 允許操作列、行和單元格。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 頁面布局 1．使用表格控制頁面布局 （ 1）打開網(wǎng)頁文檔，拖動鼠標(biāo)選中頁面中所有圖像和文字，按Delete鍵刪除。在 “頁面屬性 ”中設(shè)置頁面背景色為 7799ca，頁面字體大小為 12像素。在 “文檔工具欄 ”中輸入頁面標(biāo)題為 “風(fēng)箏文化 ”。在 “插入面版 ”的 “通用 ”組中點擊表格圖標(biāo)，彈出 “表格 ”對話框 。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 頁面布局 1．使用表格控制頁面布局 （ 2）設(shè)置 “行數(shù) ”： 2， “列數(shù) ”： 1， “表格寬度 ”： 760像素， “邊框?qū)挾?”： 1像素， “單元格邊距 ”： 5， “單元格間距 ”：5，確定。 （ 3）點擊表格第一行單元格定位光標(biāo)，插入圖像。 （ 4）在第二行單元格中插入圖像 。 （ 5）點擊表格內(nèi)上方區(qū)域，在工作區(qū)下方選擇要選定的內(nèi)容，點擊 table選定整個表格，在 “屬性面板 ”中調(diào)整表格屬性。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 頁面布局 2．表格的嵌套 （ 1）在 Dreamweaver中，選定整個表格，選擇 “編輯”→“ 剪貼 ”命令，在 “插入面版 ”的 “通用 ”組中點擊表格圖標(biāo)，再次建立表格，設(shè)置 “行數(shù) ”： 2， “列數(shù) ”： 1， “表格寬度 ”：760像素， “邊框?qū)挾?”： 0像素， “單元格邊距 ”： 0， “單元格間距 ”： 0。 （ 2）點擊表格第一行標(biāo)單元格定位光標(biāo)，選擇 “編輯 ” →“ 復(fù)制 ”命令。這個單元格內(nèi)又套入了一個表格。 （ 3）點擊外層表格中下方的單元格，再插入一個表格，參數(shù)設(shè)置為 “行數(shù) ”： 1， “列數(shù) ”： 2， “表格寬度 ”： 760像素， “邊框?qū)挾?”： 0像素， “單元格邊距 ”： 0， “單元格間距 ”： 0。 ? 用 Dreamweaver MX 2023設(shè)計站點網(wǎng)頁 頁面布局 2．表格的嵌套 （ 4）點擊 table，選中最外層表格。在 “屬性面板 ”的設(shè)為白色或直接輸入 FFFFFF。 （ 5）用鼠標(biāo)點擊內(nèi)嵌的下面一個表格左側(cè)單元格，光標(biāo)定位在這個單元格內(nèi)，點擊 td，選中內(nèi)層表格第一行的第一個單元格，在 “屬性面板 ”中設(shè)定高度為 152。設(shè)置第二個單元格的對齊方式為 “頂端 ”。 （ 6）在內(nèi)嵌的下面一個表格