网页设计与制作课程设计图书在线系统(完整资料).doc
- 格式：doc
- 大小：650.50 KB
- 文档页数：29
【最新整理，下载后即可编辑】网页设计与制作题目：图书在线系统学生姓名学号班级成绩指导教师管理系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 %><% option explicitsession("salecomplete") = falsedimconnstr,conn,rs,sql,mode,itemno connstr="dbq="+server.MapPat h("mdb/bookshop.mdb")+";defa ultdir=;driver={microsoft access driver (*.mdb)};"setconn=server.CreateObject("adod b.connection")conn.Open connstrsetrs=server.CreateObject("adodb.r ecordset")sql="select * from book"rs.open sql,conn,1,1 %> <html><head><metahttp-equiv="Content-Type" content="text/html;charset=gb2312"><metaname="GENERATOR" content="Microsoft FrontPage 4.0"><meta name="ProgId" content="FrontPage.Editor.Doc ument"><title>书籍一览</title><script>function openwin(id) { window.open("shopcart.asp?m ode=add&itemno="+id,"","heig ht=250,width=450,resizable=yes, scrollbars=yes,status=no,toolbar =no,menubar=yes,location=no") ;}</script></head><body><table border="0" width="100%"><tr><td width="30%" valign="top"><table border="0" width="87%" height="156"><tr><tdwidth="100%" height="106"><form method="post"action="usercheck.asp"><table border="1" width="100%" bordercolor="#000000" cellspacing="0"cellpadding="0"><tr><td width="100%"bgcolor="#000080"><font color="#ffffff">用户登录</font></td></tr><tr><td width="100%"bgcolor="#ffffcc">昵称<input name="user1" size="14" ><p>密码<input type="password" name="user2" size="14"></p><input type="submit" value="提交" name="B1"></td></tr></table></form></td></tr><tr><tdwidth="100%" height="16"><form method="post"action="newusercheck.asp"><table border="1" width="100%" bordercolor="#000000" cellspacing="0"cellpadding="0"><tr><td width="100%"bgcolor="#000080"><font color="#ffffff">新用户注册</font></td></tr><tr><td width="100%"bgcolor="#ffffcc">昵称<input name="newusername"size="15" ><p><input type="submit" value="提交" name="B1"></p></td></tr></table></form></td></tr><tr><tdwidth="100%" height="16"><table border="1" width="100%" bordercolor="#000000" cellspacing="0"cellpadding="0"><tr><td width="100%"bgcolor="#000080"><font color="#ffffff">图书分类查询</font></td></tr><tr><td width="100%"bgcolor="#ffffcc"><form method="post" action="search.asp"><p>分类<select size="1" name="class2"><option selected>教育类</option><option>烹饪类</option><option>企业类</option><option>法律类</option><option>其他</option></select><br><input type="submit" value="提交" name="B1"></p></form></td></tr></table></td></tr><tr bordercolor="#000000"><tdbgcolor="#000080"><font color="#ffffff">管理员登录</font></td></tr><tr bordercolor="#000000"><tdbgcolor="#ffffcc"><form method="post"action="check.asp"><p>身份<input name="T3" size="14"><br>密码<input type="password" name="T3" size="14"><br><input type="submit" value="提交" name="B3"><input type="reset" value="全部重写" name="B3"></p></form></td></tr><tr><tdwidth="100%" height="16"><table border="1" width="100%" bordercolor="#000000" cellspacing="0"cellpadding="0"><tr><td width="100%"bgcolor="#000080"><font color="#ffffff">留言管理</font></td></tr><tr><td width="100%"bgcolor="#ffffcc"><form method="post" action="check.asp"><p>内容<input name="T1" size="14"><br>标题<input type="password" name="T2" size="14"></p><p>昵称<input type="password" name="T4" size="14"><br><input type="submit" value="提交" name="B1"><input type="reset" value="全部重写" name="B2"></p></form></td></tr></table></td></tr></table></td><td width="70%" valign="top"><table border="1" width="520"bordercolor="#008000"><tr><td width="426"bgcolor="#008080"style="BACKGROUND-COLO R: #6699cc"><font color="white"style="BACKGROUND-COLO R: #6699cc">书籍一览</font></td><td width="78"></td></tr><% do while not (rs.EOF or err)%><tr><td width="426"><% if rs("photo")<>"" then response.write "<img border='0' src='" & rs("photo") & "' align='left'>"%><br>书名：<%=rs(1)%><br>作者：<%=rs("author")%><br>单价：<%=rs(3)%><br>简介：<%=rs("memo")%></td><td width="78"><% Response.Write "<ahref='javascript:openwin("+cstr(r s(0))+")'>购买</a>"%></td></tr><%rs.MoveNextloop %><tr><td width="510" colSpan="2"> </td></tr></table> </td></tr></table></body></html><% rs.Closeset rs=nothingconn.Closeset conn=nothing%>1>.点击购买到如下页面可实现如下功能，继续购买，改变数量，和结账。
