《WEB基础综合课程设计》课程设计分析方案.docx

《WEB基础综合课程设计》课程设计分析方案.docx

《《WEB基础综合课程设计》课程设计分析方案.docx》由会员分享，可在线阅读，更多相关《《WEB基础综合课程设计》课程设计分析方案.docx（12页珍藏版）》请在冰豆网上搜索。

《WEB基础综合课程设计》课程设计分析方案

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

课程设计报告

课程名称：

电子商务网站

工程名称：

工程组长：

黄政杰

工程成员：

郑建楼（美工设计）吴威杰（交互设计）

班级名称：

10计科4（本）

专业名称：

计算机科学与技术

完成时间:

2011-11-20

信息工程学院制

一、工程需求和背景（一号标题，黑体四号,段前段后0.5行，表和图要加题注）

（正文部分要求宋体，小四，固定行距20磅，首行缩进2个汉字）

介绍工程的开发背景，可以从市场、客户群、目标、定位等介绍，工程需求主要包括功能、技术、性能等需求。

（至少400字）

二、网站规划设计说明

（网站规划设计说明，包括LOGO设计、结构设计、技术方案、内容规划等。

）

1、网站规划（二号标题，黑体小四号,至少500字，包括主页和各内容页）

网站名称：

AC商铺

网站主题：

通过网站宣传，树立商铺形象，提高商铺知名度

输入法网站语言：

简体中文

网站风格：

以暖色调为主，给人以家的感觉，主题鲜明突出（顾客之上，服务到家），要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情趣，办出网站的特点。

建站内容及特性

“海外海宾馆”，作为一个宣传性的企业网站主要是突出它的中心标志性形象，运用现代流行理念和元素，体现出今日海外海网现代不失传统、庄重不失轻松、大众不失前卫的特点。

并做好各个栏目的导航，突出网站的重要职能和重要内容，使得网站能够同今日高科技与服务行业完美结合，建成国内一流的宣传型　商务网站。

（1）首页设计

页头：

准确无误的标识海外海集团站点和它的企业标志。

页面：

应是各大栏目导航，最新产品展示，最新供应、求购、代理、合作信息，最新加入会员企业，最新行业资讯，最新展会信息。

（2）导航设计

导航系统是有效连接网站各处的工具，它有效的分类网站内容并指向它所代表的内容。

是通过超文本链接或图片链接，使浏览者能够在网站上自由前进或后退，而不会让浏览者使用浏览器上的前进或后退。

海外海网站导航工程：

☉集团简况

①公司简介

②发展历程

1、海外海荣誉2、海外海规模3、董司长寄语4、联系方法

☉新闻中心

主要写集团记事为一个大类进行企业展示，对感兴趣的人可是跟企业进行联系，发送信。

☉人力资源

主要公布企业现今的人力规模和最新要招聘的对象。

☉下属企业

主要是对海外海企业下属的十一个企业进行介绍。

☉企业信息化

主要以集团今日公告、客户留言反馈、友情链接这三个栏目组成。

2、结构设计（至少200字,二号标题，宋体小四号,段前段后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、技术方案（说明：

用到了哪些技术及软件，至少250字）

表2技术方案表

序号

网站组成

使用技术

效果说明

1

1、网站所有文字页面

2、静态图片

3、表格

HTML

1、出版在线的文档，其中包含了标题、文本、表格、等内容。

2、通过超链接检索在线的信息。

3、为获取远程服务而设计表单，用于检索信息、定购产品等。

2

1、网站动态菜单

2、动态图标

JavaScript

1、实现在一个Web页面中链接多个对象

2、与Web客户交互作用，而可以开发客户端的应用程序等。

3

1、轻常更新的网页

2、动态数据

如商品展示，用户信息

ASP

1、是一种在WEB服务器端运行的脚本语言，程序代码安全保密

2、此可以使用ActiveX控件继续扩充其功能

3、可以轻松的存取各种数据库适用与各种浏览器

4

网站内的动态按钮

CSS

使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。

5

1、用户资料

2、产品资料

3、产品查询

4、留言信息

数据库

1、完善的客户数据资料处理

2、快速的资料查询能力

3、未来电子商务的基础

三、HTML页面结构图（包括主页、内容页等，不同风格的版面都要给出结构图）

图6HTML页面结构图

四、页面DIV结构代码（包括主页和各内容页，注意三与四是一一对应的关系）