于企業(yè)或個人來說，原創(chuàng)制作一個網站需要很多時間，先用 Photoshop 做網頁設計，接著用 DIV+CSS 來寫編寫HTML代碼，最后可能還要程序開發(fā)才能完成，不僅花費時間長，成本也是比較昂貴的。

如果你缺少設計或前端技能，但又想快速完成一個網站，那么我們建議你直接選擇網站模板，比如靜態(tài)類的 HTML/CSS 網站模板，使用他們可以省下設計、前端這個階段的工作，而程序開發(fā)是可選的，只有需要后臺才需要程序編寫，不需要的話也可以直接替換模板的文字、圖片就行。

今天我們整理了一些優(yōu)秀免費無版權限制的 HTML5 網站模板，有不同的類型，比如作品展示用的模板適合攝影師、設計師、企業(yè)產品展示等。

注：小編已經打包好，下載模板地址在文章底部哦！！

New Age

這款是 APP 產品宣傳官網模板，現在有很多 APP 程序員自己開發(fā)了一些有趣 APPs，但是不懂設計或沒時間來制作網站，那么這款模板就可以用上啦，使用Bootstrap 框架搭建，手機端完全兼容。

在線演示

Howdy（個人簡歷式網頁模板）

想做一份創(chuàng)意個人簡歷嗎？請不要錯過 Howdy 這款個人簡歷模板，設計、動畫、實用性全有了！設計達人網小編推薦哦！

同時推薦：22款高端個人簡歷模板 含PSD或HTML版本下載

還有技術展示數據表，增加簡歷描述的可視化，HR 看后一定會加分哦。

在線演示暫無，請下載源文件查看 DEMO ~~（建議下載查看，動畫好帥）

Ethereal

Ethereal 模板有意思，是直接向左右滾動來查看網頁，界面也的設計也很棒，喜歡個性獨特風格的朋友不要錯過。

在線演示

Creative

一個工作室類的單網頁模板，有了個，就算你是個人，也可以用他來做個工作室一樣的網站，用于宣傳你的業(yè)務也是不錯的。

在線演示

Megakit

這個免費模板可以說是超值哦，一共13種類型頁面，每個頁面設計都不簡單哦，頁面有 Service，About, Team, Events, FAQ, Contacts, Corporate, App Landing, Portfolio, Coming Soon等等，建議下載下來看 DEMO。

在線演示

Story

Story是一款左右布局為主的列表展示頁以及作品展示 ，適用于作品介紹。

同時還支援當前頁面彈窗來展示作品圖片，很適合用來放自己的作品上去。

在線演示

Agency

在線演示

Karmo

超時尚的 Protfolio 網頁模板，Bootstrap 模板構建，布局新穎，再加上流暢的動畫效果，Nice！

有4個主要頁面，分別是：Home / Services / SingleProject / Contact.

免費有這樣的質量，真的超值哦！

在線演示

KapukAlas

響應式模板 KapukAlas，首頁效果不錯，但目前只有首頁，如果有子頁面就更好了！

在線演示 (HTML演示請下載源文件方可查看）

AitOnepage

這款主師來自 keenthemes 出品，質量很棒，流行的單頁面設計，布局有 Aabout,Products, Pricing, Work, Service 和 Contact頁面。

在線演示

Magnet

想展示作品集，并且喜歡簡約設計感？嘿嘿~ 這個經典簡約模板是不二之先啊。

在線演示

頭條不給放網盤地址，需要下載的的，私信我！

套模板不僅僅帶后臺（SiteServer CMS），而且還帶模板使用說明手冊的。不僅僅可以下載到模板，還能下載到整個后臺，本地直接配置起來就可以使用。

1、企業(yè)站模板一

在線瀏覽地址：http://templates.siteserver.cn/medraut/index.html

GitHub下載地址：https://github.com/siteserver/template-medraut

這是一套響應式的企業(yè)網站，適合企業(yè)、公司、或者產品型公司。分類展示，信息展示、增加網站的互動性。跟Banner大圖對應起來，整個網站展示方面可以做的非常絢麗多彩。

2、門戶站模板

在線瀏覽地址：http://templates.siteserver.cn/girish/index.html

GitHub下載地址：https://github.com/siteserver/template-girish

這一套自適應的站長模板，這套模板，我們會發(fā)現它雖然模塊不少，有評論、有注冊登錄、有搜索、有文章排行、專題等模塊，但它的結構還是比較簡單的，模板頁面數量少，首頁、欄目頁、文章內容頁，欄目頁還跟首頁結構一樣。

3、企業(yè)站模板二

在線瀏覽地址：http://templates.siteserver.cn/batraz/index.html

GitHub下載地址：https://github.com/siteserver/template-batraz

這是一套響應式網站模版，適應于互聯網、企業(yè)、媒體、產品型公司以及各種企業(yè)集團網站模板所有圖片在手機端都進行過處理，而響應式網站不同設備內容源碼是一樣的。因此，你不得不擔心響應式網站在移動端的速度以及流量消耗，我們采用圖片處理技術后，在手機上會只加載尺寸更小的圖片。

4、大學官網模板

在線瀏覽地址：http://templates.siteserver.cn/albrecht/index.html

GitHub下載地址：https://github.com/siteserver/template-albrecht

這是一套學校模板，適用于各類大學、綜合院校，當然刪減一些欄目，一樣適用各個中小學網站。同樣作為一套自適應的學校模板，這套模板包含了學校主頁、院系列表頁、院系主頁、科研專題頁、教學專題頁、周邊生活專題、圖片列表頁、人員列表專頁、新聞列表頁、搜索結果頁、內容頁等板塊。

5、博客模板

在線瀏覽地址：http://templates.siteserver.cn/scevola/index.html

GitHub下載地址：https://github.com/siteserver/template-scevola

這是一套響應式博客模版，適應于科技、個人博客、互聯網、媒體等產品型公司網站模板。所有圖片在手機端都進行過處理，簡單而又清爽的企業(yè)、博客響應式模板。

6、單頁H5模板

在線瀏覽地址：http://templates.siteserver.cn/milenko/index.html

GitHub下載地址：https://github.com/siteserver/template-milenko

這是一套響應式的單頁宣傳性網站，適合一些房產、或者產品型公司，簡單的展示一些個人或者企業(yè)信息。圖片切換板塊對圖片進行分類展示，可以保持內容圖片的多樣性又不雜亂，增加網站的互動性。可以一次性展示多張圖片，跟banner大圖對應起來，整個網站展示方面可以做的非常絢麗多彩。整個網站單頁展示，雖然看起來略顯單薄，但對應有些企業(yè)來說非常適合，展示必要的信息，用戶瀏覽起來直觀、不繁重。

7、企業(yè)站模板三

在線瀏覽地址：http://templates.siteserver.cn/aeson/index.html

GitHub下載地址：https://github.com/siteserver/template-aeson

這是一套響應式網站模版，適應于地產、汽車、互聯網、建筑、媒體、家居、產品型公司以及各種企業(yè)集團網站模板所有圖片在手機端都進行過處理，而響應式網站不同設備內容源碼是一樣的。

8、企業(yè)站模板四

在線瀏覽地址：http://templates.siteserver.cn/kevan/index.html

GitHub下載地址：https://github.com/siteserver/template-kevan

這是一套響應式網站模版，適應于企業(yè)、汽車公司、產品型公司以及各種企業(yè)集團網站模板所有圖片在手機端都進行過處理，而響應式網站不同設備內容源碼是一樣的。因此，你不得不擔心響應式網站在移動端的速度以及流量消耗，我們采用圖片處理技術后，在手機上會只加載尺寸更小的圖片。

記得去年底找到一個很棒的HTML5網站模版下載網站Templated，真的是網站開發(fā)者的好朋友，至少我們不用從無到有、從頭到尾來打造一個網站，而是直接就現有的樣版去做修改或調整，讓建網站難度降低許多，也減少花費的時間和開支。

之前網友推薦我一個名為HTML5 UP！的網頁設計下載網站，提供大量HTML5模版，而且這些模版都支持響應式網頁設計（Responsive Web Design，簡稱RWD），也是俗稱的「自適應網頁設計」，通過自動彈性調整畫面設計，以改變布局方式來使不同大小屏幕皆能正常瀏覽，達到最好的使用體驗。

因為自適應網頁設計在開發(fā)上較為繁瑣，一般很少免費提供下載的網站，但HTML5 UP！收錄一系列共28種網頁設計，通通都是HTML5+CSS3并有響應式設計功能，網站采用的授權方式為Creative Commons姓名標示3.0，也就是說你可以自由分享、修改這些模版，唯獨需要保留網頁里的姓名標示（Attribution）。

如果你喜歡這位設計師的作品，那可在Pixelarity網站找到更多模版下載，不過這網站是采用訂閱計費方式，最便宜方案為每三個月美元，可自由下載所有的網頁設計。

站點名稱：HTML5 UP！

網站連接：http://html5up.net/

使用教學

STEP 1

HTML5 UP！網站提供的模版都具有一定的質量，使用的圖片大多為免費圖庫而來，采用的是CC0授權，一般來說要放在網頁上、或者置換掉都沒有問題。從網頁里可以點選任何一個設計的Live Demo進行即時預覽，或者Free Download免費下載。

STEP 2

HTML5 UP！的即時預覽（Live Demo）功能蠻好用的，除了可以讓你即時操作網頁、查看整體效果外，從左上角還能切換不同大小屏幕裝置，例如桌面、平板電腦、手機，就能即時看到「響應式網頁設計」效果。

這是其中一個模版Strata在桌面瀏覽器的呈現效果：

切換到平板電腦時，屏幕寬度雖然縮小，但可以發(fā)現網頁設計沒有太大變化。

一旦切換到手機大小，網頁就自動縮成一行，不過依然保持原有的設計，并且能夠正常顯示網頁上的內容，這就是自適應網頁設計的特色。在HTML5 UP！里提供的樣版皆支持自適應設計，喜歡的話點選右上角的Download即可免費下載！

STEP 3

下載時不用注冊、也無需登錄任何數據，可以的話，記得順手幫HTML5 UP！按個贊，或是加入追蹤，讓這個網站可以被更多人看到。

----我是分割線------

致力發(fā)布和推廣來自世界各地的互聯網資源

希望與更多人分享網絡快樂與便利，點關注作者更精彩！