由于目前所見即所得類型的工具越來越多，使用也越來越方便，所以制作網(wǎng)頁已經(jīng)變成了一件輕松的工作，不像以前要手工編寫一行行的源代碼那樣。一般初學(xué)者經(jīng)過短暫的學(xué)習(xí)就可以學(xué)會制作網(wǎng)頁，于是他們認為網(wǎng)頁制作非常簡單，就匆匆忙忙制作自己的網(wǎng)站，可是做出來之后與別人一比，才發(fā)現(xiàn)自己的網(wǎng)站非常粗糙，這是為什么呢？常言道：“性急吃不了熱豆腐”。建立一個網(wǎng)站就像蓋一幢大樓一樣，它是一個系統(tǒng)工程，有自己特定的工作流程，你只有遵循這個步驟，按部就班地一步步來，才能設(shè)計出一個滿意的網(wǎng)站。一、確定網(wǎng)站主題網(wǎng)站主題就是你建立的網(wǎng)站所要包含的主要內(nèi)容，一個網(wǎng)站必須要有一個明確的主題。特別是對于個人網(wǎng)站，你不可能像綜合網(wǎng)站那樣做得內(nèi)容大而全，包羅萬象。你沒有這個能力，也沒這個精力，所以必須要找準一個自己最感興趣內(nèi)容，做深、做透，辦出自己的特色，這樣才能給用戶留下深刻的印象。網(wǎng)站的主題無定則，只要是你感興趣的，任何內(nèi)容都可以，但主題要鮮明，在你的主題范圍內(nèi)內(nèi)容做到大而全、精而深。二、搜集材料明確了網(wǎng)站的主題以后，你就要圍繞主題開始搜集材料了。常言道：“巧婦難為無米之炊”。要想讓自己的網(wǎng)站有血有肉，能夠吸引住用戶，你就要盡量搜集材料，搜集得材料越多，以后制作網(wǎng)站就越容易。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網(wǎng)上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網(wǎng)頁的素材。三、規(guī)劃網(wǎng)站一個網(wǎng)站設(shè)計得成功與否，很大程度上決定于設(shè)計者的規(guī)劃水平，規(guī)劃網(wǎng)站就像設(shè)計師設(shè)計大樓一樣，圖紙設(shè)計好了，才能建成一座漂亮的樓房。網(wǎng)站規(guī)劃包含的內(nèi)容很多，如網(wǎng)站的結(jié)構(gòu)、欄目的設(shè)置、網(wǎng)站的風(fēng)格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網(wǎng)頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網(wǎng)頁才能有個性、有特色，具有吸引力。如何規(guī)劃網(wǎng)站的每一項具體內(nèi)容，我們在下面會有詳細介紹。 四、選擇合適的制作工具盡管選擇什么樣的工具并不會影響你設(shè)計網(wǎng)頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。網(wǎng)頁制作涉及的工具比較多，首先就是網(wǎng)頁制作工具了，目前大多數(shù)網(wǎng)民選用的都是所見即所得的編輯工具，這其中的優(yōu)秀者當然是Dreamweaver和Frontpage了，如果是初學(xué)者，F(xiàn)rontpage2000是首選。除此之外，還有圖片編輯工具，如Photoshop、Photoimpact等；動畫制作工具，如Flash、Cool 3d、Gif Animator等；還有網(wǎng)頁特效工具，如有聲有色等，網(wǎng)上有許多這方面的軟件，你可以根據(jù)需要靈活運用。五、制作網(wǎng)頁材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復(fù)雜而細致的過程，一定要按照先大后小、先簡單后復(fù)雜來進行制作。所謂先大后小，就是說在制作網(wǎng)頁時，先把大的結(jié)構(gòu)設(shè)計好，然后再逐步完善小的結(jié)構(gòu)設(shè)計。所謂先簡單后復(fù)雜，就是先設(shè)計出簡單的內(nèi)容，然后再設(shè)計復(fù)雜的內(nèi)容，以便出現(xiàn)問題時好修改。在制作網(wǎng)頁時要多靈活運用模板，這樣可以大大提高制作效率。六、上傳測試網(wǎng)頁制作完畢，最后要發(fā)布到Web服務(wù)器上，才能夠讓全世界的朋友觀看，現(xiàn)在上傳的工具有很多，有些網(wǎng)頁制作工具本身就帶有FTP功能，利用這些FTP工具，你可以很方便地把網(wǎng)站發(fā)布到自己申請的主頁存放服務(wù)器上。網(wǎng)站上傳以后，你要在瀏覽器中打開自己的網(wǎng)站，逐頁逐個鏈接的進行測試，發(fā)現(xiàn)問題，及時修改，然后再上傳測試。全部測試完畢就可以把你的網(wǎng)址告訴給朋友，讓他們來瀏覽。七、推廣宣傳網(wǎng)頁做好之后，還要不斷地進行宣傳，這樣才能讓的朋友認識它，提高網(wǎng)站的訪問率和知名度。推廣的方法有很多，例如到搜索引擎上注冊、與別的網(wǎng)站交換鏈接、加入廣告鏈等。八、維護更新

<div id="apDiv2"> <table width="539" border="0"> <form id="form1" name="form1" method="post" action=""> <tr> <td width="8"> </td> <td width="111"> </td> <td width="367"> </td> </tr> <tr> <td> </td> <td height="30"><div align="right" class="STYLE4">你的名字 ：</div></td> <td><label> <input name="textfield" type="text" class="logininput" id="textfield" /> </label></td> </tr> <tr> <td> </td> <td><div align="right"><span class="STYLE4">你的QQ  ：</span></div></td> <td height="30"><label> <input name="textfield2" type="text" class="logininput" id="textfield2" /> </label></td> </tr> <tr> <td> </td> <td><div align="right"><span class="STYLE4"><span class="STYLE4"></span>你的郵箱 ：</span></div></td> <td height="30"><label> <input name="textfield3" type="text" class="logininput" id="textfield3" /> </label></td> </tr> <tr> <td height="120"> </td> <td><div align="right"><span class="STYLE4"><span class="STYLE4"></span>給我留言 ：</span></div></td> <td><label> <textarea name="wenben02" cols="40" rows="6" id="wenben02"></textarea> </label></td> </tr> <tr> <td> </td> <td> </td> <td height="50"> <label> <input name="button" type="submit" class="anniu" id="button" value="確 定" /> </label>     <label> <input name="button2" type="reset" class="anniu" id="button2" value="重 置" /> </label> </form> </td> </tr> </table></div>

在html代碼編寫區(qū)寫上：  //表示在瀏覽器內(nèi)看到的一個空格（半角）。即在HTML中，在nbsp前面加“&”后面加分號“；”時表示一個“空格”。 連續(xù)幾個空格又怎么輸入？ 連續(xù)在代碼區(qū)輸入N個 nbsp（前面加“&”后面加分號“；”）?；蛘甙涯愕闹形妮斎敕ù蜷_，切換到全角輸入方式，直接按鍵盤空格鍵連接輸入N個全角空格。

給一個簡單的方法。1、隨便打開一個網(wǎng)頁，如圖：2、右鍵——網(wǎng)頁另存為，將該頁保存到自己的電腦，這樣就可以把頁面代碼、圖片、css、js等相關(guān)要素下載下來。3、點擊網(wǎng)頁代碼，就可以在自己電腦中打開。如圖注：上面案例中l(wèi)ogo圖是寫在css背景中的，抓不下來，自己做一個圖放上去即可。4、下載下來的代碼圖文，可以按自己的意愿進行隨意修改。

大致思路左側(cè)：菜單，給每個菜單設(shè)置id和onclick點擊事件，onclick事件觸發(fā)的函數(shù)假設(shè)寫為display()右側(cè)：寫個固定樣式的div，id假設(shè)設(shè)置為board。如果你的菜單內(nèi)容在服務(wù)器display()的實現(xiàn)如下12345678function display(){    $.ajax({    type: "POST",    url: 菜單所請求的內(nèi)容地址,    data: this.id等等相關(guān)的請求標志,    success: funtion(data){$('board').html(data)},//返回數(shù)據(jù)填充    dataType: dataType});}如果菜單內(nèi)容寫死在頁面內(nèi)那么右側(cè)：寫和菜單數(shù)一樣多的div，把所有的display屬性設(shè)置為none同時display()的實現(xiàn)如下123function display(){    $('#'+$(this).attr('rel')).style.display='block';}以上，偽代碼，僅供參考

1、嚴格意義來說dw并不能用來設(shè)計網(wǎng)頁，設(shè)計網(wǎng)頁都是在平面設(shè)計工具里完成的，比如在ps里面設(shè)計好網(wǎng)站的效果圖，在ps里面切圖。2、dw只是個網(wǎng)站代碼編寫工具，使用dw編寫代碼會比較方面，因為有很多的快捷功能。但是對于高手來說，是用記事本都可以編輯網(wǎng)站的。3、dw的編輯面板主要有三種視圖，分為 “代碼”“拆分”“設(shè)計”，如下圖在制作網(wǎng)站的時候，能夠用到的主要是“代碼”視圖功能?！霸O(shè)計”和“拆分”視圖很少用到，只有當網(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里面設(shè)計網(wǎng)頁布局網(wǎng)站并不是dw的功能，還是通過代碼實現(xiàn)的。

代碼如下，一個按鈕，一個文本，圖片也類似，有問題hi我<input type="button" onclick="history.go(-1)" value="back"><a href="javascript:history.go(-1)" >back</a>

將下列代碼插入<body>區(qū)中：1<A href=http://www.zzblo.com onmouseover="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.zzblo.com');" target="_blank">設(shè)為首頁</A>打開頁面時自動彈出窗口詢問是否設(shè)為首頁

網(wǎng)頁設(shè)計，不知道你是單純的設(shè)計還是設(shè)計加制作。現(xiàn)在來說，設(shè)計軟件越來越多，可以選擇的余地比較大。以前流行的說法是網(wǎng)頁三劍客：Dreamweaver、firework、flash?，F(xiàn)在來說，個人還是喜歡：設(shè)計類：Photoshop（數(shù)字）、illustrator（矢量）、flash（動畫）。網(wǎng)頁編程類：Dreamweaver（html+div+css）myeclipse eclipse notepad++ editplus等等很多優(yōu)秀軟件。