抗疫感动致敬逆行者学生网页设计作品

• 网页作品介绍
• 作品首页截图
• 作品代码展示
• 作品源地址

网页作品介绍

抗击疫情致敬逆行者感人类题材网页设计作品采用DIV CSS布局制作，共8个页面：网站首页、感动人物、动人瞬间、感人视频、感动图集、感动新闻页面3个。页面整体宽度为1200像素，使用CSS设置了网页背景颜色，制作了导航区域鼠标经过荧光效果。感人视频页面插入了MP4视频。作品代码采用学生简单水平制作，DIV命名合理。

作品首页截图

说明：本作品为LILIXING原创作品，为了保障作品原创性，以下仅为作品首页演示

作品代码展示

说明：本作品为LILIXING原创作品，为了保障作品原创性，以下仅为首页部分代码供参考

<div id="container">
  <div id="banner"> <img src="img/banner.jpg"> </div>
  <div id="globallink"> <!--制作横向导航条，鼠标经过时荧光效果-->
    <ul>
      <li><a href="index.html">网站首页</a></li>
      <li><a href="renwu.html">感动人物</a></li>
      <li><a href="shunjian.html">动人瞬间</a></li>
      <li><a href="shipin.html">感人视频</a></li>
      <li><a href="tuji.html">感动图集</a></li>
    </ul>
  </div>
  <div id="news">
    <h3><span>英雄赞歌</span></h3>
    <ul>
      <li><span><a href="newsa.html"> - 最美方舱播音员</a></li>
      <li><span><a href="newsb.html"> - 可爱的志愿者</a></li>
      <li><span><a href="newsc.html"> - 勇挑重任的90后</a></li>
    </ul>
    <p><img src="img/t5.jpg" ><br>
	<img src="img/t3.jpg" ></p>
  </div>
  <div id="story">
    <h3>向英雄致敬</h3>
    <p> <img src="img/t9.jpg" style="float:right;margin-left: 30px; width:200px;"> 在抗击新冠病毒疫情中，总有那么一些镜头让人泪目和深感温暖。每一个平凡的日子，都有那么一些人为了更好的明天，铭记着初心、担负着使命，选择了逆行，向这些逆风而行的勇士、奋斗在疫情防控一线的逆行天使致以崇高的敬意和衷心的感谢。感谢他们默默的坚守！
      这世上哪有什么岁月静好，只是因为有人在替我们负重前行罢了，这世上哪有什么天生的英雄，只有因为人们需要，才有人愿意牺牲自己成为英雄。每个时代有每个时代的英雄，灾难面前，他们毅然逆向前行，不畏生死，他们当之无愧是这个时代的英雄，向英雄致敬。
    <p>
    <h3>疫情中的温暖和力量</h3>
    <p> <img src="img/t4.jpg" style="float:right;margin-left: 30px; width:200px;"> 武汉老百姓在这场疫情中遭受了疫情带来的苦难，很多人为了亲情、友情付出了自己巨大的爱。还有很多人冒着生命的危险，冲在抗疫第一线。特别是当地的医护人员，他们是伟大的战士，是了不起的英雄。他们从疫情萌芽至今仍在坚守，仍在一线作战，他们的付出、牺牲、奉献，给了我们最大的感动，值得我们给予最高的礼遇，给予英雄的赞美。那些为我们雪地抱薪、深夜提灯的人，不仅值得我们感恩，更值得我。 </p>
  </div>
  <div id="thank">
    <h3>永远铭记</h3>
    <p>一方有难、八方支援，在这场没有硝烟的战场上，一张张冲到第一线的"最美逆行者"的照片刷屏朋友圈，他们毅然决然的背影让人感动、给人力量！历史将会铭记逆行者的无私付出，铭记逆行者的砥砺担当
      。你们是中国坚实的脊梁！ </p>
  </div>
  <div id="footer">
    <p>抗击疫情</p>
  </div>
</div>

作品源地址

stu-works/html/jiankang/345.html