網(wǎng)站模板在這里指的是網(wǎng)站頁(yè)面模板，是當(dāng)網(wǎng)站中有許多頁(yè)面版式色彩相同的情況下，將其定義為網(wǎng)頁(yè)模板，并定義其中部分可編輯，部分不可利用網(wǎng)頁(yè)模板制作其他頁(yè)面時(shí)就會(huì)很方便，不易出錯(cuò)。

這里我們稱為普通網(wǎng)頁(yè)模板。網(wǎng)站模板就是已經(jīng)做好的網(wǎng)頁(yè)框架，使用網(wǎng)頁(yè)編輯軟件將模板原有的圖片和文字替換成自己的內(nèi)容，再發(fā)布到自己的網(wǎng)站。

一般按以下步驟進(jìn)行網(wǎng)頁(yè)模板的制作：1、要沉穩(wěn)，不要花里胡哨。2、要素凈、大氣，不要五彩繽紛。3、要有個(gè)性、有風(fēng)格，要突出行業(yè)的特點(diǎn)

網(wǎng)絡(luò)模板是已經(jīng)做好的網(wǎng)頁(yè)框架，使用網(wǎng)頁(yè)編輯軟件輸入自己需要的內(nèi)容，再發(fā)布到自己的網(wǎng)站，決定文檔的基本結(jié)構(gòu)和文檔設(shè)置的一種模板，包括字符格式、段落格式、頁(yè)面格式等其它樣式。任何 Microsoft Word 文檔都是以模板為基礎(chǔ)的。我們一打開word時(shí)，就是在normal.doc這個(gè)模板下創(chuàng)建文檔，這個(gè)模板就是采用的宋體、5號(hào)字等格式。我們還可以根據(jù)需要?jiǎng)?chuàng)建自己的模板，新建一篇文檔，設(shè)置好各項(xiàng)格式(包括字符、段落、頁(yè)面等格式)，另存為對(duì)話框中選擇文件保存類型：word模板即可。比如規(guī)定一份試卷的格式：B4紙、上下左右頁(yè)邊距、分兩欄、欄間線、欄間距等，設(shè)好后存為模板，以后制卷時(shí)直接利用這個(gè)模板創(chuàng)建文檔就行，不必每次都去設(shè)置這些格式了

顧名思義就是用已經(jīng)成形的網(wǎng)站為框架進(jìn)行套用，可以在后臺(tái)進(jìn)行設(shè)置網(wǎng)站的一些信息，把這個(gè)網(wǎng)站改變成自己需要的網(wǎng)站信息，最為直接的就是象一些網(wǎng)站提供的自助建站和我們眾所周知的博客，比如谷谷互聯(lián)、中華網(wǎng)庫(kù)專業(yè)提供網(wǎng)站模板，另外還有一些公司把自己公司已經(jīng)設(shè)計(jì)好的網(wǎng)站進(jìn)行一些修改再套用如修改風(fēng)格，網(wǎng)站名稱等信息，但大致格式及里面的代碼并未改動(dòng)，此網(wǎng)站也可叫作模版網(wǎng)站。他們最大的特點(diǎn)就是省時(shí)，省力，操作簡(jiǎn)單。

每個(gè)網(wǎng)站模板壓縮包內(nèi)包含：PSD圖片文件(可用Photoshop、ImageReady或Fireworks修改)，按鈕圖片PSD文件、Flash源文件和字體文件，推薦使用Dreamweaver軟件向NNT流量網(wǎng)站模板添加內(nèi)容。網(wǎng)站PSD模板，Photoshop的源文件格式，PSD文件可以存儲(chǔ)成RGB或CMYK模式，還能夠自定義顏色數(shù)并加以存儲(chǔ)，還可以保存Photoshop的層、通道、路徑等信息，是惟一能夠支持全部圖像色彩模式的格式，但體積龐大，在大多平面軟件內(nèi)部可以通用(如cd ai ae等)，另外在一些其它類型編輯軟件內(nèi)也可使用，例如office系列。但像瀏覽器類的軟件不支持。它的功能要強(qiáng)一些。psd作為常用的設(shè)計(jì)格式，在全世界有數(shù)千萬(wàn)用戶，在中國(guó)就有數(shù)百萬(wàn)用戶，在通用設(shè)計(jì)領(lǐng)域，比如婚紗模板，展板模板等等，基本都是由photoshop設(shè)計(jì)完成的，他們的實(shí)用性非常強(qiáng)，通用性也強(qiáng)，大家都可以使用。 [3]

網(wǎng)絡(luò)技術(shù)的發(fā)展帶動(dòng)了軟件業(yè)的發(fā)展，所以用于制作Web頁(yè)面的工具軟件也越來(lái)越豐富。從最基本的HTML編輯器到流行的Flash互動(dòng)網(wǎng)頁(yè)制作工具，各種各樣的Web頁(yè)面制作工具，下面是幾款具有代表性的網(wǎng)頁(yè)制作器：

1、HTML編輯器。雖然HTML代碼復(fù)雜，編輯和調(diào)試要花費(fèi)大量的時(shí)間，但因HTML的穩(wěn)定性、廣泛支持性及可創(chuàng)建復(fù)雜的頁(yè)面效果，仍受高級(jí)網(wǎng)頁(yè)制作人員的青睞。使用較為普遍的有Hotdog等專業(yè)HTML編輯器。

2、所見即所得的網(wǎng)頁(yè)編輯器。其中以Microsoft Frontpage為代表，它具有如Word一樣的操作界面，熟知Word功能的操作者，只要稍加培訓(xùn)就能輕松編制網(wǎng)頁(yè)。而且，F(xiàn)rontpage還能解析網(wǎng)頁(yè)的HTML源代碼，并提供了預(yù)覽支持。但Frontpage的一些特殊顯示功能并不能在其它非IE瀏覽器下實(shí)現(xiàn)。所以Frontpage是一款非常適合初、中級(jí)網(wǎng)頁(yè)制作人員使用的工具軟件。

3、 Macromedia公司(已被Adobe公司收購(gòu))出品的Flash互動(dòng)網(wǎng)頁(yè)制作工具，是一款功能非常強(qiáng)大的交互式矢量多媒體網(wǎng)頁(yè)制作工具。能夠輕松輸出各種各樣的動(dòng)畫網(wǎng)頁(yè)，它不需要特別繁雜的操作，也比JAVA小巧精悍!但它的動(dòng)畫效果、互動(dòng)效果、多媒體效果十分出色。而且還可以在Flash動(dòng)畫中封裝Mp3音樂、填寫表單等;并且由于Flash編制的網(wǎng)頁(yè)文件比普通網(wǎng)頁(yè)文件要小得多，所以大大加快了瀏覽速度。這是一款十分適合動(dòng)態(tài)Web制作的工具。

4、Dreamweaver：Dreamweaver是美國(guó)MACROMEDIA公司開發(fā)的集網(wǎng)頁(yè)制作和管理網(wǎng)站于一身的所見即所得網(wǎng)頁(yè)編輯器。它是第一套針對(duì)專業(yè)網(wǎng)頁(yè)設(shè)計(jì)師特別發(fā)展的視覺化網(wǎng)頁(yè)開發(fā)工具，利用它可以輕而易舉地制作出跨越平臺(tái)限制和跨越瀏覽器限制的充滿動(dòng)感的網(wǎng)頁(yè)。

另外，個(gè)人網(wǎng)站制作者還需了解W3C的HTML4.0規(guī)范、CSS層疊樣式表的基本知識(shí)、javascript、VBScript的基本知識(shí)。對(duì)于常用的一些腳本程序如ASP、CGI、PHP也要有適當(dāng)了解，還要熟練使用圖形處理工具和動(dòng)畫制作工具以及矢量繪圖工具，并能部分了解多種圖形圖像動(dòng)畫工具的基本用法，熟練使用FTP工具以及擁有相應(yīng)的軟硬件和網(wǎng)絡(luò)知識(shí)也是必備的。 　當(dāng)然，互聯(lián)網(wǎng)還是一個(gè)免費(fèi)的資料庫(kù)。編制網(wǎng)頁(yè)需要多種多樣的按鈕、背景還有各種各樣圖形、圖片。如果這些都要靠自己完成，既浪費(fèi)時(shí)間又浪費(fèi)金錢，而且還需要強(qiáng)大的圖形、圖片制作技術(shù)。所以，為了省卻這些麻煩，網(wǎng)站制作者完全可以從網(wǎng)上下載各種精美實(shí)用的圖片、按鈕、背景等網(wǎng)頁(yè)素材。

成品模板：在網(wǎng)站建設(shè)行業(yè)中，經(jīng)常會(huì)聽說(shuō)自助建站，智能建站，就是說(shuō)網(wǎng)站的提供商已經(jīng)提供了模板以及該模板帶有的一套網(wǎng)站系統(tǒng)，網(wǎng)站系統(tǒng)有可能是asp的，有可能是php的，或者其它的語(yǔ)言。確切的說(shuō)，這類成品模板網(wǎng)站是可以無(wú)數(shù)次的使用被使用，用戶在購(gòu)買了提供商的模板后只有使用權(quán)，不擁有版權(quán)，而網(wǎng)站的提供商擁有最終對(duì)網(wǎng)站模板以及系統(tǒng)源代碼的版權(quán)。

仿制型模板：就是說(shuō)在網(wǎng)站制作的過程中，在模板設(shè)計(jì)的時(shí)候參考其它現(xiàn)有的網(wǎng)站風(fēng)格，色彩，布局。也就是說(shuō)，仿制型的模板網(wǎng)站既有自己的風(fēng)格在里面，但是又有其它網(wǎng)站的模板風(fēng)格，例如當(dāng)當(dāng)商城，京東商城的網(wǎng)上平臺(tái)被很多模板涉及商所參考，Ecshop,Shopex,的官方網(wǎng)站經(jīng)常可以下載雷同的網(wǎng)站模板;根據(jù)這類模板制作出的網(wǎng)站叫做仿制型模板網(wǎng)站。

手工模板：和上面兩種類型的網(wǎng)站一樣，手工模板網(wǎng)站的模板是完全根據(jù)各個(gè)網(wǎng)站特定的風(fēng)格來(lái)訂制的模板。區(qū)別在于手工模板網(wǎng)站使用的客戶擁有對(duì)模板的版權(quán)，而且一套模板只允許一個(gè)企業(yè)使用，如果其它的企業(yè)進(jìn)行復(fù)制，屬于侵權(quán)行為。 [3]

動(dòng)畫模板：Flash網(wǎng)站具有設(shè)計(jì)精美，擁有更多聲效、動(dòng)畫、流媒體剪輯、美術(shù)效果及兼顧互動(dòng)性等特征，非常適合公司作在線產(chǎn)品展示。Flash網(wǎng)站基本以圖形和動(dòng)畫為主，所以比較適合做那些文字內(nèi)容不太多，以平面、動(dòng)畫效果為主的應(yīng)用。如：企業(yè)品牌推廣、特定網(wǎng)上廣告、網(wǎng)絡(luò)游戲、個(gè)性網(wǎng)站等。制作全Flash網(wǎng)站和制作html網(wǎng)站類似，事先應(yīng)先在紙上畫出結(jié)構(gòu)關(guān)系圖，包括：網(wǎng)站的主題、要用什么樣的元素、哪些元素需要重復(fù)使用、元素之間的聯(lián)系、元素如何運(yùn)動(dòng)、用什么風(fēng)格的音樂、整個(gè)網(wǎng)站可以分成幾個(gè)邏輯塊、各個(gè)邏輯塊間的聯(lián)系如何、以及你是否打算用Flash建構(gòu)全站或是只用其做網(wǎng)站的前期部分等等，都應(yīng)在考慮范圍之內(nèi)。實(shí)現(xiàn)全Flash網(wǎng)站效果多種多樣，但基本原理是相同的：將主場(chǎng)景作為一個(gè)“舞臺(tái)”，這個(gè)舞臺(tái)提供標(biāo)準(zhǔn)的長(zhǎng)寬比例和整個(gè)的版面結(jié)構(gòu)，“演員”就是網(wǎng)站子欄目的具體內(nèi)容，根據(jù)子欄目的內(nèi)容結(jié)構(gòu)可能會(huì)再派生出更多的子欄目。主場(chǎng)景作為“舞臺(tái)”基礎(chǔ)，基本保持自身的內(nèi)容不變，其它"演員"身份的的子類、次子類內(nèi)容根據(jù)需要被導(dǎo)入到主場(chǎng)景內(nèi)。

1.標(biāo)題標(biāo)簽客制化：模版的標(biāo)題一定要可以修改，不僅僅是首頁(yè)的標(biāo)題，還要包括分類頁(yè)的標(biāo)題和文章頁(yè)的標(biāo)題，參加過我們的公益培訓(xùn)和VIP培訓(xùn)的，或者說(shuō)有點(diǎn)SEO基礎(chǔ)的同學(xué)，都應(yīng)該知道標(biāo)題的重要性，而且網(wǎng)站內(nèi)部的各個(gè)頁(yè)面的標(biāo)題盡量不要一樣的，所以選擇模版的時(shí)候，一定要選擇一個(gè)標(biāo)題標(biāo)簽可以自由修改的。

2.URL靜態(tài)化及客制化：這個(gè)包含了兩點(diǎn)，一是模板支持偽靜態(tài)，這個(gè)，在選擇空間的時(shí)候也跟大家講過要選擇支持偽靜態(tài)的空間，選擇模板的時(shí)候也是一樣的，要求模板支持偽靜態(tài);URL客制化，就是說(shuō)，我們?cè)趯懳恼碌臅r(shí)候，可以自己編寫我們的URL，當(dāng)然前面的一部分是固定的，文章ID部分就可以自己編寫，具體的例子，在后面寫wordpress教程和Z-blog教程的時(shí)候，會(huì)詳細(xì)講到。

3.meta標(biāo)簽客制化：meta標(biāo)簽指meta keywords和meta description，也就是關(guān)鍵詞標(biāo)簽和描述標(biāo)簽，關(guān)鍵詞標(biāo)簽，基本上對(duì)SEO沒什么用處了，你要是覺得有用，那你就認(rèn)真寫，要是覺得沒用，就干脆刪除掉這個(gè)標(biāo)簽，描述標(biāo)簽是給用戶看的，當(dāng)然要認(rèn)真寫，用戶在搜索結(jié)果中看到你的網(wǎng)站，點(diǎn)不點(diǎn)進(jìn)去看，很大程度上取決于你的描述是否足夠吸引人，足夠清晰。另外，每個(gè)頁(yè)面(包括分類頁(yè)面和文章頁(yè)面)的描述標(biāo)簽要不一樣，并且跟頁(yè)面內(nèi)容相關(guān)。

4.tag標(biāo)簽功能：在我們發(fā)布文章或者產(chǎn)品的時(shí)候，允許我們輸入標(biāo)簽，系統(tǒng)自動(dòng)按照標(biāo)簽聚合內(nèi)容并生成標(biāo)簽頁(yè)面。

5. 導(dǎo)航結(jié)構(gòu)客制化：模板應(yīng)該允許我們自己修改導(dǎo)航的布局，包括導(dǎo)航顏色的調(diào)整，導(dǎo)航大小，下拉菜單等等的修改。

6. 模塊DIY：模板要支持我們自由增刪模塊，自由調(diào)整模塊位置。

7. 地圖自動(dòng)生成：模板要可以自動(dòng)生成xml網(wǎng)站地圖，便于我們向搜索引擎提交。如果不帶有地圖自動(dòng)生成功能，起碼也得支持祥光的地圖自動(dòng)生成插件。

8. 相關(guān)文章生成：模板可在文章頁(yè)面下方，生成與之相關(guān)的文章，增強(qiáng)文章的相關(guān)性，促進(jìn)文章收錄數(shù)據(jù)的更新。

9. 相關(guān)站內(nèi)鏈接：這里是指inner link，也就是內(nèi)鏈的自動(dòng)生成。每篇文章去增加鏈接是件很繁瑣的事情，或者說(shuō)，站長(zhǎng)朋友們經(jīng)常會(huì)忘記，如果說(shuō)是博客還好，如果是像我們SEO交互論壇這樣的，內(nèi)容完全不受站長(zhǎng)控制的網(wǎng)站，每天的帖子上萬(wàn)，都要手動(dòng)去增加內(nèi)鏈的話，是件很麻煩的事情，這個(gè)時(shí)候，如果系統(tǒng)支持我們?cè)诤笈_(tái)設(shè)置好關(guān)鍵詞和鏈接，然后再文章中自動(dòng)生成該鏈接，我們就輕松多了。

10. 正確生成H標(biāo)簽：在一個(gè)網(wǎng)站中，重要程度僅次于標(biāo)題標(biāo)簽的標(biāo)簽就是H標(biāo)簽了，有些模板會(huì)自動(dòng)生成H1，H2標(biāo)簽，但是不一定正確，可能有些模板在所有頁(yè)面都把網(wǎng)站名稱放在H1標(biāo)簽中，這樣是不對(duì)的。在首頁(yè)，我們的標(biāo)題標(biāo)簽中就已經(jīng)包含了網(wǎng)站名稱。分類頁(yè)面，H1標(biāo)簽應(yīng)放分類名稱，文章頁(yè)H1標(biāo)簽應(yīng)該放標(biāo)題名稱等。

11. 翻頁(yè)控制：意思就是說(shuō)，允許我們自己定義一個(gè)頁(yè)面放置多少篇文章?？刂品?yè)，主要是為了減少每一篇文章離首頁(yè)的點(diǎn)擊距離。這個(gè)利害關(guān)系，相信大家都懂的。

12. 圖片alt屬性：很多新手站長(zhǎng)朋友們，經(jīng)常用百度站長(zhǎng)平臺(tái)檢測(cè)網(wǎng)站后會(huì)發(fā)現(xiàn)百度提示圖片alt屬性沒有填寫。百度對(duì)于圖片的抓取還存在一定的難度，所以，我們需要給圖片加上說(shuō)明文字，那么這個(gè)alt屬性，我們用來(lái)說(shuō)明圖片的，所以選擇模板的時(shí)候要考慮是否可以自動(dòng)生成圖片alt屬性，或者說(shuō)是否支持手動(dòng)填寫alt屬性。

14. 代碼精簡(jiǎn)：這點(diǎn)，很多站長(zhǎng)朋友們可能并沒有很在意，其實(shí)一個(gè)精簡(jiǎn)的網(wǎng)站，對(duì)蜘蛛來(lái)說(shuō)是非常友好的。同樣一個(gè)功能，你用百來(lái)行代碼來(lái)實(shí)現(xiàn)，別人可能用兩三行代碼就實(shí)現(xiàn)了，這就是代碼的精簡(jiǎn)化。代碼精簡(jiǎn)，利于蜘蛛爬行，減輕服務(wù)器負(fù)擔(dān)，同時(shí)也節(jié)約網(wǎng)站空間。

當(dāng)然，一個(gè)完整的模板要考慮的遠(yuǎn)遠(yuǎn)不止以上這些，比如還有301轉(zhuǎn)向，復(fù)制內(nèi)容的消除等，但是要找到一個(gè)十全十美的網(wǎng)站模板實(shí)屬不易，所以大家在找尋模板的時(shí)候，盡量考慮以上因素就行了，不要太過于追求完善，不然，要找到一個(gè)完全符合的模板是非常難的哦。所以，模板下載下來(lái)后，還需要自己去修改下，才能完全實(shí)現(xiàn)以上功能。

如果能夠用一套模板直接改文字搞定的客戶，那樣的客戶必定是中低端客戶，可能出的價(jià)錢，也是讓一些網(wǎng)站建設(shè)公司抱怨不少。中低端客戶在壓價(jià)、同行在拼價(jià)、設(shè)計(jì)師在拼命，您認(rèn)為，這個(gè)現(xiàn)象合理嗎?做網(wǎng)頁(yè)設(shè)計(jì)的，都有過這樣的價(jià)格經(jīng)歷，做個(gè)網(wǎng)站千把塊，甚至幾百塊，客戶對(duì)稿子還挑三揀四，改來(lái)改去。所以很多人憤怒了，對(duì)這個(gè)行業(yè)憤怒了，怒這個(gè)行業(yè)不規(guī)范，怒自己修煉多年只值個(gè)白菜價(jià)。

在這個(gè)環(huán)境下，有的人選擇繼續(xù)修煉，做高端設(shè)計(jì)，有的人選擇忽悠，忽悠客戶忽悠設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)既然是個(gè)行業(yè)，就應(yīng)該存在高中低端，并不是只有超高端才能生存。賣奧拓的老總開寶馬，賣寶馬的老總開奧拓，并不是只有高端的公司才能有生存，關(guān)鍵是現(xiàn)階段，中低端的網(wǎng)站，成本卻不夠低端。

對(duì)網(wǎng)頁(yè)模板心存憤怒的同志，存在很大遷怒的成分，畢竟此前，國(guó)內(nèi)基本沒有高質(zhì)量的商業(yè)模板。我們的想法是，面對(duì)白菜價(jià)客戶，就應(yīng)該用白菜的成本;面對(duì)高端的客戶，模板給你的作用，可能僅僅是提供設(shè)計(jì)手法方面的幫助而不是包括思想在內(nèi)的全部設(shè)計(jì)。

1、ASP全名Active Server Pages，是一個(gè)WEB服務(wù)器端的開發(fā)環(huán)境，利用它可以產(chǎn)生和執(zhí)行動(dòng)態(tài)的、互動(dòng)的、高性能的WEB服務(wù)應(yīng)用程序。ASP采用腳本語(yǔ)言VBScript(Java script)作為自己的開發(fā)語(yǔ)言。

2、PHP是一種跨平臺(tái)的服務(wù)器端的嵌入式腳本語(yǔ)言。它大量地借用C,Java和Perl語(yǔ)言的語(yǔ)法，并耦合PHP自己的特性，使WEB開發(fā)者能夠快速地寫出動(dòng)態(tài)產(chǎn)生頁(yè)面。

3、JSP是 Sun公司推出的新一代網(wǎng)站開發(fā)語(yǔ)言，Sun公司借助自己在Java上的不凡造詣，將Java從Java應(yīng)用程序和Java Applet之外，又有新的碩果，就是JSP，Java Server Page。JSP可以在Serverlet和JavaBean的支持下，完成功能強(qiáng)大的站點(diǎn)程序。

4、ASP .NET的前身ASP技術(shù)，是在IIS 2.0上首次推出(Windows NT 3.51)，當(dāng)時(shí)與 ADO 1.0 一起推出，在IIS 3.0 (Windows NT 4.0)發(fā)揚(yáng)光大，成為服務(wù)器端應(yīng)用程序的熱門開發(fā)工具，微軟還特別為它量身打造了VisualInter Dev開發(fā)工具。ASP .NET是基于通用語(yǔ)言的編譯運(yùn)行的程序，其實(shí)現(xiàn)完全依賴于虛擬機(jī)，所以它擁有跨平臺(tái)性，ASP .NET構(gòu)建的應(yīng)用程序可以運(yùn)行在幾乎全部的平臺(tái)上。其中大致分為以微軟.NET Framework為基礎(chǔ)使用IIS做為Web 服務(wù)器承載的微軟體系，以及使用Mono為基礎(chǔ)框架運(yùn)行在Windows或Linux上的開源體系。