作品介绍

​1.网页作品简介​ :HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。

​2.网页作品编辑​:作品下载后可使用任意HTML编辑软件(如:​​DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++​​ 等任意HTML软件编辑修改网页)。

​3.网页作品技术​:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。


文章目录


一、作品展示

​作品为部分截图​





HTML5期末大作业:抗疫网站设计——抗击疫情感动人物-逆行者(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页_javascript

HTML5期末大作业:抗疫网站设计——抗击疫情感动人物-逆行者(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页_css_02

二、文件目录

HTML5期末大作业:抗疫网站设计——抗击疫情感动人物-逆行者(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页_javascript_03

三、代码实现

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>志愿报名</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<header>
<div class="logo">
<a href="index.html"><img src="images/logo.png" width="85px"></a>
</div>
<nav>
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="pagea.html">感动人物</a></li>
<li><a href="pageb.html">动人瞬间</a></li>
<li><a href="pagec.html" >感人视频</a></li>
<li><a href="paged.html" >感人图集</a></li>
<li><a href="pagee.html" style="color:#d92424">志愿报名</a></li>
</ul>
</nav>
</header>
<div class="banner"></div>
<div class="content">
<form>
<label><span><input id="name" type="text" name="name" placeholder="志愿者姓名" /> </span></label>
<label><span><input id="name" type="text" name="name" placeholder="志愿者联系电话" /> </span></label>
<label><span><textarea id="message" name="message" placeholder="您有哪些工作经验"></textarea> </span></label>
<label><span><input type="button" class="button" value="立即报名" /></span> </label>
</form>
</div>
<footer>
<p>致 敬 最 美 逆 行 者</p>
</footer>
</body>
</html>