时间:2023-09-04 23:18:01 | 来源:网站运营
时间:2023-09-04 23:18:01 来源:网站运营
文学网站设计——分类模块:一、系统总体分析与设计 <script>function goBack(){ window.history.back()}</script><script>function goForward(){ window.history.forward()}</script></head><body> <div id="container"> <table width="100%"> <tr> <td align="left" ><input type="button" value="Back" onclick="goBack()"><input type="button" value="Forward" onclick="goForward()"></td> <td colspan="20">您当前所在的位置:分类>><a href="hlm.html">历史文学</a>>><a href="hlm.html">红楼梦</a></td> <td align="right"><a href="../注册页面/zhc.html">注册</a></td> </tr> </table>
(2)网站logo以及导航部分:<div id="header" > <div id="logo"><img src="images/logo.jpg" ></div> <div id="navigation"> <a href="../index.html" class="btn-slide"> <span class="circle"><i class="fa fa-download"></i></span> <span class="title">首页</span> </a> <a href="ly.html" class="btn-slide"> <span class="circle"><i class="fa fa-download"></i></span> <span class="title">分类</span> </a> <a href="../书架/书架.html" class="btn-slide"> <span class="circle"><i class="fa fa-download"></i></span> <span class="title">书架</span> </a> <a href="../lyb.html" class="btn-slide"> <span class="circle"><i class="fa fa-download"></i></span> <span class="title">留言板</span> </a></div></div></div>
(3)分类页面menu部分<div id="menu" > <ul> <li class="junshi"><a href="ly.html">军事</a></li> <li class="kexue"><a href="kcj.html">科学</a></li> <li class="wenxue"><a href="lt.html">文学</a></li> <li class="dili"><a href="sjz.html">地理</a></li> <li class="lishi"><a href="hlm.html">历史文学</a></li> </ul></div>
(4)分类页面中间部分 <div id="maincontent" > <div id="sidebar1" > <img src="images/hlm.jpg" width="300px" height="420px"> </div> <div id="content"> <p class="p1"><h3>书名:红楼梦</h3> <span> <a href="../目录/历史/红楼梦/index.html">目录</a> <a href="../书籍内容/红楼梦/红楼梦1.html">阅读</a></span></p> <p class="p2">作者:<a href="../作者专区/C112index.html">曹雪芹</a>(约 1715年5月28日-约1763年2月12日),名沾,字梦阮,号雪芹,又号芹溪、芹圃 </p> <p class="p3">内容简介:《红楼梦》是我国古代四大名著之一,章回体长篇小说,成书于清代乾隆年间,是我国古代最伟大的长篇小说之一,也是世界文学经典巨著之一。又名《石头记》、《情僧录》、《风月宝鉴》、《金陵十二钗》等。作者曹雪芹。最为红学界关注的版本是《脂砚斋重评石头记》(详情请见关于《红楼梦》版本的叙述)。由于原著后半部分散失,许多续作纷纷出炉,据统计,《红楼梦》续书种类高达百余种。较为著名的续作是由高鹗续全的一百二十回《红楼梦》通俗版本和清代才女顾太清等的续作和整理版本。总之,《红楼梦》至今还是一部不完整的作品,也是一部读者永远猜不着底的谜书,这也是《红楼梦》极具魅力的因素之一。</p> </div> </div>
(5) 分类页面底部 <div id="footer"> <center><p><a href="sj.html">下一页</a>|<a href="../index.html">返回首页</a></p> 版权©;版权所有,违者必究 <address>E-mail:lishi@zu.com</address></center></div>
点击“下一页”页面效果图:@charset "utf-8";/* CSS Document */body{width:1000px;margin:auto;}#header{width:1000px;height:100px}#logo{width:300px;float:left;}#navigation {font-size:24px; margin: 20px auto;text-align: center;}.btn-slide {position: relative;display: inline-block; height: 50px;width: 130px;line-height: 50px;padding: 0;border-radius: 50px;background:#679ae6;border: 2px solid #0099cc; margin: 10px;transition: .5s}#menu{border:1px solid #CCC;height:30px;background:#6495ED;margin-bottom:5px;}#menu ul{list-style:none;margin:0px;}#menu ul li{padding:0px 40px;line-height:30px;float:left}a:link{color:brown;text-decoration:none}a:visited{color:black}a:active{color:blueviolet}a:hover{color:burlywood}.junshi{border-bottom:3px solid #5F9EA0;background:#F0F8FF;margin-right:25px;}.kexue{border-bottom:3px solid #5F9EA0;background:#F0F8FF;margin-right:25px;}.wenxue{border-bottom:3px solid #5F9EA0;background:#F0F8FF;margin-right:25px;}.dili{border-bottom:3px solid #5F9EA0;background:#F0F8FF;margin-right:25px;}.lishi{border-bottom:3px solid #5F9EA0;background:#F0F8FF;}img{border:0}.p1{font-family:楷体;font-size:30px;color:#778899;}.p2{font-family:华文行楷;font-size:18px;color:#B8860B;}.p3{font-family:隶书;font-size:18px;color:#708090}#sidebar1{width:300px;height:500px;float:left}#maincontent{width:1000px;height:600px;margin-top:20px;margin-bottom:5px}#content{margin-top:0;margin-bottom:0;margin-left:350px;margin-right:100px;background-size: auto 100%;background-color:#F0FFFF}#footer{width:100%;background-size:auto;position:absolute;bottom:0px;left:0px;background-color:#6495ED}
关键词:分类,设计,文学