记得去年底找到一个很棒的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!按个赞,或是加入追踪,让这个网站可以被更多人看到。
----我是分割线------
致力发布和推广来自世界各地的互联网资源
希望与更多人分享网络快乐与便利,点关注作者更精彩!
有半年之久没有更新新作品了,但这个小小领地我并没有忘记,我会坚持下去,一直在这等你,等你的每次回眸,感恩你的每次驻足,这已经足够成为我坚守的动力和理由,尽管现在有很多不足和不尽人意,也没很多的时间管理,我会尽量让它保持足够的新鲜感,每次的作品都投入足够的用心,否则宁愿选择缺省,当某些东西成为寄托之后,就不能容许随意的成分。
谢谢大家的支持,我会尽力做好每一页的代码,今天和大家分享的主题是《周末の玉玲》,谁的青春没有一个故事,仅以此篇祭祀那些逝去的青春,珍惜当下,毕业不是终点,不要再错过。
该主题包含一张index.html,后面预留了3页,留给你们自己设计,因为每个人的青春都不一样,html5+css3设计,支持手机端。
导语
青涩的时光,情窦初开,那是学生时代,一个男孩心系一个女孩,每到课间休息都会在走廊上等你经过,只为看你一眼,你的一颦一笑,都印记在心里,至今无法抹去,如今的生活常常在梦中遇见你,如若岁月可以回去那一年,我能否向你表明心声和坚持的决心,而不是让懊悔和思念成为了不可逆转的结局。
主题
《周末の玉玲》
图摘
文件目录结构
这个适合初学者的指南中,你将学习如何创建一个响应式电子邮件模板。你将跟随逐步说明以及代码片段设计一个在任何设备上都看起来很棒的电子邮件模板。
这个项目非常适合渴望掌握电子邮件设计基础的新手!
(本文视频讲解:java567.com)
*请认真填写需求信息,我们会在24小时内与您取得联系。