收藏一个很棒的HTML5网站模版下载网站20240823更新

　　还记得去年底找到一个很棒的HTML5网站模版下载网站Templated，真的是网站开发者的好朋友，至少我们不用从无到有、从头到尾来打造一个网站，而是直接就现有的样版去做修改或调整，让建网站难度降低许多，也减少花费的时间和开支。

　　之前网友推荐我一个名为HTML5 UP！的网页设计下载网站，提供大量HTML5模版，而且这些模版都支持响应式网页设计（Responsive Web Design，简称RWD），也是俗称的「自适应网页设计」，通过自动弹性调整画面设计，以改变布局方式来使不同大小屏幕皆能正常浏览，达到最好的使用体验。

　　因为自适应网页设计在开发上较为繁琐，一般很少免费提供下载的网站，但HTML5 UP！收录一系列共28种网页设计，通通都是HTML5+CSS3并有响应式设计功能，网站采用的授权方式为Creative Commons姓名标示3.0，也就是说你可以自由分享、修改这些模版，唯独需要保留网页里的姓名标示（Attribution）。

　　如果你喜欢这位设计师的作品，那可在Pixelarity网站找到更多模版下载，不过这网站是采用订阅计费方式，最便宜方案为每三个月$19美元，可自由下载所有的网页设计。

　　站点名称：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