《书帮网网页制作课程设计报告郭江涵.docx》由会员分享,可在线阅读,更多相关《书帮网网页制作课程设计报告郭江涵.docx(17页珍藏版)》请在优知文库上搜索。
1、I1.1.v主要参考文献及资料IJAVAWEB开发技术方案宝典(CD)作者:明口科技2CWebSerViCeS原理与研发实践3作者:顾宁等编著出版社:机械工业出版社出版时间:2(X)6年3月3网络工程师教程(第2版)作者:宙麴甲主编出版社:清华高校出版社出版时间:2006年06月IV、成果评定成果:(老师填写)指导老师:(签字)二。一五年七月十日第一章概述课程设it是实践性教学中的一个重要环节,它以某一课程为基础,可以涉及和课程相关的各个方面,是一门独立于课程之外的特殊课程。课程设计是让同学们对所学的课程更全面的学习和应用,理解和驾驭课程的相关学问。网页设计是门重要的专业基础课,是计算机理论和
2、应用的核心基础课程。网页设计,要求学生在网页设计表示、网页设计的选择和应用、鸵法的设计及其实现等方面,加深对课程基本内容的理解同时,在程序设计方法以及上机操作等基本技能和科学作风方面受到比较系统和严格的训练。在这次的课程设计中我负贡的模块是作家天地网页设计。在作家天地网页中,向读者举荐作家,读者可以在网页中通过作家姓名进行检索,还会显示作家的排名列表,会显示作家的创作及牛.活荷历,和主要获奖状况,还有一个留言板,读者可以留卜对作家的建议以及感想。其次章系统分析1书帮网网页设计包括图书库:内容分为左侧和右侧,左侧包含图书搜寻、图书分类列表、图书周排行榜(十大)、图书月排行榜(十大)、书楮客、作家
3、天地、插画家、有书加入、帮助,2图书馆方面包括登录页面:注册页面以及本网站拥有的图书及其举荐图书.分为左右两个部分:左侧为图拈搜寻,可以让读者搜寻到自己想要找寻的图书。右(W为图书分类,将不同的图书依据相应的分类规划到一起,使读者可以更好的找寻自己想看的一类。3图书周排行榜(十大):此方面包括书帮网本周的图书销隹员前十名,更好地展示绐读者“4图书月排行榜(十大:此方面包括拈帮网本月的图书销售量前十名,更好地展示给读者。5书帮客:本网站供应的书帮客服务,对希望可以出书却没有途径的读者供应帮助。6作家大地:本网站签约图书的作家一览表,帮助读者更好地r解自己喜爱书的作者7插画家:本网站供应的插画家服
4、务,帮助作者及有出书意向的读者可以得到插画服务。8有书加入:本网站供应的新书服务,让读者清晰地看到刚刚上架的新书有哪些。9帮助:当您阅读书耕网,遇到无法解决的问题可以点此项供应服务。第三章概要设计网页制作的设计a)CSS样式以及JS的某些属性b)阅读落的版容性问题2,网站布局的设计网页头部作、列可创作及生活简历照片主要获奖情况留言板第四章具体设计1.作家天地网页具体设计书帮网(首页)归PDiVIbackground-co1.or:#6IT;text-a1.ign:center;font-size:20px;font-weight:bo1.d:Posi1.ionzabso1.ute:width:
5、200px;height:37px;z-index:1;1.eft:28px;top:379px:)#apDiv21.ex1.-a1.ign:center:1.ine-height:2;background-co1.or:*6FF:font-size:20px;font-weight:bo1.d:co1.or:#000;position:abso1.ute:width:200px;height:377px;z-index:1;1.eft:2px;top:54px;)HaPDiV3background-co1or:#6FF:font-size:20px;font-weight:bo1.d:Pos
6、itionrabso1.ute;width:1052px:height:27px;z-index:2;1.eft:248px;top:381px;)#UPDiY4(Posi1.ionrabso1.ute:Width:200px;height:237px:z-index:3;1.eft:1015px;top:433px:)归PDiY51.ine-heiht:1.5;font-size:16px;font-weight:bo1.d:position:abso1.ute:width:690px;height:211.px;z-index:4;1.eft:246px;top:494px;)tfapDi
7、v6Positionrabso1.ute:width:200px;height:47px;z-index:5:1.eft:248px;top:437px;)ttapDi,7POSition:abso1.ute;width:578px;height:52px;z-indcx:6:1.eft:735px;1.op:317px;)WaPDiY8positioncabso1.ute:width:103px;height:33px;z-indcx:7;1.oft:476px;1.op:Opx:)SapDir9Positionrabso1.ute:width:327px;height:43px;z-ind
8、ex:6:1.eft:887px;top:314px;)UapDiv1.O(Positionzabso1.ute:width:350px;height:31px;z-index:6:1.eft:866px;top:328px;)UapDiv1.1.(position:abso1.ute:width:67px;height:22px;z-index:7;1.eft:1229px:top:332px;)ttapDiv1.2(font-size:16px;font-weight:bo1.d:position:abso1.ute:width:108px;height:22px;z-index:8:1.
9、eft:744px;top:334px:)阳PDiYI3ont-size:I6px;font-weight:bo1.d;font-size:16px;font-weight:bo1.d:Posi1.ionrabso1.u1.e:width:200px;height:25px;z-indox:9;1.eft:1021px;top:852px:)SapDivb1.(Posi1.ionzabso1.ute:width:200px:height:115px:z-index:10;1.eft:1020px:1.op:881px;)PapDiv15(Positionrabso1.ute;width:87p
10、x;height:22px:z-indcx:11:1.eft:1024px:1.op:1052px;)PapDiv16(position:abso1.ute:width:100px;height:21px:z-index:12;1.eft:1121px:top:1050px;)tfapDiv1.7position:abso1.ute:width:200px;height:51px:z-index:13:1.eft:248px;1.op:714px;)PapDiv18(1.ine-height:2:ont-size:I6px;font-weight:bo1.d;position:abso1.ut
11、e:width:689px;height:318px;z-index:14:1.eft:246px;top:777px;)UapDiv19(Positionzabso1.ute:width:200px;height:40px;z-index:15;1.eft:26px;top:755px;)加IPDiY20(Positionrabso1.ute;width:200px;height:115px:z-index:16;)SapDiv21Positionrabso1.ute:width:199px;height:350px;z-index:17:1.eft:28px;1.op:808px;)#ap
12、Div221.ine-height:2:font-size:16px;font-weight:bo1.d:background-co1.or:S6FF:position:abso1.ute:width:200px;height:I58px:z-indcx:18;1.eft:1018px:top:684px;)t1.apDiv23(position:abso1.ute:width:200px;height:38px:z-indcx:19:1.eft:1016px:1.op:720px;)PapDiv24(position:abso1.ute:width:200px;height:36px:z-i
13、ndex:20;1.eft:1016px:1.op:766px;)HaPDiV25(position:abso1.ute:width:200px;height:35px;z-index:21:1.eft:1018px:top:809px;)ttapDiv26(Positionzabso1.ute:width:200px;height:46px;z-index:19:1.eft:-216px:top:334px;)UapDiv27background-co1.or:#6FF:font-size:20px;font-weight:bo1.d;1.ine-height:1.5;Positionzabso1.ute;Width:200px;height:154px;z-index:19:1.eft:32px;top:887px;)ttapDiv28background-co1or:#6FF:position:abso1.ute:width:584px;height:43px:z-index:20;1.eft:748px;1.op:333px;)陈忠实aX1.i余华余秋雨王蒙贾平凹王朔1.