今天給各位分享dw網(wǎng)頁設(shè)計(jì)代碼案例順豐的知識，其中也會對dw設(shè)計(jì)網(wǎng)頁教程進(jìn)行解釋，如果能碰巧解決你現(xiàn)在面臨的問題，別忘了關(guān)注本站，現(xiàn)在開始吧！

本文目錄一覽：

• 1、dreamweaver怎麼製作個(gè)人網(wǎng)頁，要詳細(xì)點(diǎn)的，重點(diǎn)的全過程
• 2、用DW做網(wǎng)頁設(shè)計(jì)，我想做出注冊用戶名，用戶名登陸，輸入之后會跳轉(zhuǎn)的，這些內(nèi)容怎樣做，急求高手幫助。
• 3、dw設(shè)計(jì)網(wǎng)頁時(shí),布局常用什么方法來布局呢???
• 4、dreamweaver網(wǎng)頁設(shè)計(jì)怎么制作

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

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

用DW做網(wǎng)頁設(shè)計(jì)，我想做出注冊用戶名，用戶名登陸，輸入之后會跳轉(zhuǎn)的，這些內(nèi)容怎樣做，急求高手幫助。

一 寫html代碼： 一個(gè)輸入框再 加一個(gè)輸入框密碼類型的 再加提交按鈕 ，這樣提交后沒什么用

二 然后把提交按鈕指向一個(gè)接收頁面 這一步需要asp .net php 之類的代碼 ，這樣可跳轉(zhuǎn)并接收信息

這種簡單注冊 設(shè)計(jì)人員用html代碼作出外觀樣子就可以了 真正實(shí)現(xiàn)跳轉(zhuǎn)是程序員的事了

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

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

2、dw只是個(gè)網(wǎng)站代碼編寫工具，使用dw編寫代碼會比較方面，因?yàn)橛泻芏嗟目旖莨δ?。但是對于高手來說，是用記事本都可以編輯網(wǎng)站的。

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

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

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

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

dreamweaver網(wǎng)頁設(shè)計(jì)怎么制作

dreamweaver網(wǎng)頁制作步驟如下：

一、定義站點(diǎn)

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

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

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

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

二、創(chuàng)建頁面

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

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

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

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

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

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

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

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

三、為頁面添加圖片

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

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

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

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

四、添加超級鏈接

1、為文字添加鏈接。

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

2、為圖片添加鏈接

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

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

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

3、添加E-mail鏈接

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

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

五、表格的使用

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

2、插入表格后，在表格的邊框上點(diǎn)擊一下，可以全選整個(gè)表格。然后在下面的屬性面板里可以進(jìn)行各種設(shè)置。

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

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

一制作細(xì)線表格 原理：

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

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

二自動格式化表格

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

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

三一像素分割條

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

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

3、切換到代碼和設(shè)計(jì)窗口，將代碼td 刪除。

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

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

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

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

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

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

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

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

7、在該表格中依次插入多個(gè)圖像，作為導(dǎo)航條菜單。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6、 插入/圖像，插入一個(gè)GO的圖像。

7、 設(shè)置頁屬性。點(diǎn)擊菜單修改/頁面屬性，在標(biāo)題一欄中輸入標(biāo)題，并選擇背景圖像，將頂部邊界設(shè)為0。

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

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

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

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

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

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

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

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

九、層的使用

1、點(diǎn)擊插入/層。也可以點(diǎn)擊圖標(biāo)，然后拖動鼠標(biāo)創(chuàng)建出一個(gè)層。

3、選中創(chuàng)建的層，看屬性面板。“層編號”和“標(biāo)簽”都使用默認(rèn)即可?！皩泳幪枴笔蔷幊虝r(shí)需要用的，我們現(xiàn)在一般不用?！吧稀奔淳囗撁嫔线吔绲木嚯x；“左”是距左邊界的距離?！皕軸”是層的順序，數(shù)字大的疊加在數(shù)字小的上面。

如不設(shè)置顏色時(shí)，層是透明的。

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

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

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

7、層的對齊。按住shift鍵，同時(shí)選中幾個(gè)層。然后用修改/對齊，用這里的選項(xiàng)。

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

十、了解時(shí)間軸

1、點(diǎn)擊菜單中的插入/層，插入一個(gè)層。

2、在層中插入圖片，如一張飛機(jī)的圖片。（這里的圖片也可以是一張小動畫的.gif圖像）

3、點(diǎn)擊菜單中的窗口/其他/時(shí)間軸，打開時(shí)間軸窗口。

4、選中頁面上創(chuàng)建的層，用鼠標(biāo)按住層左上角的小方框圖標(biāo)，將層拖放到時(shí)間軸的第1幀中。這時(shí)自動創(chuàng)建了一個(gè)長度為15幀的時(shí)間軸。

5、選中時(shí)間軸上的第1幀，將頁面中的層拖放到頁左上角，即動畫開始時(shí)的位置。

6、選中時(shí)間軸上第15幀，可以拖動該幀至任意長度，如30幀。

7、選中第30幀，將層拖放到頁面的右下方，此時(shí)窗口中顯示出層從第1幀到第30幀的運(yùn)動軌跡。(此時(shí)運(yùn)動為直線)

8、可以點(diǎn)中第15幀，右鍵選“增加關(guān)鍵幀”，在選中第15幀的狀態(tài)下，拖動層到頁面中下方。

9、勾選“自動播放”項(xiàng)。

十一、制作滾動公告牌

1、在頁面上插入一個(gè)層，然后為層設(shè)置一個(gè)背景，作為公告版的框架。

2、然后在創(chuàng)建的層中插入嵌套層，將嵌套層移動到父層的下方。

3、在嵌套層中輸入文本，并將其居中排列。

4、打開時(shí)間軸面板，將子層作為對象添加到面板中。

5、為子層創(chuàng)建一個(gè)向上移動的路徑，將其移動到父層的上方。

6、拖動最后一關(guān)鍵幀，增長動畫時(shí)間，然后勾選“自動播放”和“循環(huán)”兩項(xiàng)。

7、選定父層，在其屬性面板中將“溢出”屬性設(shè)置為“hidden”。

總結(jié)：

dreamweaver是一款很強(qiáng)大的網(wǎng)頁制作軟件，還有很多功能和制作方法要自己不斷地摸索，這樣做出來的網(wǎng)頁才會更加好

關(guān)于dw網(wǎng)頁設(shè)計(jì)代碼案例順豐和dw設(shè)計(jì)網(wǎng)頁教程的介紹到此就結(jié)束了，不知道你從中找到你需要的信息了嗎 ？如果你還想了解更多這方面的信息，記得收藏關(guān)注本站。