網(wǎng)站的幾個(gè)基本組成元素:域名+空間+程序+模板+維護(hù)經(jīng)驗(yàn)+日常管理.網(wǎng)站建設(shè) 是一個(gè)綜合性的技巧，小說(shuō)網(wǎng)站也不例外，這個(gè)就像種菜,并不是說(shuō)看個(gè)操作流程就一定會(huì)種菜，還要土壤，水肥，氣候，直接間接的相關(guān)知識(shí)都做足夠的了解，才能真正去操作，最終還要一個(gè)好的服務(wù)商。以十幾年的企業(yè)網(wǎng)建運(yùn)維網(wǎng)商系統(tǒng)經(jīng)驗(yàn)，網(wǎng)站=域名+服務(wù)器空間+網(wǎng)站程序+售后服務(wù)，網(wǎng)站就像一個(gè)家：【域名】：網(wǎng)址 就相當(dāng)于家的住址。記住和找到家所在的位置。【空間】：就是蓋房子的基礎(chǔ) 土地 環(huán)境 等?！境绦颉浚壕褪羌业闹黧w框架,是整個(gè)家的運(yùn)轉(zhuǎn)中心?！灸０濉浚壕W(wǎng)站的美化 就是家的裝修,當(dāng)然因人而異有人不裝修原汁原味也可以?！揪S護(hù)】：技術(shù)性維護(hù)就像安居樂(lè)業(yè)的保安和堅(jiān)實(shí)后盾?！厩趧凇浚菏钦麄€(gè)家可以穩(wěn)定持續(xù)運(yùn)轉(zhuǎn)極其重要的部分，家里所有的東西都要靠勤奮去填充，增加新鮮，讓大家覺(jué)著你家很好 很充實(shí)。這是一個(gè)完美網(wǎng)站的所有，有能力和經(jīng)驗(yàn)的可以全部自己做好,沒(méi)有相關(guān)經(jīng)驗(yàn)的部分可以找專(zhuān)業(yè)的技術(shù)團(tuán)隊(duì)協(xié)助。有一個(gè)非常直接的真理：用合適的成本，找合適的人，去做合適的事...這是大自然發(fā)展的規(guī)律。域名，由域名中心統(tǒng)一管理，諸多代理商銷(xiāo)售推廣，可以聯(lián)系任何一家代理商在線付款注冊(cè)?？臻g，服務(wù)器，尋找有資質(zhì)的服務(wù)商選購(gòu)和自己網(wǎng)站規(guī)劃搭配的配置，切記，夠用即可，現(xiàn)在的服務(wù)器大多可以無(wú)縫升級(jí)，沒(méi)有必要為未來(lái)的想法預(yù)消費(fèi)，需要的時(shí)候再升級(jí)即可。關(guān)鍵是商家的信譽(yù)，資歷，多年經(jīng)驗(yàn)的優(yōu)先考慮。模板程序維護(hù)等，技術(shù)方面，最好找專(zhuān)業(yè)技術(shù)團(tuán)隊(duì)協(xié)助運(yùn)作，避免出現(xiàn)問(wèn)題網(wǎng)站故障臨時(shí)找人抱佛腳，影響就大了。具體可以聯(lián)系我們綜合分析你的需求，給你提供方案和細(xì)節(jié)參考。

我這里有兩份個(gè)人主頁(yè)網(wǎng)頁(yè)模板，你自己修改下文字即可。

學(xué)得差不多了是什么程度？ 我給你舉一個(gè)實(shí)例吧 首先 這個(gè)網(wǎng)站 布局 就是分塊 你能分出來(lái)不 如果能 你的 div+css 關(guān)于布局這塊沒(méi)問(wèn)題然后 每一個(gè)模塊中的css 能夠模仿出來(lái)不 如果能 那么 css沒(méi)問(wèn)題然后 就是特效了 特效有點(diǎn)難度 要從簡(jiǎn)單上手 因?yàn)? js 是緊緊關(guān)聯(lián)著 div+css的 但又要求一定的邏輯能力 所以 如果你學(xué)過(guò)別的 編程語(yǔ)言稍微好點(diǎn) 建議你 這樣學(xué) 單純的做效果 就是先不要綜合使用 就單js特效 比如定時(shí)切換 比如 懸浮切換選項(xiàng)卡 之類(lèi)的 都熟練以后 就好了 關(guān)于 jq jquery的最大特點(diǎn)在于定位方便 想知道入門(mén)了沒(méi)有 很簡(jiǎn)單 任意結(jié)構(gòu) 能夠用 $("xxx").mouseove(function(){alert("1")}) 定位 并測(cè)試成功 以上的這些 步驟 也是實(shí)際開(kāi)發(fā)一個(gè) 前臺(tái)頁(yè)面的步驟 您在學(xué)的時(shí)候有沒(méi)有模仿其他人的模板呀（或者完整的模仿其他人的模板，和他做的一摸一樣）我在學(xué)模仿他人的模板，這樣學(xué)是不是有點(diǎn)走偏了？？？？？？？？； 單獨(dú)的一個(gè)別人寫(xiě)過(guò)方法的jq腳本 會(huì)用，但在模仿其他人的完整的模板時(shí)，找不清楚他人的jq怎么用的，尤其是在《模仿他人完整的網(wǎng)頁(yè)模板》時(shí)，一個(gè)header的腳本內(nèi)容我都搞不出來(lái)。學(xué)的有點(diǎn)鬧心了: ( 那絕對(duì)沒(méi)走偏 因?yàn)橹挥邢饶７? 才知道基本的套路 你想再創(chuàng)新 才有一定的基礎(chǔ) 現(xiàn)在能被廣泛應(yīng)用的肯定是 經(jīng)典的 要學(xué)習(xí)的 另外 整體項(xiàng)目的時(shí)候 就要一個(gè)個(gè)去分析 把大的js特效拆成小的 不過(guò)有些實(shí)現(xiàn)不了的 可能是腳本 這點(diǎn)你自己注意

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

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

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

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

用法如下： 舉個(gè)例子，比如要制作一個(gè)圖層，需要長(zhǎng)、寬各為100px，字體顏色要設(shè)置為紅色，那么在編輯時(shí)需要寫(xiě)以下一系列代碼：<html><head><meta charset="utf-8"><title>無(wú)標(biāo)題文檔</title><style type="css/text">#b{wide=100px; height=100px; font-color="red"}</style></head><body><div id="b">cCCCCCCCCCCc</a>"></div></body></html>但是通過(guò)設(shè)計(jì)功能可以快速實(shí)現(xiàn)以上操作，如圖：只需要在下方屬性里設(shè)置參數(shù)即可。

<!doctype html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>無(wú)標(biāo)題 1</title><style type="text/css">td {width: 240px; height: 240px;}.center {text-align: center;}</style></head><body><table style="width: 960px; "><tr><td colspan="4" class="center">logo<img src="" alt="logo"></td></tr><tr><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td></tr><tr><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td></tr><tr><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td><td>圖片<img src="" alt="圖片"></td></tr></table></body></html>