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

宁波大红鹰学院信息工程学院 课 程 设 计 报 告 课程名称： 电子商务网站 项目名称： 项目组长： 黄政杰 项目成员： 郑建楼(美工设计)吴威杰(交互设计) 班级名称： 10计科4（本） 专业名称： 计算机科学与技术 完成时间: 2011-11-20 信息工程学院制一、项目需求和背景(一号标题，黑体四号, 段前段后0.5行，表和图要加题注) （正文部分要求宋体，小四，固定行距20磅，首行缩进2个汉字） 介绍项目的开发背景，可以从市场、客户群、目标、定位等介绍，项目需求主要包括功能、技术、性能等需求。（至少400字） 二、网站规划设计说明 (网站规划设计说明，包括LOGO设计、结构设计、技术方案、内容规划等。) 1、网站规划(二号标题，黑体小四号,至少500字，包括主页和各内容页) 网站名称：AC商铺 网站主题：通过网站宣传，树立商铺形象，提高商铺知名度 输入法网站语言：简体中文 网站风格：以暖色调为主，给人以家的感觉，主题鲜明突出（顾客之上，服务到家），要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情趣，办出网站的特点。 建站内容及特性 “海外海宾馆”，作为一个宣传性的企业网站主要是突出它的中心标志性形象，运用现代流行理念和元素，体现出今日海外海网现代不失传统、庄重不失轻松、大众不失前卫的特点。并做好各个栏目的导航，突出网站的重要职能和重要内容，使得网站能够同今日高科技与服务行业完美结合，建成国内一流的宣传型　商务网站。 （1）首页设计 页头：准确无误的标识海外海集团站点和它的企业标志。 页面：应是各大栏目导航，最新产品展示，最新供应、求购、代理、合作信息，最新加入会员企业，最新行业资讯，最新展会信息。 （2）导航设计 导航系统是有效连接网站各处的工具，它有效的分类网站内容并指向它所代表的内容。是通过超文本链接或图片链接，使浏览者能够在网站上自由前进或后退，而不会让浏览者使用浏览器上的前进或后退。 海外海网站导航项目： ☉集团概况 ①公司简介 ②发展历程 1、海外海荣誉 2、海外海规模 3、董司长寄语 4、联系方法 ☉新闻中心 主要写集团记事为一个大类进行企业展示，对感兴趣的人可是跟企业进行联系，发送信。 主要以集团今日公告、客户留言反馈、友情链接这三个栏目组成。 图1 首页布局图 (2)注册页…. 图2 注册页布局图 (3)登录页…. 图3 登录页布局图 （4）结算页 图4 结算页布局图 （5）留言页 图5 留言页面布局 网站结构图 图4 网站结构图 图5 配色采集 绿色是一种非常具有亲和力的颜色，它代表的是自然、生命、活力与健康，是使用比较广泛的颜色之一。黄绿色和橙色的使用，则使整个网站显示朝气蓬勃。 (2)网页链接色 表1 普通文字链接配色表 (3)导航链接色 (画表格说明) 5、技术方案(说明：用到了哪些技术及软件，至少250字) 表2 技术方案表 序号 网站组成 使用技术效果说明 1 12、静态图片 3、表格 HTML 出版在线的文档，其中包含了标题、文本、表格、等内容。 通过超链接检索在线的信息。为获取远程服务而设计表单，用于检索信息、定购产品等。 2 2、动态图标 J实现在一个Web页面中链接多个对象与Web客户交互作用而可以开发客户端的应用程序等。 3 2、动态数据 如商品展示，用户信息 ASP 是一种在WEB服务器端运行的脚本语言，程序代码安全保密 此可以使用ActiveX控件继续扩充其功能 可以轻松的存取各种数据库 适用与各种浏览器 4 网站内的动态按钮 CSS CSS的，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。 5 产品查询数据库 3、未来电子商务的基础 div id=main div id=logo/div div id=box div id=text/div div id=ver/div /div /div 五、代码及注释 (要求: 包括主页和不同风格内容页CSS代码及JS代码,字体: Times New Roman,字号:五号,行距:1.25倍，) * {//通配符的设置,保证页面效果一致 margin: 0; padding: 0; border: 0; font-family: 宋体, sans-serif; font-size: 12px; color: #000; } body {background: #CCC; padding-top: 20px; text-align: center; } #main {//设置最大DIV的背景图像、背景颜色及宽高 background: #060 url(site/img/home_main_bg.gif) r