選擇模板先百度搜索兔展，進入網(wǎng)站后注冊賬號并登錄后，即可進入制作界面。在界面上可以看很多可供使用的模板，根據(jù)自己的需要，點擊相應(yīng)的模板。進入制作平臺選擇完模板后，會自動進入制作平臺。在制作平臺上，主要分三大區(qū)域：左側(cè)的作品結(jié)構(gòu)顯示區(qū)域，中間的是作品制作區(qū)域，右側(cè)的是組件屬性修改區(qū)域。文字1、功能定義：用于展示文字內(nèi)容，通過修改文字的顯示屬性，可以生成各式各樣的顯示效果。2、操作方法：點擊右側(cè)的文字選項，編輯面板的右上角會出現(xiàn)文字輸入框，雙擊輸入框可以修改文字內(nèi)容；修改右側(cè)的屬性選項，可以改變文字的顯示樣式。3、屬性說明：1）字體：改變文字的字體，提供的是兔展數(shù)據(jù)庫的字體，非電腦本地字體。2）字號：修改文字的顯示大小。3）行距：修改兩行文字間的間距。4）調(diào)色板：修改文字顏色。5）寬度：修改文字輸入框的寬度，單位像素。6）高度：修改文字輸入框的高度，單位像素。7）透明度：修改文字的透明度，100%為不透明，0%為全透明。8）旋轉(zhuǎn)：調(diào)整文字與水平線的夾角，正數(shù)為順時針旋轉(zhuǎn)，負數(shù)為逆時針旋轉(zhuǎn)。圖片1、功能解釋：用于顯示圖片，通過修改圖片的顯示屬性，可以改變圖片的大小、透明度、角度等。2、操作方法：1）激活功能：點擊右側(cè)的圖片選項，編輯面板的右上角會出現(xiàn)兔展的logo圖片。2）上傳新圖片：點擊屬性欄中的上傳按鈕，上傳本地電腦中的圖片進入替換。3）圖片庫中的圖片：如果之前已經(jīng)上傳過圖片，可以從圖片庫中選擇需要顯示的圖片。4）截圖：按住鼠標左鍵拖動選擇圖片區(qū)域，然后點擊截圖按鈕或者雙擊選中的圖片區(qū)域，便可以裁剪出選中的圖片區(qū)域。3、屬性說明：1）寬度：修改圖片的寬度。2）高度：修改圖片的高度。3）原比例：此選項打上勾好，圖片的寬度和高度將按照圖片原來的比例顯示，修改其中的一個數(shù)值，另外一個數(shù)值會除之改變。4）透明度：修改圖片的透明度，100%為不透明，0%為全透明。5）旋轉(zhuǎn)：調(diào)整圖片與水平線的夾角，正數(shù)為順時針旋轉(zhuǎn)，負數(shù)為逆時針旋轉(zhuǎn)。按鈕1、功能解釋：用于添加鏈接按鈕，可以添加一切頁面的鏈接，如:微博鏈接、微信公眾號關(guān)注鏈接、官網(wǎng)鏈接、淘寶鏈接等等。2、操作方法：點擊右側(cè)的按鈕選項，編輯面板的右上角會出現(xiàn)文字輸入框；修改右側(cè)的屬性選項，可以改變按鈕的參數(shù)和樣式。3、屬性說明：1）文字：修改按鈕上顯示的文字。2）鏈接：需要按鈕鏈接到的頁面，注意鏈接開頭要包含“ http:// ”。3）填充色：按鈕上的背景顏色。4）邊框色：按鈕的邊框顏色。5）形狀-邊框：修改邊框的寬度，“0”代表按鍵無邊框。6）邊框-圓角：修改邊框邊角的圓潤程度，數(shù)值越大，按鈕邊角越圓潤。7）寬度：修改按鈕的寬度。8）高度：修改按鈕的高度。9）透明度：修改按鈕的透明度，100%為不透明，0%為全透明。10）旋轉(zhuǎn)：調(diào)整按鈕與水平線的夾角，正數(shù)為順時針旋轉(zhuǎn)，負數(shù)為逆時針旋轉(zhuǎn)。表單1、功能解釋：是允許用戶在表單中輸入并提交文本信息的功能組件，用戶提交的信息可以在帳戶欄目下的表單數(shù)據(jù)中顯示。表單中，可以自定義每個選項的名稱和項目的數(shù)量。2、操作方法：點擊右側(cè)的表單選項，彈出新建表單窗口，對表單內(nèi)容進入添加。3、屬性說明：1）表單標題：添加表單的標題。2）行標題：添加表單的行標題。3）按鈕內(nèi)容：添加按鈕的顯示文字。

　　網(wǎng)頁模板就是已經(jīng)做好的網(wǎng)頁框架，使用網(wǎng)頁編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站。每個網(wǎng)頁模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向網(wǎng)頁模板添加內(nèi)容?！　?chuàng)建和設(shè)置　　1)模板的概念：作為創(chuàng)建其它文檔的樣板的文檔。創(chuàng)建模板時，可以說明哪些網(wǎng)頁元素不可編輯，哪些元素可以編輯。其擴展名為.dwt?！　?)模板的作用：有利于保持網(wǎng)頁風格的一致;提高工作效率?！　?.創(chuàng)建模板　　1)創(chuàng)建一個全新的模板：在模板面板中，使用快捷菜單按鈕或單擊面板上的新建按鈕　　模板面板的打開：Window菜單--Templates　　2)創(chuàng)建基于文檔的模板：File菜單-Save As Template　　2.設(shè)置模板頁面屬性　　1)用模板創(chuàng)建的文檔繼承模板的頁面屬性，頁標題除外。　　2)設(shè)置：Modify菜單-Page Properties　　3.定義模板的可編輯區(qū)　　1)定義模板的可編輯區(qū)　　在模板文檔中選定對象、Modify菜單、Templates、New Editable Region　　2)取消可編輯區(qū)標記　　Modify菜單-Templates-Remove Editable Region　　應(yīng)用和更新　　1.應(yīng)用模板創(chuàng)建文檔　　1)應(yīng)用模板創(chuàng)建文檔　　使用模板創(chuàng)建新文檔：File菜單-New From Template　　或：File菜單-New-從模板面板中拖一個模板到文檔　　對現(xiàn)有文檔應(yīng)用模板：Modify菜單-Templates-Apply Template to Page-模板面板中選定模板-單擊Select　　或：從模板面板中拖一個模板到文檔中　　或：從模板面板中選定一個模板，單擊Apply　　2)可編輯區(qū)和鎖定區(qū)　　在應(yīng)用了模板的文檔中，只有可編輯區(qū)的內(nèi)容才可以修改?！　?)把頁面從模板中分離出來　　如果要對應(yīng)用了模板的頁面的鎖定區(qū)進行修改，必須先把頁面從模板中分離出來?！　【唧w操作：Modify菜單-Templates-Detach From Template　　2.修改模板　　在模板面板中選定模板、單擊編輯按鈕或雙擊模板名稱或使用快捷菜單的Edit、編輯完成后保存　　3.更新站點中使用模板的所有文件　　Modify菜單-Templates-Update Pages

模板自助建站或者代寫源碼建站有點區(qū)別，根據(jù)需求選擇：自助建站是在一個基礎(chǔ)平臺上，以固有的模板配置，來進行選擇，是選擇固有的模式。而網(wǎng)站公司手工做的網(wǎng)站，是可以有私人訂制的部分，無論哪里或有什么功能都可以先行協(xié)商，落實后進行。綜合來講，各有優(yōu)勢，在基本企業(yè)網(wǎng)站的基礎(chǔ)上，自助建站也是非常不錯的?，F(xiàn)在的自助建站系統(tǒng)，好的模式更加強大，包含PC電腦站+手機站+APP端+微信公眾平臺整合，完整的各方位包含，而這些所有功能，在一個后臺統(tǒng)一管理，非常方便。

其實標準的網(wǎng)制作完成的工作實際是：psd to html，一般情況下，我們會拿到美工的psd,這時候不同的人會有不同的做法： 1.打開fireworks將圖片切割導(dǎo)出為html。 2.直接在dreamweaver之類的工具去拖拉布局，導(dǎo)入相關(guān)的圖片,flash資源。 3.先在ps中完成切圖后，在文本編輯器中看著效果圖一步步的制作。 以上是大多被采用的方法，但都不好： 第一種方法最為不好，這樣的代碼根本不具維護性和可讀性。 第二種方法也不好，代碼難免會有冗余，做出來的東西基本需要排查一遍。 第三種方法也不好，因為你需要看效果圖一點點的拼，也就是說寫html標簽的時候，你在不斷的假設(shè)這塊要怎么去顯示。 正確的做法是： 1.拿到psd后，先不要做別的，直接在文本編輯器中將網(wǎng)頁的框架寫出來，不要假設(shè)這塊將來css要去怎么渲染，完全自然化的標簽，不加任何的css。 2.寫完之后在各個瀏覽器運行之后確保大體定位都沒有問題。 3.書寫總體css,這里的css只負責大塊的定位及樣式。 4.切出需要的圖片資源，在寫好的框架中一點點的去構(gòu)造，不斷的調(diào)試，最終為成品。 5.最后，為自己的代碼添加注釋，在css，html中都要合適的為自己的代碼添加注釋。 要想做出能靈活切換皮膚，讓css主導(dǎo)表現(xiàn)，還有很多要注意的地方，但大體的流程就是這樣的，當然我們一開始不能直接就做到先寫html，但起碼要有這個意識，循序漸進。。。謝謝熱心會員"linxz"提供實際經(jīng)驗，我貼上來供大家參考：PSD出網(wǎng)站從兩個大點考慮一、一個獨立的頁面1、分析這個頁面，先在腦袋中或者草稿紙上描繪大概的結(jié)構(gòu)2、根據(jù)設(shè)計稿的的情況，分析背景圖的分布、ICO圖的分布等3、切割相應(yīng)的圖片，導(dǎo)出、合并圖片4、在編輯器中寫整體結(jié)構(gòu)XHTML代碼，包括頁面中出現(xiàn)的所有元素的結(jié)構(gòu)5、編寫CSS樣式中的整體以及模塊代碼6、細節(jié)調(diào)整7、收工，瀏覽器驗證是否正確二、由多個頁面組成的小站點或者大站點1、瀏覽所有設(shè)計稿，統(tǒng)一規(guī)劃站點模塊、圖片、文件分布2、開始第一點的操作，但規(guī)劃站點的內(nèi)容分布很重要整體考慮點：圖片的合并，減少請求量結(jié)構(gòu)的合理性，語義化樣式的簡潔，便于后期維護多為后期的維護以及程序開發(fā)著想，如何簡單實現(xiàn)效果 參考資料： http://www.wzsky.net/html/Website/Experience/107671.html

一個大型企業(yè)網(wǎng)站的成功與否與建站前的網(wǎng)站策劃有著極為重要的關(guān)系。在建立網(wǎng)站前應(yīng)明確建設(shè)網(wǎng)站的目的，確定網(wǎng)站的功能，確定網(wǎng)站規(guī)模、投入費用，進行必要的市場分析等。只有詳細的策劃，才能避免在網(wǎng)站建設(shè)中出現(xiàn)的很多問題，使網(wǎng)站建設(shè)能順利進行。 奔唐認為:如果你是一個網(wǎng)站項目經(jīng)理,應(yīng)該在項目初期預(yù)測到項目實施中的主要問題,并提出實施方案.　　網(wǎng)站策劃是指在網(wǎng)站建設(shè)前對市場進行分析、確定網(wǎng)站的目的和功能，并根據(jù)需要對網(wǎng)站建設(shè)中的技術(shù)、內(nèi)容、費用、測試、維護等做出策劃。網(wǎng)站策劃對網(wǎng)站建設(shè)起到計劃和指導(dǎo)的作用，對網(wǎng)站的內(nèi)容和維護起到定位作用。網(wǎng)站策劃書出應(yīng)該盡可能涵蓋網(wǎng)站策劃中的各個方面，網(wǎng)站策劃書的寫作要科學、認真、實事求是。網(wǎng)站策劃書包含的內(nèi)容如下： 一、建設(shè)網(wǎng)站前的市場分析（企業(yè)自行處理）　　 1、相關(guān)行業(yè)的市場是怎樣的,市場有什么樣的特點，是否能夠在互聯(lián)網(wǎng)上開展公司業(yè)務(wù)。 　　　　 2、市場主要競爭者分析，競爭對手上網(wǎng)情況及其網(wǎng)站策劃、功能作用?！　?3、公司自身條件分析、公司概況、市場優(yōu)勢，可以利用網(wǎng)站提升哪些競爭力，建設(shè)網(wǎng)站的能力（費用、技術(shù)、人力等）。 二、建設(shè)網(wǎng)站目的及功能定位（企業(yè)自行處理或與專業(yè)公司商議）　　 1、為什么要建立網(wǎng)站，是為了樹立企業(yè)形象，宣傳產(chǎn)品，進行電子商務(wù)，還是建立行業(yè)性網(wǎng)站？是企業(yè)的基本需要還是市場開拓的延伸？ 　　 2、整合公司資源，確定網(wǎng)站功能。根據(jù)公司的需要和計劃，確定網(wǎng)站的功能類型：企業(yè)型網(wǎng)站、應(yīng)用型網(wǎng)站、商業(yè)型網(wǎng)站（行業(yè)型網(wǎng)站）、電子商務(wù)型網(wǎng)站；企業(yè)網(wǎng)站又分為企業(yè)形象型、產(chǎn)品宣傳型、網(wǎng)上營銷型、客戶服務(wù)型、電子商務(wù)型等。 　　 3、根據(jù)網(wǎng)站功能，確定網(wǎng)站應(yīng)達到的目的作用。 　　 4、企業(yè)內(nèi)部網(wǎng)（Intranet）的建設(shè)情況和網(wǎng)站的可擴展性。 三、網(wǎng)站技術(shù)解決方案（與專業(yè)公司商議）　 根據(jù)網(wǎng)站的功能確定網(wǎng)站技術(shù)解決方案。 　　 1、采用自建服務(wù)器，還是租用虛擬主機。 　　 2、選擇操作系統(tǒng)，用Window2000/NT還是unix,Linux。分析投入成本、功能、開發(fā)、穩(wěn)定性和安全性等。 　　 3、采用模板自助建站、建站套餐還是個性化開發(fā)。 　　 4、網(wǎng)站安全性措施，防黑、防病毒方案（如果采用虛擬主機，則該項由專業(yè)公司代勞）。　　 5、選擇什么樣的動態(tài)程序及相應(yīng)數(shù)據(jù)庫。如程序ASP、JSP、PHP；數(shù)據(jù)庫SQL、ACCESS、ORACLE等。 四、網(wǎng)站內(nèi)容及實現(xiàn)方式（與專業(yè)公司商議）　　 1、根據(jù)網(wǎng)站的目的確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航?！　?一般企業(yè)型網(wǎng)站應(yīng)包括：公司簡介、企業(yè)動態(tài)、產(chǎn)品介紹、客戶服務(wù)、聯(lián)系方式、在線留言等基本內(nèi)容。內(nèi)容如：常見問題、營銷網(wǎng)絡(luò)、招賢納士、在線論壇、英文版等等?！　?2、根據(jù)網(wǎng)站的目的及內(nèi)容確定網(wǎng)站整合功能。　　 如FLASH引導(dǎo)頁、會員系統(tǒng)、網(wǎng)上購物系統(tǒng)、在線支付、問卷調(diào)查系統(tǒng)、在線支付、信息搜索查詢系統(tǒng)、流量統(tǒng)計系統(tǒng)等。　　 3、確定網(wǎng)站的結(jié)構(gòu)導(dǎo)航中的每個頻道的子欄目?！　?如公司簡介中可以包括：總裁致詞、發(fā)展歷程、企業(yè)文化、核心優(yōu)勢、生產(chǎn)基地、科技研發(fā)、合作伙伴、主要客戶、客戶評價等；客戶服務(wù)可以包括：服務(wù)熱線、服務(wù)宗旨、服務(wù)項目等。　　 4、確定網(wǎng)站內(nèi)容的實現(xiàn)方式?！　?如產(chǎn)品中心使用動態(tài)程序數(shù)據(jù)庫還是靜態(tài)頁面；營銷網(wǎng)絡(luò)是采用列表方式還是地圖展示。五、網(wǎng)頁設(shè)計　　 1、網(wǎng)頁設(shè)計美術(shù)設(shè)計要求，網(wǎng)頁美術(shù)設(shè)計一般要與企業(yè)整體形象一致，要符合企業(yè)CI規(guī)范。要注意網(wǎng)頁色彩、圖片的應(yīng)用及版面策劃，保持網(wǎng)頁的整體一致性。 　　 2、在新技術(shù)的采用上要考慮主要目標訪問群體的分布地域、年齡階層、網(wǎng)絡(luò)速度、閱讀習慣等?！　?3、制定網(wǎng)頁改版計劃，如半年到一年時間進行較大規(guī)模改版等。六、費用預(yù)算　　 1、 企業(yè)建站費用的初步預(yù)算　　 一般根據(jù)企業(yè)的規(guī)模、建站的目的、上級的批準而定?！　?2、 專業(yè)建站公司提供詳細的功能描述及報價，企業(yè)進行性價比研究。　　 3、 網(wǎng)站的價格從幾千元到十幾萬元不等。如果排除模板式自助建站（火山動力通常認為企業(yè)的網(wǎng)站無論大小，必須有排他性，如果千篇一律對企業(yè)形象的影響極大）和牟取暴利的因素，網(wǎng)站建設(shè)的費用一般與功能要求是成正比的。七、網(wǎng)站維護　　 1、服務(wù)器及相關(guān)軟硬件的維護，對可能出現(xiàn)的問題進行評估，制定響應(yīng)時間。 　　 2、數(shù)據(jù)庫維護，有效地利用數(shù)據(jù)是網(wǎng)站維護的重要內(nèi)容，因此數(shù)據(jù)庫的維護要受到重視。 　　 3、內(nèi)容的更新、調(diào)整等。 　　 4、制定相關(guān)網(wǎng)站維護的規(guī)定，將網(wǎng)站維護制度化、規(guī)范化。 　　 5、說明：動態(tài)信息的維護通常由企業(yè)安排相應(yīng)人員進行在線的更新管理；靜態(tài)信息（即沒用動態(tài)程序數(shù)據(jù)庫支持）可由專業(yè)公司進行維護。八、網(wǎng)站測試　　 網(wǎng)站發(fā)布前要進行細致周密的測試，以保證正常瀏覽和使用。主要測試內(nèi)容： 　　 1、文字、圖片是否有錯誤?！　?2、程序及數(shù)據(jù)庫測試。 　　 3、鏈接是否有錯誤。九、網(wǎng)站發(fā)布與推廣　　 以上為網(wǎng)站策劃中的主要內(nèi)容，根據(jù)不同的需求和建站目的，內(nèi)容也會在增加或減少。在建設(shè)網(wǎng)站之初一定要進行細致的策劃，才能達到預(yù)期建站目的。

Html5和以前html，jsp寫法一樣的，基本上區(qū)別不大，如果要寫手機頁面的話，可以用dw然后在里面用手機版塊看效果