用HTML+CSS+JS网页设计与制作,酷炫动效科技农业网页。
可以用于家乡介绍、科技农业、图片画廊展示等个人网站的设计与制作。农业网站、家乡网站、农产品网站、旅游网站。
1、视觉设计:排版布局极简设计,优质的视觉体验等。
2、动效交互:幻灯效果、入场动画、按钮点击、视差功能、锚点功能、图片画廊功能、英文断行等。
<script src="https://lf6-cdn-tos.bytescm.com/obj/cdn-static-resource/tt_player/tt.player.js?v=20160723"></script>
HTML 定义网页的内容;CSS 规定网页的布局;JavaScript 对网页行为进行编程。
即:HTML——结构;CSS——样式;JS——行为。
1、HTML
HTML 是用来描述网页的一种语言。HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 文档=网页:
HTML 文档描述网页;
HTML 文档包含 HTML 标签和纯文本;
HTML 文档也被称为网页;
Web 浏览器的作用是读取 HTML 文档,并以网页的形式显示出它们。浏览器不会显示 HTML 标签,而是使用标签来解释页面的内容。
<!DOCTYPE html> 声明为 HTML5 文档
<html> 元素是 HTML 页面的根元素
<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 元素描述了文档的标题
<body> 元素包含了可见的页面内容
<h1> 元素定义一个大标题
<p> 元素定义一个段落
注:在浏览器的页面上使用键盘上的 F12 按键开启调试模式,就可以看到组成标签。
下面是一个可视化的HTML页面结构:
2、CSS
CSS 指的是层叠样式表* (Cascading Style Sheets)。CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素。CSS (Cascading Style Sheets) 用于渲染HTML元素标签的样式。
CSS 可以通过以下方式添加到HTML中:
(1)内联样式- 在HTML元素中使用"style" 属性;
(2)内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS;
(3)外部引用 - 使用外部 CSS 文件;
注:最好的方式是通过外部引用CSS文件。
3、JavaScript
JavaScript 是 web 开发者必学的三种语言之一。
JavaScript 能够改变 HTML 内容、
JavaScript 能够改变 HTML 属性、
JavaScript 能够改变 HTML 样式 (CSS)、
JavaScript 能够隐藏 HTML 元素、
JavaScript 能够显示 HTML 元素、
......
1、HTML 头部元素解读:
(1)<head> 元素是所有头部元素的容器。
(2)<meta> 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。
(3)<title> 标题定义文档的标题。
(4)<link> 标签定义文档与外部资源之间的关系。
而这里,我们在HTML文档头部 <head> 区域使用<link> 元素 来通过外部引用CSS文件。
日谈 | ||||
职场 | 学术 | 新媒体 | 设计 | 极客 |
以下图解基于 HTML5 样式排版
由 JZ 多媒体解决方案 原创设计
数据资料综合自知乎、果壳、知网、万方数据库等
献血的 三类规格 | 200 mL |
300 mL | |
400 mL |
上次献血时间 ? | 需间隔至少 6 个月 | ? 本次献血时间 |
纯粹从数据层面说
由于女生每次例假 30 - 50 mL
一次 200 mL 献血量 | |||||
例假 | 例假 | 例假 | 例假 | 例假 | 例假 |
差不多就接近女生 6 个月的例假
(所以间隔 6 个月的规定是根据例假推算的吗?)
但是
例假的成分中血液最多占一半
和献血时的静脉血有较大差别
血液其他
或者换一种比较方式
一次献血 200 mL=0.2 L
血
一个成年人血液总量 4.2 L - 4.8 L
血血血血血血血血血血血血血血血血血血血血
也就是相当于人体血液总量的 5%
人如果突然少了 5% 的血液
那会咋样呢
在 2007 年中国医学科学院招募了 123 名志愿者,做了一个献血 400 mL 后献血者血液学指标观察的研究。比对参数包括▼
○ | ● | / | ■ | ● | ★ | Fe | |
红 细 胞 | 血 红 蛋 白 | 红 细 胞 比 积 | 血 小 板 | 白 细 胞 | 总 蛋 白 | 白 蛋 白 | 血 清 铁 |
结果是酱紫的24 hrs从平均数来说,除了白细胞和白蛋白微有上升外,其他指标都略有 3% 左右的下降。然而研究者却崩溃地发现,这些数据的统计学 P 值均大于 0.05(P 值过大,说明样本即使有差别,这种差别也没啥意义,因为它们本身根本不是同类无法对比),即在数学统计上没有意义。7 days平均数恢复初始值,P 值依然超过 0.051 mon平均数保持初始值,P 值依然超过 0.053 mon平均数保持初始值,P 值依然超过 0.05当时参与研究的学霸们,内心深处应该是崩溃的
简而言之就是
10%的献血很可能对整体血液水平没什么卵用
而研究它有没有卵用这事儿才真正没什么卵用
▼
个体差异太大好嘛
你喜欢掰蒜可人家喜欢喝早茶或者喜欢钵钵鸡
你喜欢吃什么是很快会在血液中被反映出来的
但可以肯定的是:献血之前的疾病筛查非常有用,尤其对生活习惯本来就蛮糟糕的人,了解自身某些传染病的感染情况很有帮助。(而且又不要钱)
这些人不能献血
六个月内献过血的
太 月 半 的 / 太瘦的
有♂传♂染♂病♂风♂险♂的
有 ● 恶 ● 性 ● 肿 ● 瘤 ● 或 ● 有 ● 病 ● 史 ● 的
(. )(. ) 哺乳期的妈妈
太丑的
……
全球献血率
(2011年,单位:次/千人)
低收入国家 | || 4.0 |
中国 | |||| 8.7 |
中等收入国家 | |||||| 12.6 |
高收入国家 | |||||||||||||||||| 39.2 |
中国献血人群分析
■ 金融业与服务业从业者 43.25%
■ 大学生 34.06%
■ 其他
献血后如何无偿用血?
在一定时间段内,的确可以无偿用血,而且除了献血者本人,献血者的直系亲属也有很优惠的措施。但是,用血费用报销的程序相当繁琐,而这也一直为人所诟病。首先你需要:
《无偿献血证》(原件);本人《居民身份证》(原件及复印件);医疗机构正式用血发票(原件及复印件);用血一日清单(需盖医院公章)或医院输血证明(含血型、用血品种、用血量、用血日期、用血者姓名)(原件);如有医保或新农合报销的需提供其处已报销比例依据(原件及复印件)。假如是为直系亲人报销的话,则要直系亲属关系的证明材料(共用户口薄、结婚证、新生儿出生证明或公安机关证明)(原件及复印件)。
总之你至少要集齐
5 份原件
4 份复印件
才有机会召唤报销金
然后你得带上你的龙珠们第一关:市中心血站、各县采血点第二关:中心血站献血服务科第三关:等待审核结果的电话通知实现领取报销金的愿望
那么献血的最大好处是?
理论上,献血有可能对健康有益,因为失血可以促进血液再生、降低血液粘稠度等。但是,现实中尚没有充分的有说服力的研究文献来支撑这个说法。不过,于道德上来讲,每每想到这些血液或许成为了某些家庭的救命稻草,总是非常欣慰。
- END -
如果你觉得这篇文章排版很厉害,可以回复【排版】了解更多;
如果你想零代码基础实现企业微信高级开发,请回复【课程】;
如果你想定制微信 VI或 H5 微页面,请关注我们留言你的需求;
如果想知道一些 H5营销的基本工具和方法,回复【H5】即可。
技术|技能|技艺
由于上传图片大小有限制,实际效果比这流畅很多,上一张静态图,大家也可以感受下!
效果比较简单,有兴趣的朋友可以加我群拿源码,主要是是为了更多地朋友可以有案例来练手,不是只会基础的,说到知识点都懂,只会纸上谈兵,不会动手的前端,现在去找工作不是只会基础就行了,面临的不只是要有扎实的基础,而且要有相应的动手能力,要自己能独立的写出项目。
对于web前端学习不懂的,或者不知道怎么学习的可以来我的前端群589651705,源码已上传群文件,不管你是小白还是大牛,小编都欢迎,群不定期分享干货,欢迎初学和进阶中的小伙伴。
代码过长不利于排版需要文档版源码请来头条前端群589651705
*请认真填写需求信息,我们会在24小时内与您取得联系。