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

本文目錄一覽：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

一、定義站點(diǎn)

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

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

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

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

二、創(chuàng)建頁(yè)面

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

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

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

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

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

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

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

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

三、為頁(yè)面添加圖片

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

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

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

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

四、添加超級(jí)鏈接

1、為文字添加鏈接。

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

2、為圖片添加鏈接

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

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

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

3、添加E-mail鏈接

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

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

五、表格的使用

1、點(diǎn)擊插入/表格，打開(kāi)表格面板進(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è)置其背景為白色。

二自動(dòng)格式化表格

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

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

三一像素分割條

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

8、 將光標(biāo)置于主體表格右邊的單元格中，設(shè)置其寬度為16%，水平排列為居中對(duì)齊，垂直排列為頂端對(duì)齊，插入/圖像，插入一個(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單元格中的空格符號(hào)“ ”刪除。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

九、層的使用

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

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

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

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

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

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

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

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

十、了解時(shí)間軸

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

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

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

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

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

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

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

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

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

十一、制作滾動(dòng)公告牌

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

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

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

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

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

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

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

總結(jié)：

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

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