网页设计与制作题目:图书在线系统学生姓名学号班级成绩指导教师管理系2011年6月14日目录一、目的和意义..........................................................................................二、题目和要求..........................................................................................三、内容.......................................................................................................3.1图书在线系统的介绍.........................................................................................3.2网站功能的实现(图表)......................................................................................3.3网站重要页面的代码.........................................................................................3.4网站的维护与使用.............................................................................................四、成果以及心得..................................................................................19一、目的和意义检验学生对本课程的最终学习效果,加深对网页设计与制作的基本知识的理解,网页设计与制作技能综合运用和提高,通过真实工作任务,使学生能设计出有一定水平的网页并解决培养解决实际问题的能力,掌握实际网页设计与制作开发流程和开发方法。具体应达到以下目的:1.提高学生在实际操作中收集信息,对信息进行价值判断,进行信息整理、加工的能力。2.在实际的项目任务中培养网页设计方面的素养。3.在实际的项目任务中使学生网页编程和制作的能力得到提高。4.培养学生团队协作和人际交往方面的能力。5.培养相关知识和技能的综合应用能力。二、题目和要求应从专业网站建设的实际出发。具体要求如下:1.网站的选题自选。2.站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范,存放位置要正确,不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用index或default等。其他文件或文件名命名也要规范,不使用汉字或带有空格的名称。最好是符合各种系统命名规则。3.站点至少要有三层结构,页面数不得少于8页;其中一页必须是留言板;4.自选主题,主题内容要合法、健康、实用。5.网页要有版权说明;6.要仔细考虑网站定位。分析面向的潜在访客群体的需求特点,选择内容和版式。7.网站主题突出、内容丰富;8.网站与网页风格应该协调一致,网站结构应层次分明,内容重点突出,页面设计要符合追求色彩的搭配、布局和合理性,以及要有一定的创意。9.各页面设计合理、美观,有创意。图片动画选用要适合主题,不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色。不要太宽,否则显示器分辨率小时会出现水平滚动条。10.各个页面之间的链接要合理有效,路径要正确(相对路径);11.注意网站的大小,图片保存格式和图片大小要合适;12.代码结构清晰,无垃圾代码三、内容3.1图书在线系统的介绍本在线系统,的主要作用就是用来管理的出售图书的,它的主页面有2个其中后台服务一个,前台服务一个,二级页面有4个,还有部分三级页面,主要能实现图书的在线购买,查询等功能。后台能实现图书数据库的管理,可以浏览、修改、添加、删除图书,还可实现会员的管理,与ACCESS数据库连接。3.2网站功能的实现(图表)3.3网站重要页面的代码图一所示,是网页的主页面,前台。(一)、网站的前台可实现在线购买,用户登录,用户名申请,用户注册,管理员登陆,图书的分类查询,留言管理等功能。设计代码如下:%@language=vbscript%%optionexplicitsession(salecomplete)=falsedimconnstr,conn,rs,sql,mode,itemnoconnstr=dbq=+server.MapPath(mdb/bookshop.mdb)+;defaultdir=;driver={microsoftaccessdriver(*.mdb)};setconn=server.CreateObject(adodb.connection)conn.Openconnstrsetrs=server.CreateObject(adodb.recordset)sql=select*frombookrs.opensql,conn,1,1%htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312metaname=GENERATORcontent=MicrosoftFrontPage4.0metaname=ProgIdcontent=FrontPage.Editor.Documenttitle书籍一览/titlescriptfunctionopenwin(id){window.open(shopcart.asp?mode=add&itemno=+id,,height=250,width=450,resizable=yes,scrollbars=yes,status=no,toolbar=no,menubar=yes,location=no);}/script/headbodytableborder=0width=100%trtdwidth=30%valign=toptableborder=0width=87%height=156trtdwidth=100%height=106formmethod=postaction=usercheck.asptableborder=1width=100%bordercolor=#000000cellspacing=0cellpadding=0trtdwidth=100%bgcolor=#000080fontcolor=#ffffff用户登录/font/td/trtrtdwidth=100%bgcolor=#ffffcc昵称inputname=user1size=14p密码inputtype=passwordname=user2size=14/pinputtype=submitvalue=提交name=B1/td/tr/table/form/td/trtrtdwidth=100%height=16formmethod=postaction=newusercheck.asptableborder=1width=100%bordercolor=#000000cellspacing=0cellpadding=0trtdwidth=100%bgcolor=#000080fontcolor=#ffffff新用户注册/font/td/trtrtdwidth=100%bgcolor=#ffffcc昵称inputname=newusernamesize=15pinputtype=submitvalue=提交name=B1/p/td/tr/table/form/td/trtrtdwidth=100%height=16tableborder=1width=100%bordercolor=#000000cellspacing=0cellpadding=0trtdwidth=100%bgcolor=#000080fontcolor=#ffffff图书分类查询/font/td/trtrtdwidth=100%bgcolor=#ffffccformmethod=postaction=search.aspp分类selectsize=1name=class2optionselected教育类/optionoption烹饪类/optionoption企业类/optionoption法律类/optionoption其他/option/selectbrinputtype=submitvalue=提交name=B1/p/form/td/tr/table/td/trtrbordercolor=#000000tdbgcolor=#000080fontcolor=#ffffff管理员登录/font/td/trtrbordercolor=#000000tdbgcolor=#ffffccformmethod=postaction=check.aspp身份inputname=T3size=14br密码inputtype=passwordname=T3size=14brinputtype=submitvalue=提交name=B3inputtype=resetvalue=全部重写name=B3/p/form/td/trtrtdwidth=100%height=16tableborder=1width=100%bordercolor=#000000cellspacing=0cellpadding=0trtdwidth=100%bgcolor=#000080fontcolor=#ffffff留言管理/font/td/trtrtdwidth=100%bgcolor=#ffffccformmethod=postaction=check.aspp内容inputname=T1size=14br标题inputtype=passwordname=T2size=14/pp昵称inputtype=passwordname=T4size=14brinputtype=submitvalue=提交name=B1inputtype=resetvalue=全部重写name=B2/p/form/td/tr/table/td/tr/table/tdtdwidth=70%valign=toptableborder=1width=520bordercolor=#008000trtdwidth=426bgcolor=#008080style=BACKGROUND-COLOR:#6699ccfontcolor=whitestyle=BACKGROUND-COLOR:#6699cc书籍一览/font/tdtdwidth=78/td/tr%dowhilenot(rs.EOForerr)%trtdwidth=426%ifrs(photo)thenresponse.writeimgborder='0'src='&rs(photo)&'align='left