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