web前端设计与开发期末作品_期末大作业-疫情

news2024/10/6 14:29:33

Web前端开发技术
描述网页设计题材，DIV+CSS 布局制作,HTML+CSS网页设计期末课程大作业，击疫情致敬逆行者感人类题材 | 致敬逆行者网页设计作品 | 大学生抗疫感动专题网页设计作业模板 | 等网站的设计与制作 | HTML期末大学生网页设计作业

HTML：结构
CSS：样式
在操作方面上运用了html5和css3，
采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识
JavaScript：做与用户的交互行为

文章目录

前端学习路线
网页基本结构
网页演示
- HTML结构代码
学的反而越迷茫
学习更多

前端学习路线

（1）html文件：其中index.html是首页、其他html为二级页面；
（2）css文件：css全部页面样式,文字滚动, 图片放大等；
（3）js文件：js实现动态轮播特效, 表单提交, 点击事件等等（网页中运用到js代码）

网页基本结构

(1)首页：进入网页中看到的第一个页面(LOGO、公司名称、导航、banner、新闻、相关信息、底部信息、banner一般是5个　　
(2)二级页面：从首页点击进入之后的页面叫做二级页面
(3)三级页面：从二级页面点击进入的页面

网页html：网页是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的
首页网站：首页是一个网站的入口网页，故往往会被编辑得易于了解该网站多数作为首页的文件名是index加上扩展名
导航菜单：是指位于页面顶部或者侧边区域的，也称之为导航栏，它起着链接站点或者软件内的各个页面的作用.
网页页脚：是网页中每个页面的底部的区域。常用于显示附加信息。如作者、备案号等。

网页演示

在这里插入图片描述

HTML结构代码



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/style.css" />
<title>疫情危害与防护</title>
</head>
<body>
<div class="wrapin">
  <!--头部-->
  <header>
    <ul class="nav clearfix">
      <li><a href="index.html">网站首页</a></li>
      <li><a href="juqing.html">病毒介绍</a></li>
      <li><a href="juese.html">传播途径</a></li>
      <li><a href="jingchai.html">时事疫情</a></li>
      <li><a href="tupian.html">防疫英姿</a></li>
      <li><a href="zhuce.html">用户注册</a></li>
      <li><a href="denglu.html">用户登录</a></li>
    </ul>
  </header>
 <div id="banner" class="banner wrapin">
    <ul id="b_pic">
      <li style="display: block;"><img src="images/banner_1.jpg"></li>
      <li><img src="images/banner_2.jpg"></li>
      <li><img src="images/banner_3.jpg"></li>
    </ul>
    <ul id="b_an">
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <script src="./js/lb.js"></script>
  <!--内容-->
  <div class="con ">
    <div class="top clearfix">
      <div class="txt">
        <div class="title">
          <h2>新型冠状病毒</h2>
        </div>
        <P>2019新型冠状病毒（2019-nCoV，世卫组织2020年1月命名  ；SARS-CoV-2，国际病毒分类委员会2020年2月11日命名  ）。
          冠状病毒是一个大型病毒家族，已知可引起感冒及中东呼吸综合征（MERS）和严重急性呼吸综合征（SARS）等较严重疾病。新型冠状病毒是以前从未在人体中发现的冠状病毒新毒株 </P>
        <br>
        冠状病毒是一个大型病毒家族，已知可引起感冒及中东呼吸综合征（MERS）和严重急性呼吸综合征（SARS）等较严重疾病。新型冠状病毒是以前从未在人体中发现的冠状病毒新毒株。
        人感染了冠状病毒后常见体征有呼吸道症状、发热、咳嗽、气促和呼吸困难等。在较严重病例中，感染可导致肺炎、严重急性呼吸综合征、肾衰竭，甚至死亡。对于新型冠状病毒所致疾病没有特异治疗方法。但许多症状是可以处理的，因此需根据患者临床情况进行治疗。此外，对感染者的辅助护理可能非常有效。做好自我保护包括：保持基本的手部和呼吸道卫生，坚持安全饮食习惯等  。 </div>
    </div>
    <div class="tupian">
      <div class="title">
        <h2>防护病毒措施</h2>
      </div>
      <ul class="clearfix">
        <li><img src="images/5.jpg"/></li>
        <li><img src="images/2.jpg"/></li>
        <li><img src="images/3.jpg"/></li>
        <li><img src="images/banner_3.jpg"/></li>
      </ul>
    </div>
    <div class="pinglun tupian">
      <div class="title">
        <h2>核酸检测因时而异</h2>
      </div>
      <ul class="clearfix">
        <li><img src="images/13.jpg"/></li>
        <li><img src="images/16.jpg"/></li>
        <li><img src="images/15.jpg"/></li>
        <li><img src="images/12.jpg"/></li>
      </ul>
      <div class="text">美国范德堡大学的卡尔·约翰逊等研究人员发现，新冠病毒核酸检测灵敏度随人体昼夜节律而异。人们在中午进行检测获得准确阳性测试结果的可能性比晚上高2倍。研究结果2021年10月26日发表在《生物节律杂志》上。研究人员认为，这些数据支持一种假设，即新冠病毒根据自然昼夜节律在人体内的行为有所不同，对其他病毒和细菌感染的研究也暗示了这一点。受感染的细胞将传染性病毒颗粒释放到血液和黏液中，即“病毒散播”，在中午似乎更活跃，因为人体生物钟调节了免疫系统。研究结果表明，晚上8点以后病毒载量较低。如果人们选择在这时候进行检测，出现假阴性结果的可能性可能会更高。
        研究人员认为，可以利用时间因素来最大限度地发挥干预策略甚至疫苗策略的有效性。为了提高结果的准确性，应该在一天中的最佳时间进行检测，同时还能避免假阴性测试结果的出现，尤其是在无症状感染人群中。 </div>
    </div>
  </div>
  <!--底部-->
  <footer>
    <p>疫情危害与防护</p>
  </footer>
</div>
</body>
</html>