于企业或个人来说，原创制作一个网站需要很多时间，先用 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！按个赞，或是加入追踪，让这个网站可以被更多人看到。

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

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

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

费HTML5网站模版一：餐饮主题

密码：8fe4

免费HTML5网站模版二：设计主题

密码：49q1

免费HTML5网站模版三：Drupal开放框架

密码：pjlp

免费HTML5网站模版四：食品主题

密码：tww3

免费HTML5网站模版五：工作室主题类

密码:ulyn

免费HTML5网站模版六：万圣节主题类

密码：9ba9

免费HTML5网站模版七：酒品类主题

密码：lser

免费HTML5网站模版八：个人网站类

密码：aari

免费HTML5网站模版九：作品集合类

密码：paru

免费HTML5网站模版十：旅游主题

密码：ecox