HTML5期末大作业：文采网站设计——个人书画作品展示(6个页面) HTML+CSS+JavaScript...

临近期末, 你还在为HTML网页设计结课作业,老师的作业要求感到头大？HTML网页作业无从下手？网页要求的总数量太多？没有合适的模板？等等一系列问题。你想要解决的问题，在这篇博文中基本都能满足你的需求~

原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的网页制作，画面精明，非常适合初学者学习使用。

作品介绍

1.网页作品简介方面 ：HTML期末大学生网页设计作业 ,喜欢的可以下载，文章页支持手机PC响应式布局。个人书画作品展示HTML模板，个人书画作品网模板，全套模板，包括首页、关于我们、图片列表页、文字列表页、内容页、留言板等HTML网站模板页面。

2.网页作品编辑方面：此作品为学生期末大作业网页设计题材，代码为简单学生水平 html+css 布局制作，作品下载后可使用任意HTML编辑软件(例如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm 所有编辑器均可使用)

3.网页作品布局方面：网页布局整体为LOGO、导航、主体内容布局。子页面多种布局，兴趣爱好内容使用图片列表布局，成绩页面插入了表格，联系我们使用图片对齐方式设置了左对齐。

4.网页作品技术方面：使用CSS制作了网页背景图、鼠标经过及选中导航变色效果、下划线等。首页制作了留言表单，同时简单使用JavaScript制作了表单判断(提交时表单不能为空)

文章目录

HTML5期末大作业：文采网站设计——个人书画作品展示(6个页面) HTML+CSS+JavaScript 期末作业HTML代码学生网页课程设计期末作业下载 web网页设计制作成品
作品介绍
一、作品演示
1.首页
2.关于我们
3.书画讯息
4.产品展示
二、代码目录
三、代码实现

1.首页

2.关于我们

3.书画讯息

4.产品展示

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="images/all.css" type="text/css" rel="stylesheet" />
<title>[!--class.name--]-<?=$public_r[sitename]?></title>
<meta name="keywords" content="[!--pagekey--]" />
<meta name="description" content="[!--pagedes--]" />
</head><body>
<header>
<div class="head wrapper1000">
<div class="logo fl"><a href=""><img src="data:images/logo.png" /></a></div>
<div class="nav fr"><a href="index.html">首页</a><a href="单页面.html">关于我们</a><a href="">书画讯息</a><a href="图片列表页.html">产品展示</a><a href="文字列表页.html">新闻资讯</a><a href="留言板.html">在线交流</a><a href="">联系我们</a></div>
</div>
<div class="banner wrapper1000"> <img src="data:images/banner.jpg" /> </div>
</header>
<!--head over--><div class="index-body">
<div class="sidebar fl">
<div class="title2"><a href="" class="more fr">更多</a><span class="fl">作品分类</span></div>
<p class="tou"></p>
<div class="neirong">
<ul class="jiantou">
<li><a href="">人物</a></li>
<li><a href="">油画</a></li>
<li><a href="">山水</a></li>
<li><a href="">书法</a></li>
<li><a href="">国画</a></li>
</ul>
</div>
<p class="di"></p><div class="title2 mt10"><a href="" class="more fr">更多</a><span class="fl">最新作品</span></div>
<p class="tou"></p>
<div class="neirong">
<ul class="dian">
<li><a href="">人物</a></li>
<li><a href="">油画</a></li>
<li><a href="">山水</a></li>
<li><a href="">书法</a></li>
<li><a href="">国画</a></li>
</ul>
</div>
<p class="di"></p></div><!--sidebar over--><div class="list-right fr">
<div class="title1"><span>留言板</span></div><!--留言板开始-->
<div class="lyb">
<form action="../../enews/index.php" method="post" name="form1" id="form1">
<input name="enews" type="hidden" id="enews" value="AddGbook" />
<div><span class="wd105"><a class="red">*</a> 昵称：</span><span><input name="name" type="text" id="name" /></span></div>
<div><span class="wd105"><a class="red">*</a> 联系邮箱：</span><span><input name="email" type="text" id="email" /></span></div>
<div><span class="wd105">联系电话：</span><span><input name="mycall" type="text" id="mycall" /></span></div>
<div><span class="wd105"><a class="red">*</a> 留言内容：</span><span><textarea name="lytext" cols="60" rows="5" id="lytext"></textarea></span></div>
<div><span class="wd105"><a class="red">*</a> 验证码：</span><span><img src="/e/ShowKey/?v=gbook" onClick="this.src= this.src +'&xx='+Math.random()" alt="看不清楚,点击刷新"><input type=text name=key></span></div>
<div><span class="wd105"></span><span><input type="submit" name="Submit3" value="提交" id="tj" /><input type="reset" name="Submit22" value="重置" id="tj" /></span></div>
</form>
<div class="clearfix"></div>
<div class="tip">tips:您的信息经我查看后将显示在这个留言板,请不要重复消息,谢谢!</div><div class="clearfix"></div>
<dl>
<dt><span>2012-11-20</span>dfdfdf 说：</dt>
<dd>测试留言测试留言测试留言测试留言测试留言测试留言</dd>
<dd class="hf">回复：谢谢</dd>
</dl></div>
<!--留言板结束--></div>
</div><foot>
<div class="clearfix"></div>
<div class="foot">
<div class="wrapper1000">
<span><a href="">联系我们</a>|<a href="">个人简介</a>|<a href="图片列表页.html">产品展示</a>|<a href="留言板.html">在线交流</a></span>
<p> 备案号：苏IP备000000  更多模板：<a href="http://www.mycodes.net/" target="_blank">源码之家</a></p>
</div>
</div>
</foot>
<script src="js/all.js" type="text/javascript"></script>
<script type="text/javascript"> (function() { var s = "_" + Math.random().toString(36).slice(2); document.write('<div style="" id="' + s + '"></div>'); (window.slotbydup = window.slotbydup || []).push({ id: "u4923786", container:  s }); })(); </script><script type="text/javascript" src="//cpro.baidustatic.com/cpro/ui/c.js" async="async" defer="defer" ></script></body>
</html>