临近期末, 你还在为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" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/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="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="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>-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="/" 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/ui/c.js" async="async" defer="defer" ></script></body></html>
👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻
