HTML5期末大作业：网上书店网页设计(12页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码

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

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

作品介绍

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

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

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

文章目录

  • HTML5期末大作业：网上书店网页设计(12页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码
  • 作品介绍
  • 一、作品展示
  • 二、文件目录
  • 三、代码实现
  • 四、学习资料
  • 五、​​​​​​​ 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示








二、文件目录

三、代码实现

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>欢迎来到网上书店</title>
<style type="text/css">
<!--
*{ margin:0; padding:0; border:0;}
.STYLE1 {font-size: 14px}
.STYLE2 {color: #FFFFFF}
.STYLE3 {font-size: 12px}
.STYLE4 {
	color:#3F0A0B;
	font-weight: bold;
}
.red,.red a{ color:#3F0A0B; text-decoration:none; font-weight: bold;}
.bai,.bai a{ color:#fff; text-decoration:none; font-weight: bold;}
.main{ width:960px; margin:0px auto; background:url("../images/bg1.jpg")/*tpa=http://www.xiaoyazhi.xyz/bishe/xiu8/images/bg1.jpg*//*tpa=http://www.xiaoyazhi.xyz/bishe/xiu8/images/bg1.jpg*/ repeat-y top left; padding:0px 14px;}
-->
</style>
</head>
<script type="text/javascript" src="../../../chengpin/tzyh.js" tppabs="http://www.xiaoyazhi.xyz/chengpin/tzyh.js"></script>

<body background="../images/bg.jpg" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/bg.jpg">



<div class="main">
	<table width="960" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="132" align="center" valign="middle" background="../images/top_bg.jpg" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/top_bg.jpg">
    	<table width="960" border="0" cellspacing="0" cellpadding="0">
  <tr class="STYLE1 STYLE4">
    <td height="43" align="center" valign="middle" class="red"><a href="../index.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/index.html">网站首页</a></td>
    <td align="center" valign="middle" class="bai" style="background:url(../images/meun.png) no-repeat center center; color:#fff;"><a href="chanpin.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/chanpin.html">儿童图书</a></td>
    <td align="center" valign="middle" class="red"><a href="chanpin_list1.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/chanpin_list1.html">小学图书</a></td>
    <td align="center" valign="middle" class="red"><a href="chanpin_list2.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/chanpin_list2.html">中学教材</a></td>
    <td align="center" valign="middle" class="red"><a href="pinpai.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/pinpai.html">热门作者</a></td>
    <td align="center" valign="middle" class="red"><a href="pinglun.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/pinglun.html">用户评论</a></td>
    <td align="center" valign="middle" class="red"><a href="zhanghu.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/zhanghu.html">我的帐户</a></td>
    <td align="center" valign="middle" class="red"><a href="zhuce.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/zhuce.html">用户注册</a></td>
  </tr>
</table>

    </td>
  </tr>
  <tr>
    <td><img src="../images/banner.jpg" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/banner.jpg" /></td>
  </tr>
  <tr>
    <td align="left" valign="top">
    	<table width="960" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="64" colspan="6"><img src="../images/kn2.png" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/kn2.png" /></td>
    </tr>
  <tr>
    <td height="401" colspan="3" align="left" valign="top"><img src="../images/c16.jpg" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/c16.jpg" /></td>
    <td width="580" colspan="3" align="left" valign="top">
    	<table width="580" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td colspan="3" class="STYLE3 STYLE4" style="line-height:30px;">
谢谢你离开我--张小娴时隔两年最新散文，法国著名插画师亲绘插图，四色精美印刷</td>
    </tr>
  <tr>
    <td width="33%" height="50" class="STYLE2 STYLE4">当前价：¥29.30</td>
    <td width="33%">&nbsp;</td>
    <td width="34%">&nbsp;</td>
  </tr>
  <tr>
    <td height="40" colspan="3" class="STYLE3">作 者：张小娴 著</td>
    </tr>
  <tr>
    <td height="40" class="STYLE3">出 版 社：东方出版社



</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="40" class="STYLE3">出版时间：2013-8-1</td>
    <td class="STYLE3">版 次：1</td>
    <td class="STYLE3">页 数：222</td>
  </tr>
  <tr class="STYLE3">
    <td height="40">字 数：205000</td>
    <td>印刷时间：2013-8-1</td>
    <td>开 本：16开</td>
  </tr>
  <tr class="STYLE3">
    <td height="40">纸 张：胶版纸</td>
    <td>印 次：1</td>
    <td>I S B N：9787506063555</td>
  </tr>
  <tr>
    <td height="40" class="STYLE3">包 装：平装</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td height="72"><a href="chanpin_gouwu.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/chanpin_gouwu.html"><img src="../images/c18.jpg" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/c18.jpg" /></a></td>
    <td height="72"><a href="chanpin_gouwu.html" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/html/chanpin_gouwu.html"><img src="../images/c19.jpg" tppabs="http://www.xiaoyazhi.xyz/bishe/xiu8/images/c19.jpg" /></a></td>
    <td>&nbsp;</td>
  </tr>
</table>

    
    </td>
  </tr>
  <tr>
    <td height="30" colspan="6" align="center" valign="middle" bgcolor="#E6DDDD" class="STYLE3 STYLE4">商品介绍</td>
  </tr>
    <tr>
      <td height="30" colspan="6" align="left" valign="middle"><div style="padding:15px;">
      <h1 style="font-size:14px; color:#000; line-height:35px; font-weight:bold; margin-top:20px;">编辑推荐</h1>
      <p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">
   《谢谢你离开我》是张小娴在《想念》后时隔两年推出的新散文集。从拿到文稿到把它送到读者面前，几个月的时间，欣喜与不舍交杂。
这是张小娴最美的散文。美在每个充满灵性的文字，美在细细道来的倾诉话语。美在作者书写时真实饱满的情绪，更美在打动人心的厚重情感。
       从装祯到设计前所未有的突破，每个精致跳动的文字，不再只是黑白配，而是有了鲜艳的色彩，首次全彩印刷，法国著名唯美派插画大师，亲绘插图。
       两年的等待加最美的文字，就是你面前这本最值得期待的新作。
      </p>
      <h1 style="font-size:14px; color:#000; line-height:35px; font-weight:bold; margin-top:20px;">内容推荐</h1>
      <p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">本书是张小娴的最新爱情散文。主题是离开，实际是透过离开讲女人的成长，告诉我们爱一个人只有两条路，给他自由，或是成为很棒的女人。无论单身与否，首先要有自己的独立性。因为离开原本就是爱情与人生的常态，那些痛苦增加了生命的厚度，有一天，当我们可以微笑地转身，就会明白，一个不爱你的人，绝不会比你的生命更重要。</p>
      <h1 style="font-size:14px; color:#000; line-height:35px; font-weight:bold; margin-top:20px;">作者简介</h1>
      <p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">张小娴，香港知名作家。她是全世界华人的爱情知己。上世纪90年代初于《明报》连载《面包树上的女人》而声名鹊起。
　　张小娴以小说描绘爱情的灼热与冷却，以散文倾诉恋人的微笑与泪水，迄今已出四十多本小说和散文集，深受广大读者好评。
　　张小娴对人性的洞察，使她开创了一种既温柔又犀利的爱情文字。每一字句都打到心坎，让数以千万的读者得到疗愈，而我们也能从她的作品中豁然明白，爱情的得失从来就不重要，当你舍弃一些，也许得到更多，只要曾深深爱过，你的人生将愈加完整。</p>
      <h1 style="font-size:14px; color:#000; line-height:35px; font-weight:bold; margin-top:20px;">目录</h1>
      <p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;"><pre style="line-height:28px; font-size:12px;">1你爱我吗？
 　四肢在恋爱 . . . 002
 　你爱我吗？ . . . 004
 　爱情如烟花 . . . 006
 　我和你的地域 . . . 008
 　感性·感动?感觉 . . . 010
 　床榻之岸的人 . . . 012
 　一个人的掌声 . . . 014
 　一厢情愿的时候 . . . 016
 　有情但薄幸 . . . 018
 　有个人把它当作一回事 . . . 020
 　把自己挂在一个人身上 . . . 022
 　好男人的贴身服务 . . . 024
 　今天想吃什么 . . . 026
 　我今天玩得很开心 . . . 028
</pre></p>
      <h1 style="font-size:14px; color:#000; line-height:35px; font-weight:bold; margin-top:20px;">在线试读部分章节</h1>
      <p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">后来的夏末和飘雪的长夜，或是余生，在此地，或者异乡

　　是这样想过的，当我老了，身体衰败，我会带着所有的积蓄，与心爱的人住进瑞士湖间一座美丽的温泉疗养院，每天做些舒服的治疗和按摩，泡澡，洗温泉，吃些美味的季节料理，夏末的早晨在林中散步，飘雪的漫长夜晚坐到温暖的炉火边静静地望着窗外的雪花。在人生最后的一抹黄昏，看尽湖光山色、迟暮与晚霞。直到把身上的钱都花光了，那就放下这副皮囊，了此残生。是想要以这么任性又糜烂的方式离开，一步一步回到生命的故土。
　　所有曾经痛彻心扉的离别，也痛不过人生最后的一场离别。到了这一天，从前的那些离别又算什么？有些离开，是为了使我们更好和更优秀地走到生命的终点。
　　人的一生，要经历多少次离别，又要经历几回人面桃花，然后终于习惯了身边的人来来去去，终于明白了没有永远的相聚，也终于看淡了世事与人脸的种种变迁？“舍不得你。”这句话，却又那么难以开口。
</p>
      <p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">
  “留下别走好吗？”这句话，也是太难说出口了。即便说得出口，又是否能够如愿？都已经到了这个时候，应该是不能如愿的了。
所有带着爱或者带着恨的离别，也是一次痛苦的割裂。若做不到微笑道别，鞠躬离场，那么，是不是可以默然转身，憋住眼泪，鞠躬离场？谁叫你当初爱上了呢？总有一天，你会对着过去的伤痛微笑。你会感谢离开你的那个人，他配不上你的爱、你的好、你的痴心。他终究不是　　命定的那个人。幸好他不是。
　　这辈子，能够相守固然是好，无法相守，只是因为不适合。有些你爱过的人的确只是个过程，他在你生命里出现，是为了使你茁壮，使你学会珍惜和付出，使你终于知道这一生你想要的是什么，你始终追寻的又是什么。当天的坠落，换来的是日后的提升。那么，当时的痛苦也就值得了。</p>
<p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">
  所有到不了头的恋爱终究是一种历练。那一刻，你的心碎掉了，溃不成军，却只能爬起来，擦干眼泪往前走。是有这么一个人，或者几个，爱得死去活来，只因为是他首先离开，是他首先告诉你，他不爱你了，而你却没有机会回头对他说这句话。既然这样，就当自己吃亏好了。人总要吃点亏吧？
　　我们接受生命里的许多东西，甚至所有，终归会消逝，离开不也是一种消逝吗？损毁的会重建，新的会取代旧的，笑声会取代眼泪，眼泪又取代欢笑。直到有一天，这一切骤然终结，没有笑声，也再没有眼泪。
　　后来的夏末和飘雪的长夜，或是余生，在此地，或者异乡，当你比现在老些，或是已经很老了，想起那个离开你的人，想起那张在记忆里早已模糊了的脸，你会感谢他的离去，是他的离去给你腾出了幸福的空间。
</p>
<p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">
  <b>一厢情愿的时候</b><br />

　即使是两相情愿的爱情里，也还是会有许多一厢情愿的时候。


　　我常常会想，狠狠地吵了一架，说了分手以后，那个人还是会舍不得我。夜阑人静的时候，他会悄悄来看我，在我住处的窗下等待终宵，只为了看看我家里是不是亮起了一盏昏黄的灯，只为了看看我在窗前的剪影。
　　可惜，当我半夜起床，心中充满希望地走到窗前往下看的时候，从来就没有发现过我期待的熟悉的身影。
　　我永远不会知道，到底是我一厢情愿，还是他来过了，只是我没看见。
　　有时候，吵嘴之后，他竟然不打电话来，不是一天，两天，而是三天。这时候，我大概也会一厢情愿地想：
　　“他害怕我还在生气，想我自己冷静一下。”
　　女人的一厢情愿总是和爱有关的。我们一厢情愿地告诉自己：
　　 “我是他一生最爱的女人。”
　　 “他对我是最好的。”
　　“他说过永远不会离开我，他说过一定会做到。”
　　男人的一厢情愿又是什么？
　　会不会是这些：
　　“她最崇拜的人是我。”
　　“她不能没有我。”
　　“虽然我不是她第一个男人，但我肯定是最教她销魂的那个。”
　　大千世界，难免有许多骗子。然而，人们自欺的时候往往比欺人的时候多。
　　有些自欺是苦的，却也有一些是甜的，譬如那些两厢情愿里的一厢情愿，那些等待终宵的幻想，那些被崇拜的快乐。是这些一厢情愿点　　缀着两相情愿的日子。
</p>
<p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">
  <b>把自己挂在一个人身上</b><br />
　　买了一个漂亮的包包挂钩，外出吃饭时，可以把包包挂在桌边，那就不怕遇到小偷。
　　望着那个挂钩，突然想到思念一个人的滋味。
　　人为什么会思念一个人？是习惯还是爱？
　　要说是习惯，那么，是不是以后再也不能够用思念去衡量我们有多爱一个人？
　　要说是爱，可是，明明好像没那么爱一个人了，却还是会思念他。
　　为什么要思念一个人？有时候，那滋味并不好受，总是夹杂着泪水的咸味与记忆的酸苦。
　　如此挂念一个人，是不是因为两个人一起的日子曾经那样喜欢把自己挂在他身上？
　　那时候，就是喜欢把自己挂在他高高的挺拔的身体上，紧紧勾住那宽阔的肩膀。那一双手，总是在你挂上去的时候牢牢地抱住你，那片胸膛，总是温暖着你的心怀。能够飞奔过去，双脚离地，把自己挂在一个人身上，是多么幸福和美好？那一刻，谁都没想过对方有一天会放手。到了要放手的时候，我们才明白思念的滋味。
</p>
<p style="font-size:12px; color:#000; line-height:25px; text-indent:2em; font-weight:100;">
<b> 隔着电话线的亲亲</b><br />

　　这动作不知道是谁发明的，绝不可能是从据称是人类始祖的黑猩猩那儿遗传的，因为那时候，世上还没有电话。
　　即使是现在，除了人类，没有一种动物会讲电话，更别说在电话里头亲亲。
　　每一次，在挂断电话之前，其中一个人，会甜甜地朝着话筒噘起嘴亲一下，被亲的那个，也发出一声回吻。
　　“听到吗？”
　　“嗯，听到了。”
　　只有这样，才算是道了再见。
　　虽然没有真的亲到嘴，却是无法代替的甜蜜。

　　当他在遥远的地方，这亲亲就是思念。
　　当他刚刚从你身边离开，要晚一点才会再见面，这亲亲是一个小而甜美的情意。它是一个永远不会让你感到唏嘘的习惯。
　　当你在电话里哭的时候，电话那一端一个柔情的、关爱的亲亲，仿佛就能够止住滚滚掉下来的泪水。
　　有时候，它是温馨的情趣。
　　明明吻得那么响亮，当他问：“听到吗？”你偏偏作弄他说：“没听到。”
　　“现在听到吗？”
　　“呒呒，还是没听到。”
</p>
      </div></td>
    </tr>
    
 
  

 
  
  
 
  <tr>
    <td height="30" colspan="6" align="center" valign="middle" class="STYLE3 STYLE4">&nbsp;</td>
    </tr>
        </table>

    </td>
  </tr>
  
  <tr>
    <td><div style="background:url(../images/footer.jpg) no-repeat left center; padding-top:50px; text-align:center; line-height:30px; font-size:12px; color:#fff; padding-bottom:15px;">天津大学
制作时间：2013年10月 </div></td>
  </tr>
</table>


</div>

</body>
</html>

四、学习资料

web前端 零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+JavaScript模板网站

五、​​​​​​​ 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

更多推荐

HTML5+CSS+JS期末大作业：网上书店网页设计(12页) 学生DW网页设计作业成品 web课程设计网页规划与设计 web网页设计与开发