武汉软件工程职业学院。
2013-2014学年度第一学期。
题目: 电子商务**页面设计。
姓名。班级: 网络1101
系部: 计算机与软件学院。
指导教师: 杨威。
日期:2013 年 11 月 13 日。
摘要] 摘要应简要说明**所研究的内容、目的、实验方法、主要成果和特色,一般为150-
编写的目的是为了用户和开发商明确本电子商务**所要达到的功能和目标。通过不断的讨论和交互,最终形成具有建设目标的书面条款。本文档将作为开发设计的基本依据和软件验证标准。
同时通过需求分析报告,可以进一步了解客户需求,从而严格按照流程,及时、准确地完成系统的开发,以满足客户的需求。
通过用户浏览商品,搜索商品,登录购买,确认订单实现用户模块功能。而**的后台管理系统,则通过**管理员对商品、订单、人员管理来实现。网页整体美观、简洁、大气、稳重,后台管理简便易用、系统稳定。
关键词] 一般3-5个。
站点建设。布局规划。
目录。一综述。
二版式设计。
三逻辑关系设计。
四开发实现。
五总结。六参考文献。
正文] 一、综述: 概述本次课程设计的目标、所需技术等。
本次课程设计是使用的dreamwe**ercs5,实验目的是以便能较全面地理解、掌握和综合运用所学的知识。结合具体的开发案例,理解并初步掌握运用dreamwe**ercs5可视化开发工具进行网页开发的方法;了解网页设计制作过程。通过设计达到掌握网页设计、制作的技巧。
了解和熟悉网页设计的基础知识和实现技巧。根据题目的要求,给出网页设计方案,可以按要求,利用合适**素材设计制作符合要求的网页设计作品。dreamwe**ercs5等软件的的操作和应用。
增强动手实践能力,进一步加强自身综合素质。
2、版式设计: 对页面排版的设计过程详述。
2.1建立布局。
在这次的网页设计中用到大量的布局,所以怎么样建立布局是关键。dreamwe**ercs5是大多数人设计网页的称手兵器,也是众多入门者的捷径。特别是其在布局方面的出色表现,更受青睐。
大家都知道,没有**的帮助,很难组织出一个协调合理的页面。
点击“alt+f6”键,进入布局模式,插入布局**。建立一个大概的布局。
使用背景**:选中该项,按浏览可以插入一幅准备好的**作为**的背景,因为**是以平铺的形式作为**背景,所以**大小和**尺寸都要控制好。
2.2搜索页面布局规划。
搜索页面是访问在搜索栏输入关键字后,通过系统搜索找出符合条件的产品列表页面。
“宇泽鲜花网”主页面最终效果。
2.2.1产品详细信息页面布局规划。
产品详细信息页面查看具体产品时显示的页面,在此页面中还将增加相似产品列表信息,以便访问者选择合适的产品。
产品详细信息列表页面。
三、链接逻辑关系设计: 对链接逻辑关系的设计过程详述。
根据基本需求,该网页拟分为以下子模块等。整个系统间各子模块的结构图如下所示。
3.2系统e-r图模型。
根据需求以及功能分析,得出整个系统主要商品,分类,品牌,订单项,订单。它们之间的关系是:多,一种分类或品牌有多种商品,购买同一种商品构成一个订单项,多个订单项和一个选择的邮递方式构成一个订单。
通过e-r图描述如下:
4、开发实现: 开发过程详述,并包括出过的错误、查错纠正过程等。
4.1网页效果图。
这是一个电子商务网页。
4.2根据网页布局分析**总体上可看成上中下三个部分,上边设计导航条,中间的主体部分底部做了链接。
4.3站点概要。
建立站点有较多的好处,主要是可以统筹管理站点文件,一个站点有若干文件组成,作为一个网页,它的所有文件都是联系在一起的,新建一个站点可以把这些文件放在一起,而不至于是零零散散的。建立站点,可以对站点里的网页中断掉的链接进行检查,即坏链检查;可以生成站点报告,对站点中的文件形成预览;;并建立本地测试环境,可以调试动态脚本;最关键的是建立站点后,可以形成明晰的站点组织结构图,对站点结构了如指掌,方便增减站点文件夹及文档等。
应用规则后的效果。
导航最终效果。
4.4.制作流程:
1.首先要把制作这个**所要用到的素材找出来,整理,放在相应的文件夹。
2.我先把网页的首页部分制作出来,然后就是把首页再复制一遍,把要删了的删了,再重新写入新的内容,这个就可以当作是链接的子不分内容,就是这样。
3.把其余三个部分的网页也制作出来。
4.最后把各部分的链接相应的写入。当然这个也是要有顺序的,最后就是四个部分的。就是由小到大。
5.**。在制作的时候,我花的时间最多的是在做“首页”这一部分,所以我就想把这一部分的**写下来,而这一部分的主要搜索页面,搞这个的时候我花了很多时间,关于**,都是在dreamwe**er cs5里面做的。
下面就是**:
aobody
padding:0;
font-family:arial, helvetica, sans-serif;
font-size:12px;
margin:0px auto auto auto;
color:#
p#menu_tab
list-style-type:none;
float:left;
display:block;
width:982px;
margin:0px;
padding:0px;
color:white;
lidisplay:block;
float:left;
padding:0px 8px 0px 8px;
margin:0px 14px 0px 14px;
height:36px;
text-decoration:none;
text-align:center;
color:#fff;
display:block;
float:left;
padding:36px;
text-decoration:none;
text-align:center;
color:#199ecd;
#crumb_n**igation
#crumb_n**igation span
#left_content
.title_box{
width:180px;
height:30px;
margin: 5px 0 0 0;
background:url(..images/menu_title_ no-repeat center;
课程设计报告格式 课程设计
洛阳理工学院。课程设计说明书。课程名称。设计课题。专业。班级。学号。姓名。完成日期2014年12月26日。问题描述 小四宋体,行间距单倍行距,每段缩进两个字符。叙述一下设计的内容要求。基本要求 小四宋体,行间距单倍行距,每段缩进两个字符。叙述一下设计的基本要求。测试数据 小四宋体,行间距单倍行距,每...
课程设计总结,课程设计报告
课程设计总结,课程设计报告。3.尝试应用项目管理软件进行项目进程的规划管理 绘制甘特图,不作硬性要求 二 选题说明。人事管理是企业信息管理的重要部分,面对大量的人事工资信息,财务部门采用人力处理将浪费大量的时间 人力和物力,且数据的准确性低。因此,开发一个界面友好,易于操作的人事工资管理软件进行自动...
课程设计 课程设计报告格式
学校名。课程设计报告。课程名称 c语言程序设计 系别 专业班级 学号。姓名。课程题目 企业人事管理系统 完成日期 指导老师 年月日。附件。课程设计的内容。企业人事管理系统 本项目的目标是开发一个功能实用,操作简便,简单明了的人事管理系统。能够录入人事的基本资料,在操作上能够完成诸如添加 修改 删除 ...