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

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

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

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

New Age

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

在線演示

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

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

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

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

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

Ethereal

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

在線演示

Creative

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

在線演示

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

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

在線演示

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

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

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

因為自適應網頁設計在開發上較為繁瑣，一般很少免費提供下載的網站，但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在桌面瀏覽器的呈現效果：

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

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

STEP 3

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

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

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

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

016年12月，我國網民規模達7.31億，互聯網普及率為53.2%。

專家預計2017年我國網民規模將達7.72億，互聯網普及率達55.9%。

除去未成年和老齡化人口，相當于你身邊的每一個中國人都在上網。你卻還沒有自己的網站？不懂什么是HTML5》擔心建站成本高？最終就這樣被競爭對手甩在身后。

既然焦慮無法避免，那就選擇高質量的模板建站。

一個優質的網站模板，不僅能為你省下設計、前端的繁瑣工序，還能直接幫你做營銷。用戶要做的只是直接替換網站模板的文字和圖片。下面給大家推薦幾款2017年頗為流行的響應式網站模板。

注：下面所有圖片中，左側為電腦/平板站顯示效果，右側為手機站/微站顯示效果。

1、家裝設計類展示模板

2、體育用品商城模板

3、在線教育類展示模板

4、品牌展示型商城模板

5、廚具類商城模板

6、租車類商城模板

7、網絡服務企業展示模板

8、鐘表類商城模板

9、美食類企業官網模板

10、大型綜合類商城模板

11、生鮮生活類商城模板

12、租房網站模板

13、化妝品分銷商城模板

14、體育品牌商城展示模板

15、傳統貿易企業展示模板

以上模板全部由HTML5+CSS3代碼編寫，全部完美兼容手機端，適合個人和企業使用。

想獲得更多響應式網站模板及直接預覽模板動態效果，可以訪問建站寶盒模板市場：http://www.iisp.com/design/site_package.php?s=yuqiuping