于企业或个人来说，原创制作一个网站需要很多时间，先用 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

想展示作品集，并且喜欢简约设计感？嘿嘿~ 这个经典简约模板是不二之先啊。

在线演示

头条不给放网盘地址，需要下载的的，私信我！

套模板不仅仅带后台（SiteServer CMS），而且还带模板使用说明手册的。不仅仅可以下载到模板，还能下载到整个后台，本地直接配置起来就可以使用。

1、企业站模板一

在线浏览地址：http://templates.siteserver.cn/medraut/index.html

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

这是一套响应式的企业网站，适合企业、公司、或者产品型公司。分类展示，信息展示、增加网站的互动性。跟Banner大图对应起来，整个网站展示方面可以做的非常绚丽多彩。

2、门户站模板

在线浏览地址：http://templates.siteserver.cn/girish/index.html

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

这一套自适应的站长模板，这套模板，我们会发现它虽然模块不少，有评论、有注册登录、有搜索、有文章排行、专题等模块，但它的结构还是比较简单的，模板页面数量少，首页、栏目页、文章内容页，栏目页还跟首页结构一样。

3、企业站模板二

在线浏览地址：http://templates.siteserver.cn/batraz/index.html

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

这是一套响应式网站模版，适应于互联网、企业、媒体、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。因此，你不得不担心响应式网站在移动端的速度以及流量消耗，我们采用图片处理技术后，在手机上会只加载尺寸更小的图片。

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

这是一套响应式博客模版，适应于科技、个人博客、互联网、媒体等产品型公司网站模板。所有图片在手机端都进行过处理，简单而又清爽的企业、博客响应式模板。

6、单页H5模板

在线浏览地址：http://templates.siteserver.cn/milenko/index.html

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

这是一套响应式的单页宣传性网站，适合一些房产、或者产品型公司，简单的展示一些个人或者企业信息。图片切换板块对图片进行分类展示，可以保持内容图片的多样性又不杂乱，增加网站的互动性。可以一次性展示多张图片，跟banner大图对应起来，整个网站展示方面可以做的非常绚丽多彩。整个网站单页展示，虽然看起来略显单薄，但对应有些企业来说非常适合，展示必要的信息，用户浏览起来直观、不繁重。

7、企业站模板三

在线浏览地址：http://templates.siteserver.cn/aeson/index.html

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

这是一套响应式网站模版，适应于地产、汽车、互联网、建筑、媒体、家居、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。

8、企业站模板四

在线浏览地址：http://templates.siteserver.cn/kevan/index.html

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

这是一套响应式网站模版，适应于企业、汽车公司、产品型公司以及各种企业集团网站模板所有图片在手机端都进行过处理，而响应式网站不同设备内容源码是一样的。因此，你不得不担心响应式网站在移动端的速度以及流量消耗，我们采用图片处理技术后，在手机上会只加载尺寸更小的图片。

记得去年底找到一个很棒的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！按个赞，或是加入追踪，让这个网站可以被更多人看到。

----我是分割线------

致力发布和推广来自世界各地的互联网资源

希望与更多人分享网络快乐与便利，点关注作者更精彩！