1.网页作品简介
:HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载,文章页支持手机PC响应式布局。
2.网页作品编辑
:作品下载后可使用任意HTML编辑软件(如:DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++
等任意HTML软件编辑修改网页)。
3.网页作品技术
:Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等,视频、 音频元素 、Flash,同时设计了logo(源文件),基本期末作业所需的知识点全覆盖。
作品为部分截图
<!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>