900字范文 > web网页设计实例作业 ——二手书店-大学生书店(13页) 学生个人网站作业模板简单个

web网页设计实例作业 ——二手书店-大学生书店(13页) 学生个人网站作业模板简单个

时间：2023-07-22 02:50:12

web网页设计实例作业 ——二手书店-大学生书店(13页) 学生个人网站作业模板简单个人网页制作

常见网页设计作业题材有个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他等网页设计题目,A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

文章目录

web网页设计实例作业 ——二手书店-大学生书店(13页) 学生个人网站作业模板简单个人网页制作一、作品展示二、文件目录三、代码实现五、学习资料六、更多源码

一、作品展示

二、文件目录

三、代码实现

<!doctype html><html lang="en"><head><meta charset="UTF-8"><link rel="stylesheet" href="css/index.css"/><link rel="stylesheet" href="css/swiper3.07.min.css"/><script src="js/jquery-1.11.2.min.js"></script><script src="js/main.js"></script><script src="js/koala.min.1.5.js"></script><style>.swiper-container {width: 1100px;height: 300px;margin: 0 auto;}</style><title>易书网</title></head><body><div class="top" id="item4"><div class="container clearfix"><ul class="clearfix fr"><li><a href="join.html#tologin" >登录</a></li><li><a href="join.html#toregister" >注册</a></li><li><a href="member.html" style="border: none">个人中心</a></li></ul></div></div><div class="header"><div class="container clearfix"><div class="logo fl"><a href="index.html"><img src="images/logo4.png" alt=""/></a></div><div class="seacher fl"><form action="" method="post"><input type="text" placeholder="小伙伴，你想找什么?"/><input type="submit" value="搜索"/></form><p>热门搜索：<a href="#">自行车</a> <a href="#">笔记本</a> <a href="#">散热器</a> <a href="#">考研资料</a> <a href="#">摩托车</a> <a href="#">手机</a> <a href="#">轮滑鞋</a> <a href="#">显示器</a> <a href="#">显示器</a> <a href="#">显示器</a> <a href="#">显示器</a></p></div><div class="mm fr clearfix"><a href="list.html">我要买</a><a href="publish.html">我要卖</a></div></div></div><div class="banner container"><img src="images/notice.png" alt="" style="width: 1200px;height: auto;"/><div class="clearfix"><div class="about fl"><h1>易书网</h1><img src="images/logo9.png" alt=""/><p><span>易书网</span>是一个网上书商城。力求打造网上最大的中文图书借换系统二手书交换系统力求打造是是网上最大的中文图书借换系统二手书交换系统。易书网来了,让爱书的你花极小的支出(1到2元)就可以读到你喜欢的书且没有后顾之忧哦！</p></div><div id="fsD1" class="focus fl"><div id="D1pic1" class="fPic"><div class="fcon"><a href="detail.html"><img src="images/focus1.jpg" /></a><span class="shadow"><a href="detail.html">便宜出售一本好书111111</a></span></div><div class="fcon"><a href="detail.html"><img src="images/focus2.jpg" /></a><span class="shadow"><a href="detail.html">便宜出售一本好书222222</a></span></div><div class="fcon"><a href="detail.html"><img src="images/focus3.jpg" /></a><span class="shadow"><a href="detail.html">便宜出售一本好书3333333</a></span></div><div class="fcon"><a href="detail.html"><img src="images/focus4.jpg" /></a><span class="shadow"><a href="detail.html">便宜出售一本好书4444444</a></span></div><div class="fcon"><a href="detail.html"><img src="images/focus5.jpg" /></a><span class="shadow"><a href="detail.html">便宜出售一本好书5555555</a></span></div></div><div class="fbg"><div class="D1fBt" id="D1fBt"><a href="javascript:void(0)" class="current"><i>1</i></a><a href="javascript:void(0)"><i>2</i></a><a href="javascript:void(0)"><i>3</i></a><a href="javascript:void(0)"><i>4</i></a><a href="javascript:void(0)"><i>5</i></a></div></div></div><div class="help fr"><h2>最新公告</h2><ul><li><a href="notice-detail.html">这是易书网最新公告1</a></li><li><a href="notice-detail.html">这是易书网最新公告2</a></li><li><a href="notice-detail.html">这是易书网最新公告3</a></li><li><a href="notice-detail.html">这是易书网最新公告4</a></li><li><a href="notice-detail.html">这是易书网最新公告5</a></li></ul><h2>新手帮助</h2><ul><li><a href="help.html">如何买书</a></li><li><a href="help.html">如何买书</a></li><li><a href="help.html">如何买书</a></li><li><a href="help.html">如何买书</a></li></ul></div></div><div class="item clearfix" id="item1"><h1>教材区<span></span></h1><div class="list fl"><ul class="one"><li><a href="list.html">成功励志</a><ul class="two"><li><a href="list.html">成功励志1</a></li><li><a href="list.html">成功励志2</a></li><li><a href="list.html">成功励志3</a></li><li><a href="list.html">成功励志4</a></li><li><a href="list.html">成功励志5</a></li><li><a href="list.html">成功励志6</a></li><li><a href="list.html">成功励志7</a></li></ul></li><li><a href="#">法律</a><ul class="two"><li><a href="#">法律1</a></li><li><a href="#">法律2</a></li><li><a href="#">法律3</a></li><li><a href="#">法律4</a></li><li><a href="#">法律5</a></li><li><a href="#">法律6</a></li><li><a href="#">法律7</a></li><li><a href="#">法律8</a></li><li><a href="#">法律9</a></li></ul></li><li><a href="#">管理</a><ul class="two"><li><a href="#">管理1</a></li><li><a href="#">管理2</a></li><li><a href="#">管理3</a></li><li><a href="#">管理4</a></li><li><a href="#">管理5</a></li><li><a href="#">管理6</a></li><li><a href="#">管理7</a></li><li><a href="#">管理8</a></li><li><a href="#">管理9</a></li><li><a href="#">管理10</a></li><li><a href="#">管理11</a></li></ul></li><li><a href="#">计算机与网络</a><ul class="two"><li><a href="#">计算机与网络1</a></li><li><a href="#">计算机与网络2</a></li><li><a href="#">计算机与网络4</a></li><li><a href="#">计算机与网络5</a></li><li><a href="#">计算机与网络5</a></li><li><a href="#">计算机与网络5</a></li></ul></li><li><a href="#">教育考试</a><ul class="two"><li><a href="#">教育考试1</a></li><li><a href="#">教育考试2</a></li><li><a href="#">教育考试5</a></li><li><a href="#">教育考试5</a></li><li><a href="#">教育考试5</a></li><li><a href="#">教育考试5</a></li></ul></li><li><a href="#">科技工程</a><ul class="two"><li><a href="#">科技工程1</a></li><li><a href="#">科技工程2</a></li><li><a href="#">科技工程2</a></li><li><a href="#">科技工程2</a></li><li><a href="#">科技工程5</a></li>es: ['fx'] });Qfast(false, 'widgets', function () {K.tabs({id: 'fsD1', //焦点图包裹idconId: "D1pic1", //** 大图域包裹idtabId:"D1fBt",tabTn:"a",conCn: '.fcon', //** 大图域配置classauto: 1, //自动播放 1或0effect: 'fade', //效果配置eType: 'click', //** 鼠标事件pageBt:true,//是否有按钮切换页码bns: ['.prev', '.next'],//** 前后按钮配置classinterval: 3000 //** 停顿时间})})</script></body></html>