本篇文章給大家談談2021版dw網(wǎng)頁設計教程，以及dw網(wǎng)頁設計知識點總結(jié)對應的知識點，希望對各位有所幫助，不要忘了收藏本站喔。

本文目錄一覽：

• 1、dw設計網(wǎng)頁時,布局常用什么方法來布局呢???
• 2、dw2021中布局對象在哪
• 3、dw2021網(wǎng)頁設計表格里照片怎么空白
• 4、dw2021怎么設置中文
• 5、dreamweaver怎麼製作個人網(wǎng)頁，要詳細點的，重點的全過程
• 6、如何使用Dreamweaver制作一個網(wǎng)頁

dw設計網(wǎng)頁時,布局常用什么方法來布局呢???

1、嚴格意義來說dw并不能用來設計網(wǎng)頁，設計網(wǎng)頁都是在平面設計工具里完成的，比如在ps里面設計好網(wǎng)站的效果圖，在ps里面切圖。

2、dw只是個網(wǎng)站代碼編寫工具，使用dw編寫代碼會比較方面，因為有很多的快捷功能。但是對于高手來說，是用記事本都可以編輯網(wǎng)站的。

3、dw的編輯面板主要有三種視圖，分為 “代碼”“拆分”“設計”，如下圖

在制作網(wǎng)站的時候，能夠用到的主要是“代碼”視圖功能。“設計”和“拆分”視圖很少用到，只有當網(wǎng)站代碼出現(xiàn)問題的的時候用來查找錯誤，對于有一年多代碼編寫經(jīng)驗的人來說，就已經(jīng)用不到了。

4、在dw中編寫制作網(wǎng)站的代碼主要是div+css，也是就是html。網(wǎng)站布局也是通過html代碼來實現(xiàn)的，比如maigin 與padding position 都是來控制div的布局和位置的。

所以，在dw里面設計網(wǎng)頁布局網(wǎng)站并不是dw的功能，還是通過代碼實現(xiàn)的。

dw2021中布局對象在哪

使用表格 使用布局表格 4.1 使用表格 所謂表格就是由一個或多個單元格構(gòu)成的集合，表格中橫向的多個單元格稱為行，垂直的多個單元格稱為列。行與列的交叉區(qū)域稱為單元格，網(wǎng)頁中的元素通常都被放置在這些單元格中，以使其“各安其位”。 此處表示未明確設置單元格的寬度 此處顯示了表格的寬度。如果只顯示一個“▼”符號，表示未明確設置表格寬度 4.1.1 創(chuàng)建表格 在Dreamweaver中創(chuàng)建表格的方法非常簡單。確定插入點后，單擊“常用”插入欄中的“表格”按鈕，打開“表格”對話框，設置各項參數(shù)后，單擊“確定”按鈕，即可插入表格。 4.1.2 選擇表格和單元格 在Dreamweaver中選擇表格的方法非常簡單，只需用鼠標單擊表格邊框線即可。 要選擇某個單元格，可首先將插入點放置在該單元格內(nèi)，然后按【Ctrl＋A】組合鍵或單擊“標簽選擇器”中對應的“

”標簽。 要選擇某行或某列，可將光標置于該行左側(cè)或該列頂部，當光標形狀變?yōu)楹谏^ 或 時單擊鼠標。 4.1.3 設置表格和單元格的屬性 選中表格后，使用屬性面板可以修改表格的行、列、寬、高，以及填充、間距等。 在單元格中單擊，屬性面板中將顯示相應單元格的屬性。 1．設置表格和單元格的寬度與高度 制作網(wǎng)頁時，很多情況下都需要改變表格和單元格的寬度與高度，通過拖動邊框或在屬性面板的“寬”和“高”文本框中直接輸入數(shù)值，就可以非常方便地改變表格和單元格的寬度與高度。 設置表格高度 設置單元格“寬”和“高” 2．為表格和單元格設置背景顏色及背景圖像 為表格和單元格設置背景顏色及背景圖像的方法相當簡單。 將插入點置于單元格中 單擊“背景”文本框后的文件夾圖標 選擇文件 課堂練習1 使用表格構(gòu)建“火百合”主頁布局 在學習了表格的簡單應用后，下面將結(jié)合表格與圖像的應用來看一下“火百合”主頁的具體制作方法。 課堂練習2 制作細線表格 在Dreamweaver中，有多種方法可以制作細線表格，下面我們講解一種最簡單也是最常用的方法，就是通過設置表格的間距和背景顏色來制作細線表格。 4.1.4 合并與拆分單元格 1．合并單元格 所謂合并單元格，就是將相鄰的幾個單元格合并成一個單元格。 拖動鼠標選中要合并的單元格 單擊“合并所選單元格，使用跨度”按鈕 2．拆分單元格 拆分單元格表示將一個單元格拆分成多個單元格，下面繼續(xù)在前面的文檔中操作，也就是將前面合并的單元格拆分開來，具體操作如下。 在要拆分的單元格中單擊 單擊“拆分單元格為行或列”按鈕 打開“拆分單元格”對話框，設置各項參數(shù)后單擊“確定”按鈕 4.1.5 添加或刪除行和列 在使用表格布局網(wǎng)頁時，往往需要在創(chuàng)建好的表格中添加或刪除行和列。 在要添加行或列的單元格中單擊鼠標右鍵，在彈出的快捷菜單中選擇“表格”“插入行或列”菜單 在打開的“插入行或列”對話框中設置各項后單擊“確定”按鈕 4.1.6 格式化表格 在使用表格顯示數(shù)據(jù)信息時，為便于瀏覽者閱讀，往往需要為單元格設置不同的背景顏色。常用的方法如下。 選中表格后，選擇“命令”“格式化表格”菜單 在“格式化表格”對話框中設置各項后，單擊“確定”按鈕 課堂練習3 制作嵌套表格 所謂嵌套表格，就是在一個大表格的某個單元格里插入一個新的表格，我們看到的絕大多數(shù)網(wǎng)頁都是由多個表格相互嵌套進行網(wǎng)頁布局的。 本節(jié)通過制作“l(fā)ily”網(wǎng)站中的“產(chǎn)品展示”頁面來看看嵌套表格的應用和制作方法。 課堂練習4 制作圓角表格 在瀏覽網(wǎng)頁時，經(jīng)常會看到圓角表格，這使得整個網(wǎng)頁看起來更加柔和、美觀。 制作圓角表格的方法有很多，下面就以制作下圖左側(cè)的表格為例，具體講解一下此類表格的制作方法。 4.2使用布局表格布局網(wǎng)頁 4.2.1.模式簡介及注意事項 在dw中使用表格有以下3種模式： 標準模式：具體內(nèi)容添加和顯示的模式。 表格擴展模式：使用表格對頁面進行布局的模式，也是傳統(tǒng)模式。 布局模式：使用布局表格對頁面進行布局的模式，可以在添加內(nèi)容前使用布局單元格和表格來對頁面進行布局；也可以在布局模式中將文本、圖像和其他內(nèi)容添加到布局單元格中，這和在標準模式中一樣。 布局模式同時具有表格和層的共同性質(zhì)，繼承了層的準確定位和可移動性，還繼承了表格的行列屬性。 模式切換的操作方式：查看---表格模式----標準模式/布局模式/表格擴展模式。 在不同模式下，工具欄的各個按鈕作用不同。 注意：只有在“設計”視圖中才可切換到“布局”模式。在布局模式中不能像布局表格的空白區(qū)域插入內(nèi)容，只能創(chuàng)建布局單元格，布局單元格才是承載具體內(nèi)容的容器。 4.2.2.繪制布局表格 按住ctrl

dw2021網(wǎng)頁設計表格里照片怎么空白

dw2021網(wǎng)頁設計表格里照片空白是因為格式不對。去大設計師論壇下載DreamweaverCS6，有安裝步驟和激活方式，接下來去網(wǎng)頁設計板塊下你需要的網(wǎng)頁代碼大多適合初學者，一開始先學習模仿，從弄清楚Div+Css開始。

dw2021怎么設置中文

首先把dw關(guān)了，再刪除dw個人配置文件。找到C:\Users\用戶名\AppData\Roaming\Adobe\Dreamweaver CS4\zh_CN 刪除（不放心的話改個名字）。再打開dw,菜單變中文了。

當我們訪問網(wǎng)站的時候看到的每一個頁面都是前端程序員開發(fā)的，如果沒有一款好的軟件則會讓開發(fā)效率大大降低，那么有沒有一款高效的前端開發(fā)軟件呢？

推薦大家使用Dreamweaver2021，這是adobe旗下的一款非常受歡迎的網(wǎng)頁設計軟件，是該系列的全新版本，可以幫助廣大學生、程序員制作出精美的網(wǎng)頁，比如簡潔的百度首頁，復雜的淘寶頁面，你都可以通過它讓你游刃有余的制作出來。

該軟件可以幫助用戶了解以及編輯HTML、CSS、Web、xml、json，各種前端語言都支持編碼輸入，還支持快捷鍵快速輸入一大段代碼，減少你重復敲鍵盤的時間，并且可以幫助用戶構(gòu)建自適應的響應式網(wǎng)站，當用戶使用手機、平板、電腦瀏覽器訪問網(wǎng)站時，也能獲得較好的體驗。

在全新的Dreamweaver2021版本中，在其優(yōu)秀的功能上帶來了更多的改進和優(yōu)化，擁有無縫實時視圖編輯功能，在以往用戶需要切換到單獨的編輯模式來預覽網(wǎng)站，現(xiàn)在僅需一鍵即可預覽和更改網(wǎng)頁，還支持Windows的多顯示器方案。

當用戶擁有多個顯示器的時候也可以多視圖瀏覽，這樣一來大大的增加了工作區(qū)，還擁有全新的UI界面，為用戶帶來了更加整潔主界面，并且修改了十多個錯誤和bug，讓你編碼體驗更好。

dreamweaver怎麼製作個人網(wǎng)頁，要詳細點的，重點的全過程

Dreamweaver 8完美網(wǎng)頁設計 內(nèi)容更全面 資料更豐富 網(wǎng)頁更美麗 詳情請登錄完美網(wǎng)頁論壇 Dreamweaver 8 浪潮震憾登場 Dreamweaver 8 自2005年9月在中國大陸發(fā)布以來，一股全新的學習Dreamweaver 8的浪潮已開始席卷全國。作為全球網(wǎng)站建設的首選工具，Dreamweaver 8 對于廣大網(wǎng)民來說的確是一個最佳地選擇，已成為網(wǎng)站建設的標準工具和解決方案。 （1）全球80%的網(wǎng)站由Dreamweaver 制作完成。 （2）超強組合更加方便靈活（Macromedia公司已將Dreamweaver、Flash和Fireworks捆綁在一起。） 8本圖書，內(nèi)容全面掌握 《Dreamweaver 8完美網(wǎng)頁設計——技術(shù)入門篇》全面認識和掌握Dreamweaver 8的工具，細致入微地了解Dreamweaver 8的全面功能，操作步驟清晰，可以快速學會Dreamweaver 8的使用。 《Dreamweaver 8完美網(wǎng)頁設計——白金案例篇》案例注重實用，步驟清晰，易于操作。突破了傳統(tǒng)的以學科體系為主的結(jié)構(gòu)安排，以實例為中心，10個范例網(wǎng)站建設過程為主線，循序漸進，逐步完善，著重培養(yǎng)了大家主動解決問題的能力，在學習的過程中積累實際的工作經(jīng)驗，提高動手能力。 《Dreamweaver 8完美網(wǎng)頁設計——商業(yè)網(wǎng)站篇》全書結(jié)構(gòu)清晰、難度適中，既是一本入門書也是一本提高進階書。理論與實踐結(jié)合，以時代網(wǎng)通公司、辛集眼科醫(yī)院、山東正恒泰鋼結(jié)構(gòu)公司、新世紀電腦學校......網(wǎng)站為例全面介紹了網(wǎng)站頁面制作過程，后臺數(shù)據(jù)庫編程等諸多實際商業(yè)案例。 《Dreamweaver 8完美網(wǎng)頁設計——ASP動態(tài)網(wǎng)頁設計篇》內(nèi)容全面，系統(tǒng)介紹了Dreamweaver 8開發(fā)動態(tài)網(wǎng)站的各方面技術(shù)知識?？勺x性強，將錯綜復雜的概念梳理為井井有條的系統(tǒng)知識結(jié)構(gòu)，幫助讀者迅速掌握Dreamweaver 8的操作技巧，以提高運用能力。面向應用，根據(jù)Dreamweaver 8的不同形式，精心設計了15個精典實例。實例訓練針對性強，技術(shù)要點全面、精練。 《Dreamweaver 8完美網(wǎng)頁設計——網(wǎng)頁特效篇》從技術(shù)和實例的視角全面透析各種特效制作與技巧，緊扣技術(shù)與實踐，對每種特效技術(shù)進行了深入的介紹，列舉典型的實例幫助讀者上機操作。同時匯集目前常用的8類網(wǎng)頁特效技術(shù)，介紹了300多個實例。此外，配套光盤中還提供了400個精彩實例，十分豐富多采。 《Dreamweaver 8完美網(wǎng)頁設計——CSS網(wǎng)頁設計篇》精心挑選68個經(jīng)典案例，詳細講解如何使用CSS實現(xiàn)僅僅利用Dreamweaver 8所達不到的網(wǎng)頁效果。案例經(jīng)典、講解細致、圖文并茂、語言通俗易懂，非常適合網(wǎng)頁設計、網(wǎng)站維護、網(wǎng)頁編輯者使用。 《Dreamweaver 8完美網(wǎng)頁設計——疑難解析篇》136個精選實例，講述網(wǎng)頁設計過程中遇到的136個疑難問題和特效。面對一些網(wǎng)頁腳本語言出現(xiàn)的很多困惑或網(wǎng)頁特效中的茫然，交給初學者一把鑰匙，使大家能夠快速掌握解決問題的辦法。 《Dreamweaver 8完美網(wǎng)頁設計——PHPMySQL動態(tài)網(wǎng)頁設計》從最基本的構(gòu)建服務器開始，結(jié)合大量實例，全面、深入地講解了在Dreamweaver 8中利用PHP和MySQL技術(shù)制作動態(tài)網(wǎng)頁的方法和技巧，同時采用簡易的源代碼修改方案，使您可以不必深入了解代碼編寫技術(shù)就能輕松制作專業(yè)網(wǎng)站，包括文件上傳系統(tǒng)、留言板、聊天室、會員管理、網(wǎng)上相冊、購物車、論壇等。知識點講解詳細，過程更能抓住重點，舉一反三。 超大容量雙CD視頻教程，書盤同步 多媒體光盤+素材光盤 超值贈送： 即查即用的HTML、CSS和ASP教程 豐富的模板、圖標，使得制作更加得心應手 長達3小時的多媒體教程講解了Dreamweaver 8 設計網(wǎng)頁的方法和技巧！ Dreamweaver 8完美網(wǎng)頁設計系列中的配套光盤為每個案例均配有高清晰多媒體視頻教程，詳細演示了每一幅網(wǎng)站的創(chuàng)作全過程，書盤同步學習，一學就會！精心錄制的高清繪畫視頻對于讀者而言作用極其珍貴，具有極高的學習和收藏價值，讓您親身體驗網(wǎng)頁制作的絕密技巧！ 同盤送去的 超級大禮包 205個Dreamweaver實用插件、489個網(wǎng)頁Logo模板、500個經(jīng)典網(wǎng)址收藏、508個世界知名網(wǎng)站欣賞、 600個網(wǎng)頁Banner模板、 1999幅網(wǎng)頁Banner欣賞、 5417個Icon圖標，圖片精美絕倫，使用方便快捷！ (超值大禮包) (多媒體教學光盤使用說明) 專業(yè)品質(zhì)，造就高水準網(wǎng)頁效果 Dreamweaver 8完美網(wǎng)頁設計——技術(shù)入門篇 （2CD）ISBN7-5083-3892-8 定價：48.00 從最基礎(chǔ)的技術(shù)知識入手，結(jié)合大量實用設計案例，全面講解了使用Dreamweaver 8 進行網(wǎng)頁設計與制作的方法和技巧 完全從網(wǎng)頁設計、網(wǎng)站開發(fā)的角度出發(fā)，對靜態(tài)頁面的設計、動態(tài)網(wǎng)站的建設、網(wǎng)站的發(fā)布與維護等知識進行了深入闡述 將HTML、ASP、CSS語法講解融入設計案例中，使讀者無需了解編程知識即可學會設計復雜網(wǎng)頁，如打造自己的博客（Blog）網(wǎng)站等 書與盤完美結(jié)合，實例、素材、資料豐富，長達3個小時的多媒體教程引領(lǐng)讀者快速入門，并釋疑解惑 (“設置框架文本”動作效果a.b) Dreamweaver 8完美網(wǎng)頁設計——白金案例篇 （2CD）ISBN7-5083-4115-5 定價：48.00 通過10個完整的動態(tài)交互網(wǎng)站設計實例，從網(wǎng)站的整體規(guī)則、主頁的設計、具體開發(fā)過程三方面講解了使用Dreamweaver 8進行商業(yè)網(wǎng)站設計和開發(fā)的流程、方法和技巧 內(nèi)容涉及個人網(wǎng)站、企業(yè)網(wǎng)站、教育網(wǎng)站、政府網(wǎng)站、行業(yè)網(wǎng)站、軟件下載網(wǎng)站、交友網(wǎng)站、博客網(wǎng)站、門戶網(wǎng)站、在線購物網(wǎng)站10個 方面，拿來即可使用 涵蓋設計商業(yè)網(wǎng)站最常用的系統(tǒng)功能，如論壇系統(tǒng)、留言系統(tǒng)、新聞發(fā)布系統(tǒng)、下載系統(tǒng)、會員注冊管理系統(tǒng)、商品展示和購物系統(tǒng)、 博客網(wǎng)站的制作等 完全參照網(wǎng)站商業(yè)開發(fā)模式，深入闡述使用模板和動態(tài)ASP生產(chǎn)靜態(tài)網(wǎng)頁的設計方式，提高網(wǎng)站設計和開發(fā)效率 書與盤完美結(jié)合，實例、素材、資料豐富，長達3個小時的多媒體教程引領(lǐng)讀者快速入門，并釋疑解惑 Dreamweaver 8完美網(wǎng)頁設計——商業(yè)網(wǎng)站篇 （2CD）ISBN7-5083-4116-3 定價：48.00 使用大量商業(yè)網(wǎng)站實例，全面講解了使用Dreamweaver 8進行商業(yè)網(wǎng)站設計和開發(fā)的流程、方法和技巧 內(nèi)容涵蓋商業(yè)網(wǎng)站最常用的系統(tǒng)功能，如論壇系統(tǒng)、留言系統(tǒng)、新聞發(fā)布系統(tǒng)、下載系統(tǒng)、會員注冊管理系統(tǒng)、博客網(wǎng)站的制作，商品 展示和購物系統(tǒng)等 完全參照網(wǎng)站商業(yè)開發(fā)模式，深入闡述使用模板和動態(tài)ASP生成網(wǎng)頁的設計方式，提高網(wǎng)站設計和開發(fā)的效率 書與盤完美結(jié)合，實例、素材、資料豐富，長達3個小時的多媒體教程引領(lǐng)讀者快速入門，并釋疑解惑 Dreamweaver 8完美網(wǎng)頁設計——ASP動態(tài)網(wǎng)頁設計篇 （2CD）ISBN7-5083-4289-5 定價：45.00 本書是專為沒有任何語言基礎(chǔ)的初學者量身編寫的動態(tài)網(wǎng)頁設計圖書，使其能輕松跨越動態(tài)網(wǎng)頁編程難關(guān) 全書精選17個案例，從簡單的用戶登錄系統(tǒng)到復雜的BBS、購物系統(tǒng)的構(gòu)建，都進行了詳細的剖析，為讀者提供了階梯式的學習進程 案例介紹由可視化操作逐步過渡到完全代碼編寫，潛移默化地提升讀者設計動態(tài)網(wǎng)頁的能力 全書語言細膩，對每個操作步驟、每個易錯環(huán)節(jié)都進行了深入淺出地介紹，力爭使讀者能夠知其然，更能夠知其所以然 本書光盤為讀者提供了長達3個小時的多媒體教程以及豐富的學習素材、案例和參考資料，借助本書光盤讀者完全可以成為動態(tài)網(wǎng)頁編程高手 編輯推薦, 好評如潮 用Dreamweaver 設計網(wǎng)頁雖然很方便，可是對于有經(jīng)驗的人來說, 一定會發(fā)現(xiàn)，在設計網(wǎng)頁時還是有些本身并不難，但 Dreamweaver 就是搞不定的地方，而 CSS 就可以幫您很輕松地做到。不過要學好程序設計沒那么簡單，如果有人能提供這些關(guān)鍵的 CSS 程序代碼來直接套用，問題就迎刃而解了。來自臺灣的《Dreamweaver 8 完美網(wǎng)頁設計——CSS網(wǎng)頁設計篇》就是為像這種有經(jīng)驗又想精益求精的網(wǎng)頁設計師準備的！如果您還沒有購買這本書，那么趕快行動吧，不然會后悔的。 如果您已經(jīng)會以 Dreamweaver 制作網(wǎng)頁，但是因為不了解 PHP 或 SQL 語言，而在制作網(wǎng)站時遇到瓶頸，那么請您馬上購買來自臺灣的《Dreamweaver 8 完美網(wǎng)頁設計——PHPMySQL動態(tài)網(wǎng)頁設計》。這是一本學習動態(tài)網(wǎng)頁設計知識非常好的書，就如一場非常及時的春雨！本書提供多種可直接套用修改的范例，使您能以最快速的方法制作出專業(yè)用途的網(wǎng)站，進而在學習中建立完整的知識體系，并能提高學習和工作效率。本書在臺灣反響不錯，原作者和改編者都及其負責。本書的作者擁有多年P(guān)HP和MySQL動態(tài)網(wǎng)頁制作經(jīng)驗，并有自己的教學網(wǎng)站，購買本書是您不誨的選擇！。 雖然已會使用Dreamweaver 制作網(wǎng)頁，但是還是會碰到一些疑難問題無法解決，此時案頭要是有一本問題速查手冊該多好！《Dreamweaver 8完美網(wǎng)頁設計——疑難解析篇》通過136個實例以一問一答的方式將我們在網(wǎng)頁制作過程中常見的問題和解決方案毫無保留地告訴給我們，極大地滿足了我們這一需求，是一本非常實用的案頭書！每個網(wǎng)頁制作人員都值得擁有！ 8本書全面掌握 完美網(wǎng)頁設計系列 整合了8種不同繪畫風格和技法，相當于同時學習了8本書的知識，并且采用全彩精美印刷 + 大幅面彩色插頁 + 超大容量高清晰DVD視頻教程 + 書簽 +提供在線視頻、樣章幫助，絕對物超所值！ 其他更多“Dreamweaver 8”的介紹，可通過 Google 或 百度 進行搜索。 您可以通過如下方法獲得本書： （1）全國各大書店有售。 經(jīng)銷商發(fā)行點： （可查詢所在地書店電話） 電力社發(fā)行部： （購書服務） 網(wǎng)上購書指南： （購書指南） （2）通過網(wǎng)上訂購。 網(wǎng)上訂購鏈接1： 網(wǎng)上訂購鏈接2： - 47959ef187ec1d0ac0169e839a30ff35.jhtml （淘寶網(wǎng)-世紀書緣） 網(wǎng)上訂購鏈接3： （當當網(wǎng)） 網(wǎng)上訂購鏈接4： （海圖-網(wǎng)上電子書市） 網(wǎng)上訂購鏈接5： （當當-DearBook） 網(wǎng)上訂購鏈接6： （悅士-專業(yè)網(wǎng)絡書店） 網(wǎng)上訂購鏈接7： （卓越網(wǎng)） 網(wǎng)上訂購鏈接8： （互動出版網(wǎng)） 網(wǎng)上訂購鏈接9： （華儲網(wǎng)） （3）送書上門服務。 ● 當當網(wǎng)為您提供了145個城市的送書上門服務。 客服電話：010-51236699 95105969(免長途費) 客服傳真：010-59222799 客服郵箱：service@dangdang.com 網(wǎng)址： 快遞.html ● 卓越網(wǎng)為您開通了310個城市的送書上門服務。 客服電話：010-63328899 95105660 客服傳真：010-63341223 客服郵箱：service_bj@kf.joyo.com 網(wǎng)址： （4）郵購。 中國電力出版社發(fā)行部 電話：010-88515918-323/309 聯(lián)系人：馬首鰲、支慧 E-mail：ma_shouao@cepp.com.cn E-mail：zhi_hui@cepp.com.cn Dreamweaver 8完美網(wǎng)頁設計系列叢書，已精彩面市 無論使用任何版本的軟件，均可做出完美的網(wǎng)頁！Dreamweaver 8完美網(wǎng)頁設計系列叢書，現(xiàn)已上市！ ● Dreamweaver 8完美網(wǎng)頁設計——技術(shù)入門篇 ● Dreamweaver 8完美網(wǎng)頁設計——白金案例篇 ● Dreamweaver 8完美網(wǎng)頁設計——商業(yè)網(wǎng)站篇 ● Dreamweaver 8完美網(wǎng)頁設計——ASP動態(tài)網(wǎng)頁設計篇 ● Dreamweaver 8完美網(wǎng)頁設計——網(wǎng)頁特效篇 ● Dreamweaver 8完美網(wǎng)頁設計——CSS網(wǎng)頁設計篇 ● Dreamweaver 8完美網(wǎng)頁設計——疑難解析篇 ● Dreamweaver 8完美網(wǎng)頁設計——PHPMySQL動態(tài)網(wǎng)頁設計篇 后續(xù)推出： ● Dreamweaver 8網(wǎng)頁設計實例導學 ● Dreamweaver 8、Flash 8、Fireworks 8 網(wǎng)頁設計完全攻略 編讀互動 讀者如果在閱讀本書或設計網(wǎng)頁時遇到疑難問題，可以登錄“完美網(wǎng)頁論壇”與作者、編輯、網(wǎng)友進行探討。 您可由此聯(lián)系我們 策劃編輯：馬首鰲、李富穎 E-mail：ma_shouao@cepp.com.cn E-mail：li_fuying@cepp.com.cn 市場部：支慧、付海波 E-mail：zhi_hui@cepp.com.cm E-mail：fu_haibo@cepp.com.cm 中國電力出版社 通信地址：北京市西城區(qū)三里河路6號計算機圖書中心 郵編：100044 電話：010-88515918 傳真：010-88518169 通過以下方式，您可以更詳細地了解我們： 中國電力出版社IT世界： 中國電力出版社有限公司：

如何使用Dreamweaver制作一個網(wǎng)頁

Dreamweaver這一款專業(yè)的網(wǎng)頁制作軟件，相信相關(guān)專業(yè)的人員都不會陌生?？梢哉f，它是第一套針對專業(yè)網(wǎng)頁設計師特別發(fā)展的視覺化網(wǎng)頁開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺限制和跨越瀏覽器限制的充滿動感的網(wǎng)頁。

這里西西給大家?guī)硪粋€dreamweaver制作網(wǎng)頁的教程，初學DW的朋友可以參考一下。

一、定義站點

1、 在任意一個根目錄下創(chuàng)建好一個文件夾（我們這里假設為E盤），如取名為MyWeb。

***備注：網(wǎng)站中所用的文件都要用英文名。

2、打開Dreamweaver，選擇“站點—新建站點”，打開對話框。在站點名稱中輸入網(wǎng)站的名稱（可用中文），在本地根文件夾中選擇剛才創(chuàng)建的文件夾（E:web）。然后確定即可。

***備注：再次打開Dreamweaver，會自動找到剛才設立的站點。如果有多個站點，可以在菜單“站點—打開站點”中去選擇。

二、創(chuàng)建頁面

1、在本地文件夾E:\MyWeb下面的空白處，按右鍵選“新建文件”，這樣就建好了一個頁面，默認的文件名為untitled.htm。htm就表示這個網(wǎng)頁文件是一個靜態(tài)的HTML文件。給它改名為index.htm。

***網(wǎng)站第一頁的名字通常是index.htm或index.html。其它頁面的名字可以自己取。

2、雙擊index.htm進入該頁面的編輯狀態(tài)。在標題空格里輸入網(wǎng)頁名稱，按右鍵選頁面屬性，打開“頁面屬性”窗口。在這里可以設置網(wǎng)站的標題、背景顏色或背影圖像，超級鏈接的顏色（一般默認即可），其他都保持默認即可。

3．此時光標位于左上角，可輸入一句話，如“歡迎來到我的主頁”。選取文字，用菜單“窗口/屬性”打開屬性面板，選取文字大小為6，再使文字居中，然后在文字前用幾個回車使其位于頁面中間。

4．如要選取字體，則選擇字體中的最后一項：編輯字體列表。然后在對話框中選+號，接著在“可用字體”欄中選擇需要加入到字體列表中的一種字體，點擊中間的按鈕就可以加入了。

***在網(wǎng)頁上最常用的是宋體字。不要將特殊的字體加到列表中使用，因為別人電腦上未裝就看不到。如果需要用的話，要做成圖片后再使用。

***在網(wǎng)頁上打入空格的辦法是：把輸入法調(diào)為全角。

***在網(wǎng)頁上換行的辦法是：shift+Enter。只按Enter則為換段。

三、為頁面添加圖片

1、在本地文件夾E:\MyWeb下面的空白處，按右鍵選“新建文件夾”，這樣建立了一個文件夾，用它來放圖片，可以改名為tu或pic或images都可以。

2、用菜單“窗口/對象”打開對象面板，點擊“插入圖像”，在對話框里選要插入的圖片。如果會出現(xiàn)對話框：“你愿意將該文件復制到根文件夾中嗎？”，必須選“是”，然后將它保存到剛建好的文件夾里。

3、選中該圖片，打開屬性面板，可以在上面為圖片取名，重新設置圖片的高、寬，拖住圖片角上的點可以變大小。按住shift鍵，再拖動角上的點，可以使圖片保持寬高比例拉伸。如要恢復這原始大小，則單擊右下角的“重設大小”按鈕。

4、 “鏈接”可以直接在這里輸入地址?！疤娲笔菆D片的說明，即鼠標指向圖片所顯示的文字；“邊框”是圖片邊框?qū)挾?，“對齊”是對齊方式。

四、添加超級鏈接

1、為文字添加鏈接。

比如，在頁面上輸入“我的文章”，然后將其選中，打開屬性面板，在“鏈接”一格中，選擇它所要鏈接到的頁面即可。后面一格“目標”我們一般常用的是self即打開的新窗口代替了現(xiàn)開的窗口；或是選擇blank即打開新窗口。

2、為圖片添加鏈接

與上面文字的鏈接同理，插入圖片，然后在屬性面板中的鏈接一格中選擇即可。

****圖片可以創(chuàng)建不同的多個鏈接。方法如下：

在屬性面板中的“地圖”一項下面有一些圖形，比如點擊方形，光標變成十字，在圖片上畫一個藍色矩形的熱區(qū)，此時在屬性面板上可以為這個熱區(qū)設置鏈接地址，鼠標指向會顯示。同樣，再用圓形設置一個熱區(qū)，就可以再為該圖片設置其他鏈接了。

3、添加E-mail鏈接

選中需要添加E-mail鏈接的文字或圖片，打開屬性面板，在“鏈接”一格中輸入填寫郵件地址。格式如下：mailto:郵件地址。注意中間不空格。

4、如果鏈接到瀏覽器無法打開的文件，例如exe、Zip等文件，那么瀏覽者在點擊這個鏈接的時候，就會實現(xiàn)文件下載、或是在線播放的功能。

五、表格的使用

1、點擊插入/表格，打開表格面板進行設置。行數(shù)、列數(shù)、寬度、邊框等，“單元格填充”為單元格內(nèi)側(cè)與內(nèi)容的距離；“單元格間距”為單元格之間的距離，單位均為像素。

2、插入表格后，在表格的邊框上點擊一下，可以全選整個表格。然后在下面的屬性面板里可以進行各種設置。

3、把光標移到其中一個單元格，此時看到的屬性面板，就是單元格的屬性面板。也可以進行各種關(guān)于單元格的操作。如背景色、背景圖、邊框、合并、拆分等。

六、關(guān)于表格的其他操作

一制作細線表格 原理：

1、選中整個表格，設置其背景為黑色（該顏色即表格線的顏色）。

2、選中所有單元格，設置其背景為白色。

二自動格式化表格

1、先制作好一張表格，然后選中。

2、選菜單中的命令/格式化表格。即可以其中選擇預設好的一些表格樣式。

三一像素分割條

1、插入一個1行1列，寬為200像素，邊框邊距均為0的表格。

2、選中表格，設置表格高為1像素，并設置一個背景色（即所要的線條顏色）。

3、切換到代碼和設計窗口，將代碼td 刪除。

七、用表格構(gòu)建完整的頁面

一網(wǎng)頁頂部（一般包括圖標、廣告、導航菜單）

1、創(chuàng)建一個1行2列，寬為760像素，邊框及邊距均為0的表格。

2、選中表格，設置排列方式為居中對齊，背景色為#3366CC。

3、將光標置于左邊單元格中，設置其水平排列為左對齊，垂直排列為頂端對齊，然后插入一張圖像，一般在此插入的是網(wǎng)站的圖標，即logo。

4、將光標置于右邊單元格中，設置其寬度為500，水平排列為居中對齊，垂直排列為中間，然后插入圖像，一般是網(wǎng)頁廣告，即banner。

5、將光標置于剛完成的表格之后，插入/表格，創(chuàng)建一個1行1列，寬為760像素，邊框及邊距均為0的表格。

6、選中剛創(chuàng)建的表格，設置排列方式為居中對齊，背景色為#005173。

7、在該表格中依次插入多個圖像，作為導航條菜單。

二網(wǎng)頁中部（左邊欄目列表、中間網(wǎng)站新聞、右邊欄目列表）

1、 在導航條表格后面，插入/表格，創(chuàng)建一個1行3列，寬為760像素，邊框及邊距均為0的表格。并設置排列方式為居中對齊，背景色為#FFFFFFF。

2、 將光標置于左邊單元格中，設置其寬度為18%，水平排列為居中對齊，垂直排列為頂端對齊，然后插入一張圖像，插入一個導航條。

3、 將光標置于剛插入的圖片后，插入/表格，插入一個12行1列，寬為90%的表格。設置其單元格間距為1，背景色為#CCCCCC。

4、 將光標放在表格第一個單元中，設置其高為20，背景色為#FFFFFF。插入/圖像，插入一個導航文字前面的小點。同樣設置其他11個單元格，這樣左邊的欄目分類列表就完成了。

5、 將光標置于主體表格的中間單元格中，設置其寬度為66%，水平排列為居中對齊，垂直排列為頂端對齊，然后插入/圖像，插入一個導航條。

6、 將光標置于圖像后，插入/表格，插入一個4行1列，寬為95%的表格。設置其單元格間距為1，背景色為#CCCCCC。

7、 將光標置于表格的第一個單元格中，拖動鼠標，將4個單元格都選中，設置高為60，背景色為#FFFFFF。

8、 將光標置于主體表格右邊的單元格中，設置其寬度為16%，水平排列為居中對齊，垂直排列為頂端對齊，插入/圖像，插入一個導航條。

9、 將光標置于圖像后，插入/表格，插入一個7行一列，寬為90%的表格。設置其間距為1，背景色為#CCCCCC。

10、按住Ctrl鍵，用鼠標點擊剛插入的表格的第1、3、5、7單元格，然后設置它們的高為55，背景色為#FFFFFF。

11、選中第2、4、6單元格，設置其高為6，背景色為#FFFFFF。

12、切換到源代碼窗口，將第2、4、6單元格中的空格符號“ ”刪除。

三網(wǎng)頁底部（一般包括版權(quán)信息及其他相關(guān)內(nèi)容）

1、 將光標置于主體表格后，插入/表格，創(chuàng)建一個2行2列，寬為760像素，邊框及邊距均為0的表格。

2、 選中表格，設置排列方式為居中對齊，背景色為#3366CC。

3、 將光標置于表格第1行的左邊單元格中，設置其寬度為50%，水平排列為默認，垂直排列為基線，背景色為#FFFFFF，然后輸入版權(quán)信息，內(nèi)容顏色隨便。

4、 將光標置于表格第1行右邊單元格中，插入/圖像，插入一個圓角圖像，在它后面輸入Email字樣，設置其大小和顏色為1和#FFFFFF。

5、 插入/表單對象/文本域，插入一個文本域，寬度可以隨意。

6、 插入/圖像，插入一個GO的圖像。

7、 設置頁屬性。點擊菜單修改/頁面屬性，在標題一欄中輸入標題，并選擇背景圖像，將頂部邊界設為0。

***將整個網(wǎng)頁分部分放到不同的表格中組合而成，還可以加快瀏覽器讀取頁面的時間。；因為瀏覽器是讀完整個表格后才顯示內(nèi)容的，所以最好不要框在整個一個表格中。

八、用布局表格構(gòu)建完整的頁面

1、 單擊插入/布局，里面的布局視圖按鈕，就切換到布局視圖狀態(tài)（默認為標準視圖）。也可以用菜單里的查看/表格視圖/布局視圖來進入。

2、 先單擊繪制布局表格按鈕，然后在頁面中像繪圖一樣創(chuàng)建出布局表格。

3、 就像上一個例子一樣，先繪制好網(wǎng)頁的頂部，再中部，再底部的大表格。

4、 再單擊繪制布局單元格按鈕，然后在已經(jīng)繪制好的布局表格中，再繪制布局單元格。

5、 返回到標準視圖，在已經(jīng)劃分好的表格里，再插入嵌套的小的表格，把頁面再細化，就可以完成整個頁面的設計了。

****注意把整個頁面都放在一個大的布局表格中，因為這樣的網(wǎng)頁瀏覽速度會很慢。應該按照頁面的版面和內(nèi)容劃分出幾個布局表格，然后在其中分別插入布局單元格。

九、層的使用

1、點擊插入/層。也可以點擊圖標，然后拖動鼠標創(chuàng)建出一個層。

3、選中創(chuàng)建的層，看屬性面板?！皩泳幪枴焙汀皹撕灐倍际褂媚J即可?！皩泳幪枴笔蔷幊虝r需要用的，我們現(xiàn)在一般不用?！吧稀奔淳囗撁嫔线吔绲木嚯x；“左”是距左邊界的距離?！皕軸”是層的順序，數(shù)字大的疊加在數(shù)字小的上面。

****如不設置顏色時，層是透明的。

4、點中層左上角的小方框可以隨意拖動層，大小也可以調(diào)節(jié)。

5、“溢出”一欄中，當文字多于層的大小時，visible(超出的部分照樣顯示)、hidden(超出部分隱藏)、scroll(不管有否超出，都顯示滾動條)、auto(有超出時才出現(xiàn)滾動條)。

6、點擊菜單窗口/其他/層，此時將出現(xiàn)層管理窗口?？梢栽谄渲行薷膶拥拿Q和Z軸值，也可以點擊眼睛圖標使層可見或不可見。還有一個防止重疊的選項。

7、層的對齊。按住shift鍵，同時選中幾個層。然后用修改/對齊，用這里的選項。

8、嵌套層。⑴首先在文檔中插入一個層。⑵將光標置于該層內(nèi)，然后繼續(xù)插入一個層，就得到了嵌套層。⑶里面的叫子層，外面的父層。它們的Z軸順序是一樣的。拖動父層時，子層也會相對移動。移動子層時，父層不會隨之移動。

2021版dw網(wǎng)頁設計教程的介紹就聊到這里吧，感謝你花時間閱讀本站內(nèi)容，更多關(guān)于dw網(wǎng)頁設計知識點總結(jié)、2021版dw網(wǎng)頁設計教程的信息別忘了在本站進行查找喔。