1、网页设计与制作 题目:图书在线系统 学生姓名 学号 班级 成绩 指导教师 管理系 2011 年 6 月 14 日 目 录 一、目的和意义 二、题目和要求 三、内容 3.1图书在线系统的介绍 3.2网站功能的实现(图表) 3.3网站重要页面的代码 3.4网站的维护与使用 四、成果以及心得 19 一、目的和意义 检验学生对本课程的最终学习效果,加深对网页设计与制作的基本知识的理解,网页设计与制作技能综合运用和提高,通过真实工作任务,使学生
2、能设计出有一定水平的网页并解决培养解决实际问题的能力,掌握实际网页设计与制作开发流程和开发方法。 具体应达到以下目的: 1.提高学生在实际操作中收集信息,对信息进行价值判断,进行信息整理、加工的能力。 2.在实际的项目任务中培养网页设计方面的素养。 3.在实际的项目任务中使学生网页编程和制作的能力得到提高。 4.培养学生团队协作和人际交往方面的能力。 5. 培养相关知识和技能的综合应用能力。 二、题目和要求 应从专业网站建设的实际出发。具体要求如下: 1. 网站的选题自选。 2. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范,存放位置要正确,不可以是
3、zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用index或default等。其他文件或文件名命名也要规范,不使用汉字或带有空格的名称。最好是符合各种系统命名规则。 3. 站点至少要有三层结构,页面数不得少于8页;其中一页必须是留言板; 4. 自选主题,主题内容要合法、健康、实用。 5. 网页要有版权说明; 6. 要仔细考虑网站定位。分析面向的潜在访客群体的需求特点,选择内容和版式。 7. 网站主题突出、内容丰富; 8. 网站与网页风格应该协调一致,网站结构应层次分明,内容重点突出,页面设计要符合追求色彩的搭配、布局和合理性,以及要有一定的创意。 9.
4、各页面设计合理、美观,有创意。图片动画选用要适合主题,不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色。不要太宽,否则显示器分辨率小时会出现水平滚动条。 10.各个页面之间的链接要合理有效,路径要正确(相对路径); 11.注意网站的大小,图片保存格式和图片大小要合适; 12. 代码结构清晰,无垃圾代码 三、内容 3.1图书在线系统的介绍 本在线系统,的主要作用就是用来管理的出售图书的,它的主页面有2个其中后台服务一个,前台服务一个,二级页面有4个,还有部分三级页面,主要能实现图书的在线购买,查询等功能。后台能实现图书数据库的管理,可以浏览、修改、添加、删
5、除图书,还可实现会员的管理,与ACCESS数据库连接。 3.2网站功能的实现(图表) 3.3网站重要页面的代码 图一所示,是网页的主页面,前台。 (一)、网站的前台 可实现在线购买,用户登录,用户名申请,用户注册,管理员登陆,图书的分类查询,留言管理等功能。 设计代码如下: <%@ language=vbscript %> <% option explicit session("salecomplete") = false dim connstr,conn,rs,sql,mode,itemno connstr="dbq="+serve
6、r.MapPath("mdb/bookshop.mdb")+";defaultdir=;driver={microsoft access driver (*.mdb)};" set conn=server.CreateObject("adodb.connection") conn.Open connstr set rs=server.CreateObject("adodb.recordset") sql="select * from book" rs.open sql,conn,1,1 %>
7、p-equiv="Content-Type" content="text/html; charset=gb2312">
26、数量,和结账。 设计代码如下: 2>.用户登录,用户名申请,用户注册,管理员登陆,图书的分类 32、查询,留言管理等。 用户登录页面: 可查看用户自身的信息和修改信息 用户注册页面: 可按照提示填写信息,注册新用户。 还有图书分类页面、管理员登陆页面、留言管理页面等。 (二)、网站的后台 1>.后台的主页面如下图: 可实现图书数据库的浏览、修改、添加、删除等功能。 设计代码如下:
39、 点击提交: 设计代码如下: |