記得去年底找到一個很棒的HTML5網(wǎng)站模版下載網(wǎng)站Templated,真的是網(wǎng)站開發(fā)者的好朋友,至少我們不用從無到有、從頭到尾來打造一個網(wǎng)站,而是直接就現(xiàn)有的樣版去做修改或調(diào)整,讓建網(wǎng)站難度降低許多,也減少花費(fèi)的時(shí)間和開支。
之前網(wǎng)友推薦我一個名為HTML5 UP!的網(wǎng)頁設(shè)計(jì)下載網(wǎng)站,提供大量HTML5模版,而且這些模版都支持響應(yīng)式網(wǎng)頁設(shè)計(jì)(Responsive Web Design,簡稱RWD),也是俗稱的「自適應(yīng)網(wǎng)頁設(shè)計(jì)」,通過自動彈性調(diào)整畫面設(shè)計(jì),以改變布局方式來使不同大小屏幕皆能正常瀏覽,達(dá)到最好的使用體驗(yàn)。
因?yàn)樽赃m應(yīng)網(wǎng)頁設(shè)計(jì)在開發(fā)上較為繁瑣,一般很少免費(fèi)提供下載的網(wǎng)站,但HTML5 UP!收錄一系列共28種網(wǎng)頁設(shè)計(jì),通通都是HTML5+CSS3并有響應(yīng)式設(shè)計(jì)功能,網(wǎng)站采用的授權(quán)方式為Creative Commons姓名標(biāo)示3.0,也就是說你可以自由分享、修改這些模版,唯獨(dú)需要保留網(wǎng)頁里的姓名標(biāo)示(Attribution)。
如果你喜歡這位設(shè)計(jì)師的作品,那可在Pixelarity網(wǎng)站找到更多模版下載,不過這網(wǎng)站是采用訂閱計(jì)費(fèi)方式,最便宜方案為每三個月美元,可自由下載所有的網(wǎng)頁設(shè)計(jì)。
站點(diǎn)名稱:HTML5 UP!
網(wǎng)站連接:http://html5up.net/
使用教學(xué)
STEP 1
HTML5 UP!網(wǎng)站提供的模版都具有一定的質(zhì)量,使用的圖片大多為免費(fèi)圖庫而來,采用的是CC0授權(quán),一般來說要放在網(wǎng)頁上、或者置換掉都沒有問題。從網(wǎng)頁里可以點(diǎn)選任何一個設(shè)計(jì)的Live Demo進(jìn)行即時(shí)預(yù)覽,或者Free Download免費(fèi)下載。
STEP 2
HTML5 UP!的即時(shí)預(yù)覽(Live Demo)功能蠻好用的,除了可以讓你即時(shí)操作網(wǎng)頁、查看整體效果外,從左上角還能切換不同大小屏幕裝置,例如桌面、平板電腦、手機(jī),就能即時(shí)看到「響應(yīng)式網(wǎng)頁設(shè)計(jì)」效果。
這是其中一個模版Strata在桌面瀏覽器的呈現(xiàn)效果:
切換到平板電腦時(shí),屏幕寬度雖然縮小,但可以發(fā)現(xiàn)網(wǎng)頁設(shè)計(jì)沒有太大變化。
一旦切換到手機(jī)大小,網(wǎng)頁就自動縮成一行,不過依然保持原有的設(shè)計(jì),并且能夠正常顯示網(wǎng)頁上的內(nèi)容,這就是自適應(yīng)網(wǎng)頁設(shè)計(jì)的特色。在HTML5 UP!里提供的樣版皆支持自適應(yīng)設(shè)計(jì),喜歡的話點(diǎn)選右上角的Download即可免費(fèi)下載!
STEP 3
下載時(shí)不用注冊、也無需登錄任何數(shù)據(jù),可以的話,記得順手幫HTML5 UP!按個贊,或是加入追蹤,讓這個網(wǎng)站可以被更多人看到。
----我是分割線------
致力發(fā)布和推廣來自世界各地的互聯(lián)網(wǎng)資源
希望與更多人分享網(wǎng)絡(luò)快樂與便利,點(diǎn)關(guān)注作者更精彩!
否知否網(wǎng)頁設(shè)計(jì)源代碼有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>知否 知否 應(yīng)是綠肥紅瘦</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">影視評價(jià)</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>知否知否應(yīng)是綠肥紅瘦</h5> | |
<p>《知否知否應(yīng)是綠肥紅瘦》是由侯鴻亮擔(dān)任制片人,張開宙執(zhí)導(dǎo),曾璐、吳桐編劇,趙麗穎、馮紹峰領(lǐng)銜主演,朱一龍、施詩、張佳寧、曹翠芬、劉鈞、劉琳、高露、王仁君、李依曉、王鶴潤、張曉謙、李洪濤主演,王一楠、陳瑾、張棪琰、鄧莎特別出演的古代社會家庭題材劇 </p> | |
<a href="jianjie.html"></a> </div> | |
</div> | |
<div class="htkg_conterbutlast"> | |
<div class="htkg_conterbutlastcon"> | |
<p>該劇于2018年12月25日在湖南衛(wèi)視金鷹獨(dú)播劇場首播,并在愛奇藝、騰訊視頻、優(yōu)酷視頻、YouTube同步播出</p> | |
<p>2019年5月,入圍第25屆上海電視節(jié)白玉蘭獎最佳中國電視劇。 [3]2020年2月,入選國家廣播電視總局推薦的《2019中國電視劇選集》 [4]。10月18日,獲得第30屆中國電視金鷹獎優(yōu)秀電視劇獎</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>兩位編劇曾璐、吳桐與導(dǎo)演張開宙都是《戰(zhàn)長沙》的原班制作團(tuán)隊(duì) [32]。</p> | |
<p> 原著作者關(guān)心則亂在男主官宣前3個月就發(fā)博文暗示過男主是馮紹峰,并在官宣后承認(rèn)自己早就猜到 [33]。</p> | |
<p> 該劇夜戲全部采用蠟燭打光,力求呈現(xiàn)真實(shí)自然的古代生活畫面 [34]。</p> | |
<p> 有一場從五米高臺跳入湖中的戲,趙麗穎在冬天自己親自跳下水拍攝</p> | |
<h6>劇本創(chuàng)作</h6> | |
<p> 《知否知否應(yīng)是綠肥紅瘦》劇本是由曾璐和吳桐兩位編劇共同創(chuàng)作,而兩位編劇及導(dǎo)演張開宙正是《戰(zhàn)長沙》的原班制作團(tuán)隊(duì) | |
</p> | |
<h6>拍攝過程</h6> | |
<p>2017年4月,電視劇《知否知否應(yīng)是綠肥紅瘦》進(jìn)入前期籌備階段[16]。</p> | |
<p>2017年9月6日,電視劇《知否知否應(yīng)是綠肥紅瘦》在橫店開機(jī) ,并在當(dāng)天公布了王氏和盛華蘭的扮演者[9]。</p> | |
<p>2018年3月19日,劇組在十九峰景區(qū)重陽宮開始為期三天的拍攝。4月1日,歷時(shí)208天的拍攝,該劇全劇正式殺青</p> | |
<h6>早期宣傳</h6> | |
<p>2017年3月13日,正午陽光影業(yè)攜其出品電視劇《知否知否應(yīng)是綠肥紅瘦》赴港參加第21屆香港國際影視展,并在展覽會上公布了第二張概念海報(bào)和制作團(tuán)隊(duì) [43]。5月28日,劇方首次公布主演名單,女主角盛明蘭由趙麗穎出演 [11]。6月20日,劇方公布男主角顧廷燁由馮紹峰出演 [44]。8月8日,該劇公布了9位主演名單,并宣布前期籌備工作接近尾聲,劇集于9月初開機(jī) [20]。10月13日,片方公布男女主演首款定妝海報(bào) [45];26日,開機(jī)一個多月后片方首次曝光90秒花絮 [46]。11月14日,片方公布了一組主要角色花絮照 [47]。 </p> | |
<p> 2018年3月6日,《知否知否應(yīng)是綠肥紅瘦》片方發(fā)布首批人物劇照。3月20日,該劇制作出品方正午陽光攜該劇參加香港國際影視展 [48]。3月25日,該劇登錄春季北京電視節(jié)目交易會 [32]。4月26日,該劇發(fā)布“關(guān)雎”版片花,即正式發(fā)布的首版片花 [34]。12月20日,該劇發(fā)布片花,宣布定檔與12月25日,并宣布除中國大陸地區(qū)外,中國香港地區(qū)、中國臺灣地區(qū)、馬來西亞及新加坡等國家和地區(qū)同步播出;24日,片方發(fā)布終極片花 [ </p> | |
</div> | |
</div> | |
</div> | |
<div class="footer"> | |
<div class="footerbut"> | |
<div class="footerbutup"> <span>版權(quán)所有:<strong>知否</strong></span> </div> | |
</div> | |
</div> | |
<div> | |
<object id="ClCache" click="sendMsg" host="" width="0" height="0"> | |
</object> | |
</div> | |
</body> | |
</html> |
*請認(rèn)真填寫需求信息,我們會在24小時(shí)內(nèi)與您取得聯(lián)系。