《WEB基础综合课程设计》课程设计报告

发布 2022-10-01 06:55:28 阅读 5434

宁波大红鹰学院信息工程学院。

课程设计报告。

课程名称:电子商务**。

项目名称:项目组长:

黄政杰。项目成员:

郑建楼(美工设计)吴威杰(交互设计)

班级名称: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 主要介绍开发该系统的意义所在,...