用HTML+CSS+JS網(wǎng)頁(yè)設(shè)計(jì)與制作,酷炫動(dòng)效科技農(nóng)業(yè)網(wǎng)頁(yè)。
可以用于家鄉(xiāng)介紹、科技農(nóng)業(yè)、圖片畫(huà)廊展示等個(gè)人網(wǎng)站的設(shè)計(jì)與制作。農(nóng)業(yè)網(wǎng)站、家鄉(xiāng)網(wǎng)站、農(nóng)產(chǎn)品網(wǎng)站、旅游網(wǎng)站。
1、視覺(jué)設(shè)計(jì):排版布局極簡(jiǎn)設(shè)計(jì),優(yōu)質(zhì)的視覺(jué)體驗(yàn)等。
2、動(dòng)效交互:幻燈效果、入場(chǎng)動(dòng)畫(huà)、按鈕點(diǎn)擊、視差功能、錨點(diǎn)功能、圖片畫(huà)廊功能、英文斷行等。
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
HTML 定義網(wǎng)頁(yè)的內(nèi)容;CSS 規(guī)定網(wǎng)頁(yè)的布局;JavaScript 對(duì)網(wǎng)頁(yè)行為進(jìn)行編程。
即:HTML——結(jié)構(gòu);CSS——樣式;JS——行為。
1、HTML
HTML 是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。HTML 標(biāo)記標(biāo)簽通常被稱為 HTML 標(biāo)簽 (HTML tag)。
HTML 文檔=網(wǎng)頁(yè):
HTML 文檔描述網(wǎng)頁(yè);
HTML 文檔包含 HTML 標(biāo)簽和純文本;
HTML 文檔也被稱為網(wǎng)頁(yè);
Web 瀏覽器的作用是讀取 HTML 文檔,并以網(wǎng)頁(yè)的形式顯示出它們。瀏覽器不會(huì)顯示 HTML 標(biāo)簽,而是使用標(biāo)簽來(lái)解釋頁(yè)面的內(nèi)容。
<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁(yè)面的根元素
<head> 元素包含了文檔的元(meta)數(shù)據(jù),如 <meta charset="utf-8"> 定義網(wǎng)頁(yè)編碼格式為 utf-8。
<title> 元素描述了文檔的標(biāo)題
<body> 元素包含了可見(jiàn)的頁(yè)面內(nèi)容
<h1> 元素定義一個(gè)大標(biāo)題
<p> 元素定義一個(gè)段落
注:在瀏覽器的頁(yè)面上使用鍵盤(pán)上的 F12 按鍵開(kāi)啟調(diào)試模式,就可以看到組成標(biāo)簽。
下面是一個(gè)可視化的HTML頁(yè)面結(jié)構(gòu):
2、CSS
CSS 指的是層疊樣式表* (Cascading Style Sheets)。CSS 描述了如何在屏幕、紙張或其他媒體上顯示 HTML 元素。CSS (Cascading Style Sheets) 用于渲染HTML元素標(biāo)簽的樣式。
CSS 可以通過(guò)以下方式添加到HTML中:
(1)內(nèi)聯(lián)樣式- 在HTML元素中使用"style" 屬性;
(2)內(nèi)部樣式表 -在HTML文檔頭部 <head> 區(qū)域使用<style> 元素 來(lái)包含CSS;
(3)外部引用 - 使用外部 CSS 文件;
注:最好的方式是通過(guò)外部引用CSS文件。
3、JavaScript
JavaScript 是 web 開(kāi)發(fā)者必學(xué)的三種語(yǔ)言之一。
JavaScript 能夠改變 HTML 內(nèi)容、
JavaScript 能夠改變 HTML 屬性、
JavaScript 能夠改變 HTML 樣式 (CSS)、
JavaScript 能夠隱藏 HTML 元素、
JavaScript 能夠顯示 HTML 元素、
......
1、HTML 頭部元素解讀:
(1)<head> 元素是所有頭部元素的容器。
(2)<meta> 標(biāo)簽提供關(guān)于 HTML 文檔的元數(shù)據(jù)。元數(shù)據(jù)不會(huì)顯示在頁(yè)面上,但是對(duì)于機(jī)器是可讀的。
(3)<title> 標(biāo)題定義文檔的標(biāo)題。
(4)<link> 標(biāo)簽定義文檔與外部資源之間的關(guān)系。
而這里,我們?cè)贖TML文檔頭部 <head> 區(qū)域使用<link> 元素 來(lái)通過(guò)外部引用CSS文件。
日談 | ||||
職場(chǎng) | 學(xué)術(shù) | 新媒體 | 設(shè)計(jì) | 極客 |
以下圖解基于 HTML5 樣式排版
由 JZ 多媒體解決方案 原創(chuàng)設(shè)計(jì)
數(shù)據(jù)資料綜合自知乎、果殼、知網(wǎng)、萬(wàn)方數(shù)據(jù)庫(kù)等
獻(xiàn)血的 三類規(guī)格 | 200 mL |
300 mL | |
400 mL |
上次獻(xiàn)血時(shí)間 ? | 需間隔至少 6 個(gè)月 | ? 本次獻(xiàn)血時(shí)間 |
純粹從數(shù)據(jù)層面說(shuō)
由于女生每次例假 30 - 50 mL
一次 200 mL 獻(xiàn)血量 | |||||
例假 | 例假 | 例假 | 例假 | 例假 | 例假 |
差不多就接近女生 6 個(gè)月的例假
(所以間隔 6 個(gè)月的規(guī)定是根據(jù)例假推算的嗎?)
但是
例假的成分中血液最多占一半
和獻(xiàn)血時(shí)的靜脈血有較大差別
血液其他
或者換一種比較方式
一次獻(xiàn)血 200 mL=0.2 L
血
一個(gè)成年人血液總量 4.2 L - 4.8 L
血血血血血血血血血血血血血血血血血血血血
也就是相當(dāng)于人體血液總量的 5%
人如果突然少了 5% 的血液
那會(huì)咋樣呢
在 2007 年中國(guó)醫(yī)學(xué)科學(xué)院招募了 123 名志愿者,做了一個(gè)獻(xiàn)血 400 mL 后獻(xiàn)血者血液學(xué)指標(biāo)觀察的研究。比對(duì)參數(shù)包括▼
○ | ● | / | ■ | ● | ★ | Fe | |
紅 細(xì) 胞 | 血 紅 蛋 白 | 紅 細(xì) 胞 比 積 | 血 小 板 | 白 細(xì) 胞 | 總 蛋 白 | 白 蛋 白 | 血 清 鐵 |
結(jié)果是醬紫的24 hrs從平均數(shù)來(lái)說(shuō),除了白細(xì)胞和白蛋白微有上升外,其他指標(biāo)都略有 3% 左右的下降。然而研究者卻崩潰地發(fā)現(xiàn),這些數(shù)據(jù)的統(tǒng)計(jì)學(xué) P 值均大于 0.05(P 值過(guò)大,說(shuō)明樣本即使有差別,這種差別也沒(méi)啥意義,因?yàn)樗鼈儽旧砀静皇峭悷o(wú)法對(duì)比),即在數(shù)學(xué)統(tǒng)計(jì)上沒(méi)有意義。7 days平均數(shù)恢復(fù)初始值,P 值依然超過(guò) 0.051 mon平均數(shù)保持初始值,P 值依然超過(guò) 0.053 mon平均數(shù)保持初始值,P 值依然超過(guò) 0.05當(dāng)時(shí)參與研究的學(xué)霸們,內(nèi)心深處應(yīng)該是崩潰的
簡(jiǎn)而言之就是
10%的獻(xiàn)血很可能對(duì)整體血液水平?jīng)]什么卵用
而研究它有沒(méi)有卵用這事兒才真正沒(méi)什么卵用
▼
個(gè)體差異太大好嘛
你喜歡掰蒜可人家喜歡喝早茶或者喜歡缽缽雞
你喜歡吃什么是很快會(huì)在血液中被反映出來(lái)的
但可以肯定的是:獻(xiàn)血之前的疾病篩查非常有用,尤其對(duì)生活習(xí)慣本來(lái)就蠻糟糕的人,了解自身某些傳染病的感染情況很有幫助。(而且又不要錢(qián))
這些人不能獻(xiàn)血
六個(gè)月內(nèi)獻(xiàn)過(guò)血的
太 月 半 的 / 太瘦的
有♂傳♂染♂病♂風(fēng)♂險(xiǎn)♂的
有 ● 惡 ● 性 ● 腫 ● 瘤 ● 或 ● 有 ● 病 ● 史 ● 的
(. )(. ) 哺乳期的媽媽
太丑的
……
全球獻(xiàn)血率
(2011年,單位:次/千人)
低收入國(guó)家 | || 4.0 |
中國(guó) | |||| 8.7 |
中等收入國(guó)家 | |||||| 12.6 |
高收入國(guó)家 | |||||||||||||||||| 39.2 |
中國(guó)獻(xiàn)血人群分析
■ 金融業(yè)與服務(wù)業(yè)從業(yè)者 43.25%
■ 大學(xué)生 34.06%
■ 其他
獻(xiàn)血后如何無(wú)償用血?
在一定時(shí)間段內(nèi),的確可以無(wú)償用血,而且除了獻(xiàn)血者本人,獻(xiàn)血者的直系親屬也有很優(yōu)惠的措施。但是,用血費(fèi)用報(bào)銷(xiāo)的程序相當(dāng)繁瑣,而這也一直為人所詬病。首先你需要:
《無(wú)償獻(xiàn)血證》(原件);本人《居民身份證》(原件及復(fù)印件);醫(yī)療機(jī)構(gòu)正式用血發(fā)票(原件及復(fù)印件);用血一日清單(需蓋醫(yī)院公章)或醫(yī)院輸血證明(含血型、用血品種、用血量、用血日期、用血者姓名)(原件);如有醫(yī)保或新農(nóng)合報(bào)銷(xiāo)的需提供其處已報(bào)銷(xiāo)比例依據(jù)(原件及復(fù)印件)。假如是為直系親人報(bào)銷(xiāo)的話,則要直系親屬關(guān)系的證明材料(共用戶口薄、結(jié)婚證、新生兒出生證明或公安機(jī)關(guān)證明)(原件及復(fù)印件)。
總之你至少要集齊
5 份原件
4 份復(fù)印件
才有機(jī)會(huì)召喚報(bào)銷(xiāo)金
然后你得帶上你的龍珠們第一關(guān):市中心血站、各縣采血點(diǎn)第二關(guān):中心血站獻(xiàn)血服務(wù)科第三關(guān):等待審核結(jié)果的電話通知實(shí)現(xiàn)領(lǐng)取報(bào)銷(xiāo)金的愿望
那么獻(xiàn)血的最大好處是?
理論上,獻(xiàn)血有可能對(duì)健康有益,因?yàn)槭а梢源龠M(jìn)血液再生、降低血液粘稠度等。但是,現(xiàn)實(shí)中尚沒(méi)有充分的有說(shuō)服力的研究文獻(xiàn)來(lái)支撐這個(gè)說(shuō)法。不過(guò),于道德上來(lái)講,每每想到這些血液或許成為了某些家庭的救命稻草,總是非常欣慰。
- END -
如果你覺(jué)得這篇文章排版很厲害,可以回復(fù)【排版】了解更多;
如果你想零代碼基礎(chǔ)實(shí)現(xiàn)企業(yè)微信高級(jí)開(kāi)發(fā),請(qǐng)回復(fù)【課程】;
如果你想定制微信 VI或 H5 微頁(yè)面,請(qǐng)關(guān)注我們留言你的需求;
如果想知道一些 H5營(yíng)銷(xiāo)的基本工具和方法,回復(fù)【H5】即可。
技術(shù)|技能|技藝
由于上傳圖片大小有限制,實(shí)際效果比這流暢很多,上一張靜態(tài)圖,大家也可以感受下!
效果比較簡(jiǎn)單,有興趣的朋友可以加我群拿源碼,主要是是為了更多地朋友可以有案例來(lái)練手,不是只會(huì)基礎(chǔ)的,說(shuō)到知識(shí)點(diǎn)都懂,只會(huì)紙上談兵,不會(huì)動(dòng)手的前端,現(xiàn)在去找工作不是只會(huì)基礎(chǔ)就行了,面臨的不只是要有扎實(shí)的基礎(chǔ),而且要有相應(yīng)的動(dòng)手能力,要自己能獨(dú)立的寫(xiě)出項(xiàng)目。
對(duì)于web前端學(xué)習(xí)不懂的,或者不知道怎么學(xué)習(xí)的可以來(lái)我的前端群589651705,源碼已上傳群文件,不管你是小白還是大牛,小編都?xì)g迎,群不定期分享干貨,歡迎初學(xué)和進(jìn)階中的小伙伴。
代碼過(guò)長(zhǎng)不利于排版需要文檔版源碼請(qǐng)來(lái)頭條前端群589651705
*請(qǐng)認(rèn)真填寫(xiě)需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。