一、網頁模板是指什么

網頁模板是指已經做好的網頁框架，使用網頁編輯軟件將模板原有的圖片和文字替換成自己的內容，再發(fā)布到自己的網站，決定文檔的基本結構和文檔設置的一種模板，包括字符格式、段落格式、頁面格式等其它樣式。

二、網頁模板分類

1、成品模板

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

2、仿制模板

就是說在網站制作的過程中，在模板設計的時候參考其它現(xiàn)有的網站風格，色彩，布局。也就是說，仿制型的模板網站既有自己的風格在里面，但是又有其它網站的模板風格，例如當當商城，京東商城的網上平臺被很多模板涉及商所參考，Ecshop,Shopex,的官方網站經常可以下載雷同的網站模板；根據這類模板制作出的網站叫做仿制型模板網站。

3、手工模板

和上面兩種類型的網站一樣，手工模板網站的模板是完全根據各個網站特定的風格來訂制的模板。區(qū)別在于手工模板網站使用的客戶擁有對模板的版權，而且一套模板只允許一個企業(yè)使用，如果其它的企業(yè)進行復制，屬于侵權行為。

4、PSD模板

PSD/PDD是Adobe公司的圖形設計軟件Photoshop的專用格式，PSD文件可以存儲成RGB或CMYK模式，還能夠自定義顏色數(shù)并加以存儲，還可以保存Photoshop的層、通道、路徑等信息，唯一能夠支持全部圖像色彩模式的格式，但體積龐大，在大多平面軟件內部可以通用（如cd ai ae等），但像瀏覽器類的軟件不支持。它的功能要強一些。psd作為常用的設計格式，在全世界有數(shù)千萬用戶，在中國就有數(shù)百萬用戶，在通用設計領域，比如企業(yè)網站PSD模板、婚慶網頁PSD模板，基本都是由photoshop設計完成的，他們的實用性非常強，通用性也強，大家都可以使用。

三、網站模板開發(fā)語言

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

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

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

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

四、如何正確選擇網站模板

1、標題標簽客制化

模版的標題一定要可以修改，不僅僅是首頁的標題，還要包括分類頁的標題和文章頁的標題，標題是網站內容提煉的概括，對用戶識別及網站優(yōu)化具有重要作用，所以選擇模版的時候，一定要選擇一個標題標簽可以自由修改的。

2、URL靜態(tài)化及客制化

一是模板支持偽靜態(tài)，這是為了更好讓網站符合搜索引擎規(guī)則考慮的；其次是URL客制化，就是說，可定制網站的URL規(guī)則。

3、meta標簽客制化

meta標簽指metakeywords和metadescription，也就是關鍵詞標簽和描述標簽，關鍵詞標簽，這2個標簽與title標簽統(tǒng)稱為TDK，主要是做SEO優(yōu)化用的，每個頁面(包括分類頁面和文章頁面)的描述標簽要不一樣，并且跟頁面內容相關。

4、tag標簽功能

在發(fā)布文章或者產品的時候，允許輸入標簽，系統(tǒng)自動按照標簽聚合內容并生成標簽頁面。

5、導航結構客制化

模板應該允許用戶修改導航的名稱，包括二級菜單名稱，甚至可以修改導航顏色，導航大小等內容。

6、模塊DIY

模板要支持自由增刪模塊，自由調整模塊位置。

7、地圖自動生成

模板要可以自動生成xml網站地圖，便于用戶向搜索引擎提交。

8、相關文章生成

模板可在文章頁面下方，生成與之相關的文章，增強文章的相關性，促進文章收錄數(shù)據的更新。

9、相關站內鏈接

這里是指innerlink，也就是內鏈的自動生成。每篇文章去增加鏈接是件很繁瑣的事情，也不好進行管理，這個時候，如果系統(tǒng)支持在后臺設置關鍵詞和鏈接，然后再文章中自動生成鏈接，會便于站長管理。

10、正確使用H標簽

在一個網站中，重要程度僅次于標題標簽的標簽就是H標簽了，有些模板會使用了H1，H2標簽，比如文章頁的標題使用H1標簽等。

11、翻頁控制

允許站長自己定義一個列表頁面設置多少篇文章，控制翻頁，主要是為了控制模板的網站布局。

12、圖片alt屬性

很多站長使用用SEO檢測工具檢測網站的SEO信息，會提示圖片alt屬性有沒有填寫，alt屬性是一個評價指標，在選擇模板的時候要考慮是否可以自動生成圖片alt屬性，或者說是否支持手動填寫alt屬性。

14、代碼精簡（僅限專業(yè)人士）

一個精簡的網站，對搜索蜘蛛來說是非常友好的。同樣一個功能，你用百來行代碼來實現(xiàn)，別人可能用兩三行代碼就實現(xiàn)了，這就是代碼的精簡化。代碼精簡，利于蜘蛛爬行，減輕服務器負擔，同時也節(jié)約網站空間。

一個好的網站模板利于網站的運營管理，雖然站長要找到一個十全十美的網站模板實屬不易，但在尋找模板的時候，盡量考慮以上因素，也不用太過于追求完美，否則找到一個完全符合的模板會非常難。

五、網頁模板制作工具

網頁模板編輯一種方式是通過網站后臺管理系統(tǒng)編輯，有些網站內容管理系統(tǒng)(cms)支持可視化編輯或者代碼編輯；另外就是通過網頁模板制作工具編輯，常用的網頁模板制作工具有以下幾種。

1、Dreamweaver

Adobe Dreamweaver，簡稱"DW"，中文名稱"夢想編織者"，最初為美國公司開發(fā)，2005年被Adobe公司收購。Dreamweaver是一款有著強大網頁排版的軟件，我們可以快速直接的進行各種頁面的設計排版。我們可以通過特有的行為、模板。時間軸等技術，快速地創(chuàng)建各種具有專業(yè)水平的網頁，而且不需要編寫任何代碼。

2、FrontPage

FrontPage是由Microsoft公司推出的新一代Web網頁制作工具，使網頁制作者能夠更加方便、快捷地創(chuàng)建和發(fā)布網頁，具有直觀的網頁制作和管理方法，簡化了大量工作。FrontPage界面與Word、PowerPoint等軟件的界面極為相似，為使用者帶來了極大的方便。

3、Fireworks

Fireworks是由Macromedia公司開發(fā)的圖形處理工具，是第一套專門為制作網頁圖形而設計的軟件，同時也是專業(yè)的網頁圖形設計及制作的解決方案。作為一款為網絡設計而開發(fā)的圖像處理軟件，F(xiàn)ireworks還能夠自動切割圖像、生成光標動態(tài)感應的JavaScript程序等等，而且Fireworks具有強大的動畫功能和一個相當完美的 網絡圖像生成器。

4、Vscode

這是前端開發(fā)人員必備的開發(fā)工具，安裝簡單，需要什么插件直接在里面安裝。

Visual Studio Code是針對于編寫現(xiàn)代Web和云應用的跨平臺源代碼編輯器，可在桌面上運行，并且可用于Windows，macOS和Linux。它具有對JavaScript，TypeScript和Node.js的內置支持，并具有豐富的其他語言擴展的生態(tài)系統(tǒng)。

5、Hbuilder

Hbuilder這個工具可以和微信web開發(fā)者工具一起使用，開發(fā)微信小程序，還可以開發(fā)app，開發(fā)的程序可以同時在安卓手機和蘋果手機上運行，不需要分別寫兩套代碼。HBuilder是DCloud（數(shù)字天堂）推出的一款支持HTML5的Web開發(fā)IDE。HBuilder的編寫用到了Java、C、Web和Ruby。HBuilder本身主體是由Java編寫。

6、WebStorm

WebStorm 是jetbrains公司旗下一款JavaScript 開發(fā)工具。目前已經被廣大中國JS開發(fā)者譽為"Web前端開發(fā)神器"、"最強大的HTML5編輯器"、"最智能的JavaScript IDE"等。與IntelliJ IDEA同源，繼承了IntelliJ IDEA強大的JS部分的功能。

六、如何修改html網頁模板

1、網站模板目錄地址/templates目錄。

2、點擊展開后，每個目錄就是一個網站模板。前端設計師制作的模板都需要放到這個目錄下。

3、很多時候對模板進行一些簡單修改，可以直接在網站管理系統(tǒng)→模板管理中修改即可，不需要每次下載到本地修改后再上傳。

4、如果站點需要使用新的模板，可以到網站管理系統(tǒng)→站點管理中選擇對應的目錄即可。

5、點擊選擇目錄后選擇對應的模板，點擊名稱就可以選中。

6、然后站點管理中更換了模板，因為每個模板的文件名不一樣完全相同，所以還需要欄目管理中進行對應的設置和修改，以新聞中心欄目為例。

7、點擊修改后彈出欄目管理界面，重新選擇新的模板即可。

七、優(yōu)秀網頁模板下載網站

1、國內網頁模板下載

(1)、模板之家：www.cssmoban.com

提供基于H5、織夢、帝國、Wordpress等模板，同時提供小程序、CSS3的模板可供選擇，重要的是很多模板都免費

(2)、模板無憂：www.mb5u.com

該網站的模板十分豐富，提供CMS模板、論壇模板以及商城/博客模板等，而且還提供利用模板搭建網站的教程。

(3)、Bootstrap模板：www.bootstrapmb.com

(4)、模板王：www.mobanwang.com

(5)、17素材：www.17sucai.com

(6)、站長模板：http://sc.chinaz.com/moban

2、國外網頁模板下載

(1)、FreeCssTemplates(免費下載網頁模板)：www.freecsstemplates.org

這個網站主要用于公開的，無需注冊，而且分類清楚，頁面簡潔找東西很方便，但唯一的不足是模板有點少。

(2)、FreeWebTemplates(免費網頁模板): www.freewebtemplates.com

分類很清晰，每個分類的模板我認為做的都很專業(yè)，下載就直接修改使用，而且重要這個網站常常更新最新的模板(應該可以看出這個公司的業(yè)務量不錯)。

(3)、TemplateMonster(模板怪物圈)：www.templatemonster.com

(4)、CoolHomePage(門戶主頁模板)：www.coolhomepages.com

八、網頁模板常見問題

1、網頁模板有免費的嗎？

免費的網頁模板有很多，可以去網上搜索一下，比如您打開瀏覽器，輸入"免費網頁模板"點擊搜索按鈕，這樣您就可以查找到很多免費的網頁模板，然后選擇自己喜歡的模板下載就可以。

2、網頁模板怎么使用？

根據自己需要的網頁類型在相關的網站上下載網頁模板到自己的電腦上，然后根據下載的網頁模板文件類型使用合適的軟件打開，最后進行生成管理網頁就可以進行編輯了。

總結

優(yōu)化猩SEO：網頁模板極大的降低了網站的開發(fā)成本，只需將網站的文字、圖片內容修改成自己的即可完成網頁開發(fā)，因成本低，使用網頁模板建站是很多中小企業(yè)網站建設的選擇。

參考鏈接：

網頁模板_百度百科

https://baike.baidu.com/item/%E7%BD%91%E9%A1%B5%E6%A8%A1%E6%9D%BF/620906

網站模板_百度百科

https://baike.baidu.com/item/%E7%BD%91%E7%AB%99%E6%A8%A1%E6%9D%BF/4236626

修改于2023-09-01