网页制作实训报告模版.doc
南昌理工学院
NanchangInstituteofTechnology
课程实训报告
系部：计算机信息工程
专业：电子商务
班级：10级电子商务（1）班
实训课程：Dreamweaver网页制作
实训项目名称：商业网站项目开发
指导教师：关南宝
分组成员：
实训地点：实验楼
实训日期：2011年12月17日～2011年12月31日
目录
TOC\o1-2\h\z\u一、设计目的： 1
二、实验（设计）仪器设备和材料清单： 1
三、设计内容： 1
四、设计要求： 2
五、设计步骤： 2
1、系统分析： 2
2、总体设计： 3
3、设计目标 4
六、系统功能模块的实现过程 5
1、个人首页功能模块功能的实现过程 6
2、个人资料功能模块的实现过程 8
3、个人相册功能模块的实现过程 9
4、聊天室功能模块的实现过程 9
七、设计心得 10
PAGE1
你有我也有。没有特别优秀的东西出来。找好一个产品，专注的深入推广。银饰，钛钢等材质饰品，价格适中，样式新颖，种类繁多，适合人群广。
技术性：
明确的商品分类，企业级的管理信息系统，在底层的工业生产自动化、物流自动化基础上，通过计算机软、硬件技术实现企业信息集成与功能集成，进一步使经营生产业务实现信息化管理。
2、总体设计：
1）项目规划
饰品销售网站是以商品的推广及销售为主，兼有围绕销售产生的售后、饰品保养等，由宝贝展台、近期优惠、银饰保养、购物须知购成，规划网站功能模块如下：
宝贝展台模块
该模块包括新品模块、热卖宝贝、精选推荐模块、戒指模块、项链模块、手链模块、耳环模块。
近期优惠模块
该模块包括戒指块、项链模块、手链模块、耳环模块。
银饰保养模块
该模块主要包括分类模块、保养方法模块
购物须知
该模块包括商品服务说明、邮资说明、联系方式、售后服务
2）网站拓扑图构画：
网站结构如图1所示。
首饰品销售
首饰品销售
宝贝展示
银饰分类保养
近期优惠促销
购物须知
新
品
热
卖
宝
贝
精
选
推
荐
戒
指
项
链
手
链
耳
环
商品、服务说明
邮资
说明
、联系方式
售
后
服
务
戒
指
项
链
手
链
耳
环
银
饰
分
类
保
养
方
法
电
镀
无
电
镀
图1网站结构图
3、设计目标
本网站是以进行饰品网上销售的要求进行设计的，主要实现如下目标：
方便买家选择自己喜爱的饰品。
明确介绍商品。
使买家了解饰品的保养方法。
明确分类，方便选购
明确的联系方式、商品服务说明及邮资说明。
对囤货、次货的减价、低价处理。
及时的售后服务
六、系统功能模块的实现过程
个人网站实现了留言、文章、相册、日志、注册、链接、调查、后台管理等诸多功能于一体的网站。本人经过需求分析、和可行性的管理方式进行了前台设计与后台管理。通过数据库的创建与连接实现了人机交互功能。
下面是首页和目录页的设计图：
1、个人首页功能模块功能的实现过程
个人首页主要放置主人的最新动态，导航条菜单包括首页、个人简历、个人相册、文字拾掇、我的聊吧、给我留言、友情链接。给我留言，必须通过先登陆或先注册才能进行留言。底部插入个人网站的版权信息，同时也加入了联系我们、后台管理、首页收藏、设为首页、版权声明。
（1）个人首页导航功能实现介绍
个人首页导航有六个链接分别是：我的首页、个人资料、我的日记、我的相册、友情链接、留言板。它们都采用“行为”中“交换图像”。如图3-1所示。
图6-1首页导航
（2）.个人首页公告栏功能实现过程
公告栏的功能主要是对于浏览者现设计的。当浏览者进入首页时就可以看到分告栏中的信息。主要用于提示和建议如何进行合法访问和主人的一些个人小要求。如图3-2所示。
图6-2本站最新公告栏
本站最新公告栏中的信息，当鼠标经过时就停止，当鼠标移开时又开始流动。其功能的实现主要是通过以下代码：
tdheight=99marqueebehavior=scrolldirection=upwidth=170height=116scrollamount=2onmouseover=this.stop()onmouseout=this.start()
……
/marquee/td
（3）.留言板功能实现过程
设计一个留言板作为和浏览者交流的纽带，这样可随时掌握浏览者的相关信息和最新动态。浏览者通过留言后提交到后台数据库中，然后管理用户可以通过后台进行对其留言的回复。留言薄的设计如图6-4所示这样就可以产生一个动态的留言薄交互平台。
图6-4留言薄发表页面
（4）.注册功