网页设计与制作课程设计---医药超市系统.doc

网页设计与制作课程 设计说明书 题目：医药超市系统 学生姓名 学号 班级 成绩 指导教师 管理系 2011 年 6 月 14 日 目 录 一、课程设计目的 二、设计题目和要求 三、设计内容 3.1医药超市系统的介绍 3.2网站功能的实现(图表) 和重要页面的代码 3.3网站的维护与使用 四、设计成果以及心得  一、课程设计目的和意义 检验学生对本课程的最终学习效果，加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。 具体应达到以下目的： 1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。 2．在实际的项目任务中培养网页设计方面的素养。 3．在实际的项目任务中使学生网页编程和制作的能力得到提高。 4．培养学生团队协作和人际交往方面的能力。 5. 培养知识和技能的综合应用能力 应从专业网站建设的实际出发。具体要求如下： 1. 网站的选题自选。 2. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。主页文件名应该使用index或default等。其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。最好是符合各种系统命名规则。. 站点至少要有三层结构，页面数不得少于页；其中一页必须是留言板；. 自选主题，主题内容要合法、健康、实用。. 网页要有版权说明；. 要仔细考虑网站定位。分析面向的潜在访客群体的需求特点，选择内容和版式。. 网站主题突出、内容丰富；. 网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。 9.各页面设计合理、美观，有创意。图片动画选用要适合主题，不要在网页中插入不相干的图片。适用于各种显示器的分辨率和颜色。不要太宽，否则显示器分辨率小时会出现水平滚动条。10.各个页面之间的链接要合理有效，路径要正确（相对路径）；.注意网站的大小，图片保存格式和图片大小要合适；. 代码结构清晰，无垃圾代码3.1医药超市系统的介绍 本在线系统，的主要作用就是用来管理药品出售的，后台服务主页面一个，前台服务主页面一个，二级页面有若干个，还有部分三级页面，主要能实现药品的在线交易，查询等功能。后台能实现数据库的管理，可以浏览、修改、添加、删除数据，还可药品管理、药品类别管理、会员信息管理、员工信息管理、超级会管理员信息管理、订单管理、公告管理等，其与ACCESS数据库连接。 3.2网站功能的实现(图表) 和重要页面的代码图一所示，是网页的主页面，前台。 （一）、网站的前台 主页上能实现的功能有 1.会员登录 2.药品搜索、推荐药品 3.查看最新上架药品信息、推荐药品信息、精华药品、保健药品、中药等 主页面设计代码如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title医药超市/title link type=text/css rel=stylesheet href=int/main.css / script type=text/javascript src=int/jquery-1.4.2.min.js/script SCRIPT src=flash/js/common.js type=text/javascript/SCRIPT /head script type=text/javascript $(function(){ var shop_id=; var shop_name=; $(.img).hover( function(){$(this).addClass(imgbg);}, function(){$(this).removeClass(imgbg);} ); $(.intro img).click(function(){ var width=window.screen.availWidth; var height=window.screen.availHeig