目录第一章课程设计目的、内容与要求 (2)1.1 课程设计目的 (2)1.2 系统的运行环境 (2)1.3 主要参考资料 (2)1.4 设计内容及要求 (3)第二章网站方案设计 (6)2.1 建站目的及功能定位 (6)2.2网站设计的技术解决方案 (7)2.3网站设计的内容规划 (7)2.4总体结构图 (10)第三章具体设计与实现 (12)3.1数据库的结构设计 (12)3.2后台输入设计 (13)3.3前台显示部分设计 (14)第四章设计过程中遇到的问题与解决办法 (15)4.1 设计过程中遇到的问题 (15)4.2 解决办法 (15)第五章系统调试与维护 (16)5.1 网站运行截图 (16)5.2 系统维护 (18)第六章总结 (19)参考文献 (20)第一章课程设计目的、内容与要求1.1 课程设计目的课程设计总的目的在于加深对网页设计与制作的基本知识的理解，网页设计与制作技能综合运用和提高，通过真实工作任务，使学生能设计出有一定水平的网页并解决培养解决实际问题的能力，掌握实际网页设计与制作开发流程和开发方法。

具体的课程设计应达到以下目的：1．提高学生在实际操作中收集信息，对信息进行价值判断，进行信息整理、加工的能力。

2．在实际的项目任务中培养网页设计方面的素养。

3．在实际的项目任务中使学生网页编程和制作的能力得到提高。

4．培养学生团队协作和人际交往方面的能力。

5. 培养相关知识和技能的综合应用能力。

6、掌握运用Jsp语言及数据库原理知识进行系统分析和设计的方法7、掌握关系数据库的设计方法8、掌握SQL Sever2000或Access技术的应用9、掌握简单的数据库应用程序编写方法10、理解B/S模式结构1.2 系统的运行环境本系统软件基本配置为Windows Server2003/XP/2000/98。

数据库可以选用：Microsoft SQL server 2000，Mysql ，Access等，系统开发软件可以选用Eclipse、Dreamweaver等。

硬件最低配置为CPU: Pentium 166 MHz 以上，内存至少128 MB，硬盘空间60 M，显示器800 *600或更高分辨率。

1.3 主要参考资料1.《动态网页设计》郭伟业仇新红机械工业出版社2.《数据库系统概论》萨师煊高等教育出版社3.《SQL Server 2000 数据库应用系统开发技术》朱如龙编，机械工业出版社。

4.《SQL Server 2000 数据库应用系统开发技术实验指导》朱如龙编，机械工业出版社5.《VISUAL C#.NET 数据库开发经典案例解析》王晟，清华大学出版社1.4 设计内容及要求一、内容（一）选题的基本原则（1）选题应反映本专业的培养目标，符合专业综合训练的要求。

（2）选题要有利于深化所学的专业知识和拓展所学的知识面。

（3）选题的难易程度和工作量要适当，保证在规定的时间内，在教师的指导下，经过努力能够完成。

（二）选题范围围绕本课程的教育目标，根据课程的教学大纲和教材内容，结合网站在生产、科研、管理、教学以及日常生活等各个领域的应用都可作为课程设计的选题。

以下课题可供参考：1. 辽宁工业大学主页2. 辽宁工业大学大学生探索网主页3. 辽宁工业大学组织人事部主页4. 辽宁工业大学软件学院主页5. 博客网站6. 求职网7. 个人网站8. 公司网站9. 娱乐性网站10.旅游网站11.花卉市场12.其他类型的网站等等二、要求《网页设计与制作》的课程设计课题选择应从专业网站建设的实际出发。

具体要求如下：1. 网站的选题可以是教师的项目，也可以是自选项目。

2. 学生是课程设计环节的主体，教师只起辅助引导、协调作用。

3. 站点设计合理、管理有序、无多余文件和文件夹、大小合适。

首页命名要规范，存放位置要正确，不可以是zhuye.htm、main.htm、我的主页.htm等。

主页文件名应该使用index或default等。

其他文件或文件名命名也要规范，不使用汉字或带有空格的名称。

最好是符合各种系统命名规则。

4. 站点至少要有三层结构，页面数不得少于8页；其中一页必须是留言板；5. 自选主题，主题内容要合法、健康、实用。

6. 网页要有版权说明；7. 要仔细考虑网站定位。

分析面向的潜在访客群体的需求特点，选择内容和版式。

8. 网站主题突出、内容丰富；9. 网站与网页风格应该协调一致，网站结构应层次分明，内容重点突出，页面设计要符合追求色彩的搭配、布局和合理性，以及要有一定的创意。

10.各页面设计合理、美观，有创意。

不要太花哨或太孩子气。

要有网页平面设计过程，不要只是各种元素的随意拼凑。

图片动画选用要适合主题，不要在网页中插入不相干的图片。

适用于各种显示器的分辨率和颜色。

不要太宽，否则显示器分辨率小时会出现水平滚动条。

11.各个页面之间的链接要合理有效，路径要正确（相对路径）；12.注意网站的大小，图片保存格式和图片大小要合适；13. 代码结构清晰，无垃圾代码（三）课程设计进程表1. 设计方案：（从第一天到第二天，最后一节课验收）(1) 潜在访客群体的需求特点：版式和内容的需求；(2) 站点目录结构图：(3) 色彩方案：主色调、次色调；(4) 布局方案：导航和其他网页内容的位置；(5) 平面设计图：使用Fireworks绘制网页平面设计图；2. 制作网页主页：（从第三天到第四天，最后一节课验收，可以提前验收）(1) 切割图片；(2) 制作动画；(3) 录入文字；(4) 制作网页；3.制作其他页，完善优化网站：（第五天，最后一节课验收，可以提前验收）(1) 优化代码(2) 优化图片(3) 制作留言板(4) 链接各网页4. 完善优化网站：（第六天，最后一节课验收，可以提前验收）(1) 测试网站(2) 优化网站(3) 制作动态效果5. 撰写课程设计说明书。

（第七至第十三天，可以提前验收）课程设计说明书必须认真撰写并打印成稿，严格按规范要求到校印刷厂装订封面。

（四）站点结构图要求：画出自己的站点结构图，如下面所示：第二章网站方案设计2.1 建站目的及功能定位随着网络与计算机信息技术的发展，信息技术作为工具被引入商务活动的领域从而产生了电子商务。

电子商务就是利用信息技术将商务活动的各实体通过互联网络结合从而实现商务活动过程。

目前，网上书店在国际互联网上可以实现的商务已经多样化，可以完成从最基本的信息展示、信息发布功能到在线交易、在线客户服务、在线网站管理功能等，可以说，传统书店所具备的功能几乎都可以在互联网上进行电子化的高效动作。

作为一个虚拟的商店，网上商店具有很多新的特性，以下这些是它的优势：其营业成本完全有理由比传统意义上的商店低得多，不需支持昂贵的店铺租金，花费浩大的装修，不需要将大笔的流动资金作为货物而沉积在店里，可依靠“零库存”管理，缩速资金周转的周期，可以加速周期。

网上商店更容易开拓全场市场，国际互联网实现24小时营业，不需要营业员，网上商店可以被设置成一个自动售货机。

通过网上购物，购物者足不出户，可以节省很多时间，给消费者带来利润和便利。

网上书店共分为两个部分，一部分是面向顾客的部分，顾客在线注册、购物、提交订单等操作，在这部分完成；另一部分是书店管理部分，这部分的内容包括：书籍的添加、删除、查询、订单的管理、操作员的管理、注册顾客的管理、库存管理、报表生成等。

面向顾客部分功能：（1）注册功能。

消费者首先要注册为网上书店的顾客。

注册时只要填写登录顾客名、密码、电子邮箱、证件号码、联系电话、联系地址、邮政编码、真实姓名等7项信息即可，注册后，顾客可进行购书，同时可修改资料、查询及投票。

（2）选择书籍功能。

消费者浏览网上书店，见自己需要的书籍放入购物车中。

（3）管理购物车。

消费者选择完书籍后可进入购物车页面，查看自己要购买的书籍，可修改某一书籍的数量、取消购买某书籍和清空整个购物车。

（4）订单管理。

消费者确定购物车中书籍后提交订单。

（5）补充说明。

消费者可先登录后购物，也可先浏览网上书店，将书籍放入购物车中，在提交订单时系统提示其登录。

管理顾客功能：（1）管理员拥有最高权限，可以访问所有订单，可以设置冻结/解冻顾客账户，可浏览、增、删、改、查订单、可维护订单状态。

（2）管理订单功能：管理员可通过Web方式取消、修改提交的订单、查询订单。

（3）管理书籍功能：书籍由编辑添加、删除和修改。

（4）管理公告功能：应该有公告的添加、删除和修改的功能。

（5）管理投票功能：投票项目不可修改，只可添加和删除项目。

2.2网站设计的技术解决方案要实现这样的功能，离不开后台数据库的支持。

顾客验证信息，收集到的顾客点击信息，主题层次信息，分析得出的关联规则表等大量的数据都由数据库管理系统管理。

本文中数据服务器采用Microsoft SQLServer 2000数据库作为JDBC数据源，并以先进的分页技术和Session技术进行数据库显示操作，使Web页面与数据库紧密联系起来。

整个个性化页面生成主要有Dreamweaver 2004和TOMCat+JSP技术实现。

开发平台简介：（1）JAVA语言简介。

Java是一种简单易用、完全面向对象、具有平台无关性、安全可靠且主要面向Internet的开发语言。

（2）JAVA语言在网络上的应用（3）JSP的基础——Servlet技术。

Java Servlet是JSP技术的基础，JSP本身也是预先被编译成Servlet，然后再运行的，而且大型的Web应用程序的开发需要Java Servlet和JSP配合才能完成。

（4）JavaBeans技术。

JavaBeans就是Java的可重用组件技术。

具有以下特性：①内透性；②支持自定义；③支持事件；④主持属性；⑤支持永久性。

2.3网站设计的内容规划2.3.1重用的页头页头仍然保留常用页头格式，左侧是书店Logo，上半部分时横幅广告，logo右侧是导航条。

具体位置如图2.1前台可重用页头设计草图图2.1 前台可重用页头设计草图2.3.2重用的页尾重用的页尾内容如图2.1可重用页尾设计草图图2.2 前台可重用页头设计草图2.3.3左侧页面样式图2.3 前台可重用页头设计草图2.3.4首页页面图2.4 首页设计草图2.3.5书籍详细信息页面图2.5 书籍详细页面设计草图2.3.6购物页面图2.6 购物页面设计草图2.3.7收款台页面图2.7 收款台页面设计草图2.3.8查看订单页面图2.8 查看订单页面设计草图2.4总体结构图为有效指导问卷调查系统页面设计，特设计此总体设计，此总体设计主要包含系统功能模块的划分与设计，数据流图设计、目录设置、页面相关名称、页面流转关系、页面说明、页面在存储设备中的位置、系统设计思想等。