网页设计报告 1143111孔敏豪.doc

网站项目报告项目名称：鲜泽水果网站项目报告学校：佛山职业技术学院院系：工商管理系班级：11级电子商务1班姓名：孔敏豪学号：1143111目录一、 网页主题3二、 网页材料3三、 网页规划3四、 网页制作工具以及制作系统环境3五、 网页运行测试3六、 网页特色5七、 软件使用技巧7八、 总结10一、 网页主题鲜泽水果网站旨在开拓O2O电子商务，主要以珠三角地区为服务对象。依托江南水果市场（江南水果交易区）为货源中转站，引进优质进口水果为主打产品，配以国内高档水果为辅。作为水果网站，主调颜色为绿色，以达到不跑偏水果绿色产品的主题。又因市场范围覆盖港澳地区，所以网站文字为繁体中文。二、 网页材料 收集网页上所需的图片、相关水果资讯、js文件等。同时查询相关水果网页以及其他网页相关的连接。三、 网页规划 主页Top部分使用动态图片logo、产品搜索、用户登录及注册，一个报时以及6个导航模块，背景色为翠绿色的图片。接着是圣诞节主题的banner。中间部分为左右分布，左侧信息栏占总体宽度20%，右侧顶部为电子相册以及相关水果信息，右侧下半部分为产品图片以及价格信息。底部为友情链接部分。Body左侧部分为在线客服以及相关信息。二级页面点击首页产品进入二级页面（产品详细信息），左侧为产品大图。右侧为产品价格配送信息、商品介绍及其营养价值。接下是产品订购信息、加入购物车和结算功能。三级页面 顶部为产品成功加入购物车信息提醒、返回继续购物和结算。接下是购买该产品客户还购买了的产品推介，以吸引客户急需购物。四、 网页制作工具以及制作系统环境 本网页制作系统环境为windows 7 X64 旗舰版。制作工具为Dreamweaver 8 ，测试工具为AWS绿色服务器。又因为制作logo、banner、导航按钮所需，用到的软件有：AAA 3.0.1 中文版 、CrystalButton 绿色汉化版V2.8 、以及http:/www.55.la/ 网站。图片调整用到 美图秀秀 3.7.1正式版。五、 网页运行测试六、 网页特色左侧在线客服点击直接弹出与客服QQ聊天的对话框所用到的部分代码document.writeln();document.writeln();document.writeln();document.writeln();document.writeln();document.writeln(客服工作时间);document.writeln(周一至周日);document.writeln(9:00 - 23:00);document.writeln(客服团队);document.writeln(在线客服);document.writeln(投诉建议);document.writeln(联系电话);document.writeln;document.writeln();document.writeln();document.writeln();document.writeln();$(document).ready(function() var destDiv = $(#divSerWin); var startPos = destDiv.position().top; var divHeight = destDiv.outerHeight(); $(window).scroll(function () scrTop = $(window).scrollTop(); if( startPos scrTop) topPos = startPos+(scrTop - startPos)+10; $(#divSerWin).css(position, absolute).css(top, topPos +px).css(zIndex, 500); ););function ClickSer() var obj=$(#divMySer) if( obj.attr(class) = service-open ) $(#divMySer).removeClass(service-open).addClass(service-close); else $(#divMySer).removeClass(service-close).addClass(service-open);七、 软件使用技巧Logo 制作软件AAA3.0.1在制作LOGO前必须先选好所需logo样式点击文字部分以及test选项编辑logo点击下面可选择LOGO字体颜色点击filesave logo image调整最终logo大小以及保存logo图片（注意：英文版需付费）在线客服应用技巧QQ悬浮客服代码使用说明：第一步：把代码中的 替换成自己的网址，然后将代码放到 自己的网站上；第二步；编辑qqkf文件夹里的ServiceQQ.js这个js文件，把里面的信息改成自己的，对应的相关文字也可以修改一下。最后将qqkf 这个文件夹 上传到网站的根目录即可。如果网站生成的是静态页面要更新一下。Banner制作进入http:/www.55.la/ 选择所需的banner样式 编辑文字 提交生成 下载生成的banner八、 总结鲜泽水果网站，总的来说，自己是很不满意。一是再结构上比较乱导致不美观；二是字体没有设好导致三个页面出现同内容，字号不同；三是没有把所学知识都用上；四是页面过于简单。鲜泽水果网站是根