网页设计与制作
题目：图书在线系统
学生姓名 学班成
号 级 绩
指导教师
管理系
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 explicit
seion(\"salecomplete\") = false dim connstr,conn,rs,sql,mode,itemno
connstr=\"dbq=\"+server.MapPath(\"mdb/bookshop.mdb\")+\";defaultdir=;driver={microsoft
)
conn.Open connstr set
rs=server.CreateObject(\"adodb.recordset\")
sql=\"select * from book\" acce driver (*.mdb)};\"
set
conn=server.CreateObject(\"adodb.connection\" rs.open sql,conn,1,1 %>
name=\"ProgId\" content=\"FrontPage.Editor.Document\"> 书籍一览 <script> function
openwin(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>
width=\"87%\" height=\"156\"> 用户登录 昵称
密
码
value=\"提交\" name=\"B1\">
action=\"newusercheck.asp\">
width=\"100%\"
bordercolor=\"#000000\"
cellspacing=\"0\" cellpadding=\"0\">
bgcolor=\"#000080\">新用
户注册
昵
称
width=\"100%\"
bordercolor=\"#000000\"
cellspacing=\"0\" cellpadding=\"0\">
bgcolor=\"#000080\">图书
分类查询
method=\"post\" action=\"search.asp\">
分类 教育类 烹饪类 企业类 法律类 其
他
管理员登录身份 密码
width=\"100%\"
bordercolor=\"#000000\"
cellspacing=\"0\" cellpadding=\"0\">
bgcolor=\"#000080\">留言
管理
内容
标题
昵称
border=\"1\"
width=\"520\"
bordercolor=\"#008000\">
width=\"426\" color=\"white\"
购买\"%>
<% rs.MoveNext loop %>
width=\"510\" bgcolor=\"#008080\" style=\"BACKGROUND-COLOR: style=\"BACKGROUND-COLOR: #6699cc\">书籍一览 <% do while not (rs.EOF or err)%> <% if rs(\"photo\")\"\" then response.write \"\"%> 书名：<%=rs(1)%>
作
者
：<%=rs(\"author\")%> 单价：<%=rs(3)%> 简介：<%=rs(\"memo\")%>
