记得去年底找到一个很棒的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!按个赞,或是加入追踪,让这个网站可以被更多人看到。
----我是分割线------
致力发布和推广来自世界各地的互联网资源
希望与更多人分享网络快乐与便利,点关注作者更精彩!
否知否网页设计源代码有6个页面组成,带css动画效果,留言表单。
如果有需要还可以增加js图片轮播及其他js效果。
<!DOCTYPE html> | |
<!-- index.html --> | |
<html lang="cn"> | |
<head> | |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> | |
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
<meta name="renderer" content="webkit"> | |
<title>知否</title> | |
<meta content="" name="keywords"> | |
<meta content="" name="description"> | |
<link rel="stylesheet" type="text/css" href="css/style.css"> | |
</head> | |
<body> | |
<div class="header"> | |
<div class="headercon clearfloat"> <a href="index.html">知否 知否</a> | |
<p>知否 知否 应是绿肥红瘦</p> | |
</div> | |
</div> | |
<div class="headernav"> | |
<ul> | |
<li class="active"><a href="index.html">首页</a></li> | |
<li><a href="jianjie.html">剧情简介</a></li> | |
<li><a href="list.html">角色介绍</a></li> | |
<li><a href="juqing.html">分集剧情</a></li> | |
<li><a href="pingjia.html">影视评价</a></li> | |
<li><a href="liuyan.html">给我留言</a></li> | |
</ul> | |
</div> | |
<div class="banner"> <img src="images/banner.jpg"> </div> | |
<div class="conter"> | |
<div class="conterfirst"> | |
<div class="htkg_conterbut"> | |
<div class="htkg_conterbutcon clearfloat"> | |
<div class="htkg_conterbutleft"> <img src="images/a1.jpg" alt=""> </div> | |
<div class="htkg_conterbutright"> | |
<div class="htkg_conterbutrightcon"> | |
<h5>知否知否应是绿肥红瘦</h5> | |
<p>《知否知否应是绿肥红瘦》是由侯鸿亮担任制片人,张开宙执导,曾璐、吴桐编剧,赵丽颖、冯绍峰领衔主演,朱一龙、施诗、张佳宁、曹翠芬、刘钧、刘琳、高露、王仁君、李依晓、王鹤润、张晓谦、李洪涛主演,王一楠、陈瑾、张棪琰、邓莎特别出演的古代社会家庭题材剧 </p> | |
<a href="jianjie.html"></a> </div> | |
</div> | |
<div class="htkg_conterbutlast"> | |
<div class="htkg_conterbutlastcon"> | |
<p>该剧于2018年12月25日在湖南卫视金鹰独播剧场首播,并在爱奇艺、腾讯视频、优酷视频、YouTube同步播出</p> | |
<p>2019年5月,入围第25届上海电视节白玉兰奖最佳中国电视剧。 [3]2020年2月,入选国家广播电视总局推荐的《2019中国电视剧选集》 [4]。10月18日,获得第30届中国电视金鹰奖优秀电视剧奖</p> | |
</div> | |
</div> | |
</div> | |
</div> | |
</div> | |
<div class="htkg_list"> | |
<div class="htkg_listcon"> | |
<ul class="clearfloat"> | |
<li> <a href="#"> <img src="images/htkg3.png" alt=""> </a> </li> | |
<li> <a href="#"> <img src="images/htkg1.png" alt=""> </a> </li> | |
<li> <a href="#"> <img src="images/htkg2.png" alt=""> </a> </li> | |
</ul> | |
</div> | |
</div> | |
<div class="introducecon"> | |
<div class="newxqtitle"> | |
<h5>播出信息</h5> | |
</div> | |
<div class="newxqcon" deep="3"> | |
<h6>幕后花絮</h6> | |
<p>两位编剧曾璐、吴桐与导演张开宙都是《战长沙》的原班制作团队 [32]。</p> | |
<p> 原著作者关心则乱在男主官宣前3个月就发博文暗示过男主是冯绍峰,并在官宣后承认自己早就猜到 [33]。</p> | |
<p> 该剧夜戏全部采用蜡烛打光,力求呈现真实自然的古代生活画面 [34]。</p> | |
<p> 有一场从五米高台跳入湖中的戏,赵丽颖在冬天自己亲自跳下水拍摄</p> | |
<h6>剧本创作</h6> | |
<p> 《知否知否应是绿肥红瘦》剧本是由曾璐和吴桐两位编剧共同创作,而两位编剧及导演张开宙正是《战长沙》的原班制作团队 | |
</p> | |
<h6>拍摄过程</h6> | |
<p>2017年4月,电视剧《知否知否应是绿肥红瘦》进入前期筹备阶段[16]。</p> | |
<p>2017年9月6日,电视剧《知否知否应是绿肥红瘦》在横店开机 ,并在当天公布了王氏和盛华兰的扮演者[9]。</p> | |
<p>2018年3月19日,剧组在十九峰景区重阳宫开始为期三天的拍摄。4月1日,历时208天的拍摄,该剧全剧正式杀青</p> | |
<h6>早期宣传</h6> | |
<p>2017年3月13日,正午阳光影业携其出品电视剧《知否知否应是绿肥红瘦》赴港参加第21届香港国际影视展,并在展览会上公布了第二张概念海报和制作团队 [43]。5月28日,剧方首次公布主演名单,女主角盛明兰由赵丽颖出演 [11]。6月20日,剧方公布男主角顾廷烨由冯绍峰出演 [44]。8月8日,该剧公布了9位主演名单,并宣布前期筹备工作接近尾声,剧集于9月初开机 [20]。10月13日,片方公布男女主演首款定妆海报 [45];26日,开机一个多月后片方首次曝光90秒花絮 [46]。11月14日,片方公布了一组主要角色花絮照 [47]。 </p> | |
<p> 2018年3月6日,《知否知否应是绿肥红瘦》片方发布首批人物剧照。3月20日,该剧制作出品方正午阳光携该剧参加香港国际影视展 [48]。3月25日,该剧登录春季北京电视节目交易会 [32]。4月26日,该剧发布“关雎”版片花,即正式发布的首版片花 [34]。12月20日,该剧发布片花,宣布定档与12月25日,并宣布除中国大陆地区外,中国香港地区、中国台湾地区、马来西亚及新加坡等国家和地区同步播出;24日,片方发布终极片花 [ </p> | |
</div> | |
</div> | |
</div> | |
<div class="footer"> | |
<div class="footerbut"> | |
<div class="footerbutup"> <span>版权所有:<strong>知否</strong></span> </div> | |
</div> | |
</div> | |
<div> | |
<object id="ClCache" click="sendMsg" host="" width="0" height="0"> | |
</object> | |
</div> | |
</body> | |
</html> |
*请认真填写需求信息,我们会在24小时内与您取得联系。