宁波大红鹰学院信息工程学院。
课程设计报告。
课程名称:电子商务**。
项目名称:项目组长:
黄政杰。项目成员:
郑建楼(美工设计)吴威杰(交互设计)
班级名称:10计科4(本)
专业名称:计算机科学与技术。
完成时间:2011-《web基础综合课程设计》
宁波大红鹰学院信息工程学院。
课程设计报告。
信息工程学院制。
一、项目需求和背景(一号标题,黑体四号, 段前段后0.5行,表和图要加题注)
正文部分要求宋体,小四,固定行距20磅,首行缩进2个汉字)
介绍项目的开发背景,可以从市场、客户群、目标、定位等介绍,项目需求主要包括功能、技术、性能等需求。(至少)
二、**规划设计说明。
**规划设计说明,包括logo设计、结构设计、技术方案、内容规划等。)
1、**规划(二号标题,黑体小四号,至少,包括主页和各内容页)
**名称:ac商铺。
**主题:通过**宣传,树立商铺形象,提高商铺知名度。
输入法**语言:简体中文。
**风格:以暖色调为主,给人以家的感觉,主题鲜明突出(顾客之上,服务到家),要点明确,以简单明确的语言和画面体现站点的主题,表现**的个性和情趣,办出**的特点。
建站内容及特性。
海外海宾馆”,作为一个宣传性的企业**主要是突出它的中心标志性形象,运用现代流行理念和元素,体现出今日海外海网现代不失传统、庄重不失轻松、大众不失前卫的特点。并做好各个栏目的导航,突出**的重要职能和重要内容,使得**能够同今日高科技与服务行业完美结合,建成国内一流的宣传型商务**。
1)首页设计。
页头:准确无误的标识海外海集团站点和它的企业标志。
页面:应是各大栏目导航,最新产品展示,最新**、求购、**、合作信息,最新加入会员企业,最新行业资讯,最新展会信息。
2)导航设计。
导航系统是有效连接**各处的工具,它有效的分类**内容并指向它所代表的内容。是通过超文本链接或**链接,使浏览者能够在**上自由前进或后退,而不会让浏览者使用浏览器上的前进或后退。
海外海**导航项目:
集团概况。公司简介。
发展历程。1、海外海荣誉 2、海外海规模 3、董司长寄语 4、联系方法。
新闻中心。主要写集团记事为一个大类进行企业展示,对感兴趣的人可是跟企业进行联系,发送信。
人力资源。主要公布企业现今的人力规模和最新要招聘的对象。
下属企业。主要是对海外海企业下属的十一个企业进行介绍。
企业信息化。
主要以集团今日公告、客户留言反馈、友情链接这三个栏目组成。
2、结构设计(至少,二号标题,宋体小四号, 段前段后0.5行,内容宋小四,单倍行距)
网页布局图(主要给出不同版式页面的布局图)
1)首页。图1 首页布局图。
2)注册页….
图2 注册页布局图。
3)登录页….
图3 登录页布局图。
4)结算页。
图4 结算页布局图。
5)留言页。
图5 留言页面布局。
**结构图。
图4 **结构图。
3、ci形象设计。
**的logo是ac()大写的ac与相对应的英文解释,很容易知道这是一个卖电脑配件的**。
4、**色彩。
说明:包括网页主色调、链接色、导航色等,要求通过**列出页面中需要的颜色表)
1)**主色调。
该**的主色彩是蓝色和浅蓝色,配以棕黄色和少量的白色,文字为黑色和白色,如下图所示:
图5 配色采集。
绿色是一种非常具有亲和力的颜色,它代表的是自然、生命、活力与健康,是使用比较广泛的颜色之一。黄绿色和橙色的使用,则使整个**显示朝气蓬勃。
2)网页链接色。
表1 普通文字链接配色表。
3)导航链接色。
画**说明)
5、技术方案(说明:用到了哪些技术及软件,至少)
表2 技术方案表。
三、html页面结构图(包括主页、内容页等,不同风格的版面都要给出结构图)
图6 html页面结构图。
四、页面div结构**(包括主页和各内容页,注意三与四是一一对应的关系)
五、**及注释。
要求: 包括主页和不同风格内容页css**及js**,字体: times new roman,字号:五号,行距:1.25倍,)
{/通配符的设置,保证页面效果一致。
margin: 0;
padding: 0;
border: 0;
font-family: "宋体", sans-serif;
font-size: 12px;
color: #
body {/设置整个页面的背景色及文本的位置。
background: #ccc;
padding-top: 20px;
text-align: center;
#main {/设置最大div的背景图像、背景颜色及宽高。
background: #060 url(site/img/home_main_ repeat-x;
border: 1px solid #
margin: 0 auto;
height: 500px;
width: 770px;
六、**测试结果。
要求:页面在ff及ie(7.0以上一种版本)下测试结果,贴图完成,要求测试主页和各内容页,贴图要有各浏览器的标识)
1、ie7.0下测试结果。
图7 ie7.0测试结果。
2、ie8.0下测试结果。
图8 ie8.0测试结果。
3、ff下测试结果。
图9 ff测试结果。
七、项目计划及分工。
1、项目计划表。
电子商务**设计项目计划表。
项目组长班级日期:
2、分工完成情况(标注具体工作或书写工作创新的地方)
x1:x2:
x3:八、总结。
要求:必须要有内容,可以是学习总结,可以是体会,可以是技术知识总结,也可以是经验总结等,不能少于)
附页(源**附加注释)
包括xhtml**、js**等核心**,只需要附录在电子稿中,不需要打印,注意排版,times new roman ,五号,单倍行距)
翻译服务。**建设。
服务流程。付费。
web基础综合课程设计》
Web网页课程设计
总学时数 1周,学分数 1 一 web网页课程设计性质。本课程是一门计算机科学与技术及相关专业实践性环节。以html和css为基础,全面学习网页设计制作有关的知识,让学生通过实践理解web基本工作机制,并使学生具有一般网页制作的能力。与此同时,通过对web页制作技术和制作工具的学习,使学生对网页设计...
WEB课程设计模版
描述项目背景 意义及目标。1.1 项目背景。1.2 意义及目标。2.1 项目功能简介。整个项目的功能介绍,篇幅不宜过长。2.2 成员分工。项目中每个成员的具体分工。2.3 功能详细介绍。介绍项目中自己完成了哪些功能模块,每个模块的主要功能是什么,这部分应详细描述 按用例及用例描述来介绍 3.1 系统...
Web课程设计报告
课程设计报告。目录。1.开发背景 3 2.功能描述 3 3.需求分析 3 4.数据流程分析 3 4.1 数据流程图 3 4.2 数据字典 4 5.概念模型设计 6 6.逻辑模型设计和优化 6 7.物理设计和实施 7 8.应用程序设计 前台 9 9.课程设计心得体会 9 主要介绍开发该系统的意义所在,...