网页设计课程设计

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,网页设计课程设计,四川兴欣鞋业有限公司,网站设计报告,08电商（本）2班何双双,200820611213,一 网站设计的需求,不管你处于社会的哪个阶层，你都离不开吃穿住行，鞋子是穿的一部分，自然也很重要。,中国是一个人口众多的国家，所以鞋业公司之多是不可估量的，本公司所在地是宜宾。宜宾是长江上游川、滇、黔结合部的交通枢纽和经济贸易中心, 是四川省省辖市, 位于四川省南部。市政府所在地宜宾城，居金沙江、岷江交汇处，是长江正流的起点，南接云南省昭通地区，西接凉山彝族自治州、乐山市，北连自贡市，东与泸州市为邻。宜宾拥有国家级风景名胜区蜀南竹海，以及宜宾县石城山、南溪县云台山、翠屏区七星山、江安青峰寺等省级风景名胜区。整个市幅员面积13283平方公里，统计数据显示，2008年全市总人口为526.98万人，GDP总量达645.86亿元，同比增长14.6%，总量和增速均居全省第四位。此外，“万里长江第一城”宜宾是四川省内以水、陆、空综合立体交通网络著称的区域中心城市，也是世界银行咨询报告确定的21世纪长江流域最具投资价值的25个城市之一。,宜宾市的专卖店主要集中在文星街、西街、东街、人民中路、北大街，还有一些零散分布在民主路、林家巷、清华街。由于宜宾市的商圈分散，专卖网点分布也较为分散，各大品牌对该市的街道圈点布局，各自占领其要害位置。整个宜宾市鞋类品牌云集，竞争尤其激烈。,目前，金融危机的影响逐步深入实体经济，对传统的零售业影响也越来越大。市政府机构、事业单位、企业均采取了措施应对金融危机，积极响应国家号召，拉动内需，给员工发放节日消费券，促进员工去商场消费，对终端专卖、连锁鞋城网点造成了一定的冲击，加剧了鞋业市场的“三月晓春寒”。,目前，整个鞋业市场的营销还局限于传统模式，诸如打折、特价、返现等，对消费者而言已无新意，需要业内人士抓住时机，创意营销，重点营销。如：运动品类可以借用代言人做爱心慈善活动；对学校进行友谊赛事赞助；开展团购等。,为了方便客户能更好更快的了解公司企业形象，加快公司的销售，提供公司企业形象，增加在本市的市场竞争力，本公司决定建立一个结构完整的网站。,二网站的主题和风格的确定,1.本公司主要是进行“运动鞋”的生产和销售。为了显示本公司的简约而不简单和科技的形象，所以采用了淡蓝色和深蓝色。同时为了营造活波的气氛又加入了多种的其他明亮的颜色，起到点睛的作用。,2. 网站为了吸引浏览者的注意所以加入了多个flash，用动态的形式来体现公司的雄厚的实力。为了方便浏览者的阅读，所以网页做到了简单明了，导航为了方便浏览，栏目就比较少。网站主要是介绍公司形象和产品，提高销售。简介的网页给人清新明了的感觉。,3.logo的设计:,对于logo为了跟能体现简约的风格，所以就没有多做其他的方式，直接用了一个简单的图形,再写上了公司的名字和网站地址即可。因为导航那里已经又了flash，所以为了留住清新的感觉让浏览者人能跟快的了解公司所以logo就没有处理。,4.栏目的设置:,主要是宣传公司，所以公司简介和产品介绍是必不可少的。为了加强和客服的交流，有设置了客户留言.,公司简介,是宣传本公司的形象.,新闻中心,主要介绍了三个方面:公司新闻（本公司的最新动态）、热点新闻（当今实事）、行业行为（鞋业的发展及动态）。,产品介绍,说明公司的产品情况,方便客户能更好的了解产品信息,分两类:最新产品、活动打折。,会员系统,会员系统:能了解真正的客户,方便与客户能有更多的联系.客户只有注册后才能下定单,购买商品.促进交易额.分为三类:,1 会员注册：填写注册信息.,2 会员登陆：会员有很多优惠政策，可以给客户提供更多的福利。,3 在线咨询：实行一对一的制度，可以让客户更快更好的得到自己想还要知道的信息。,客户服务,方便与客户的交流,了解客户需要的产品和信息.分为三类:,1.服务宗旨：说明公司的核心.,2，质量“三包”：给客户更多更好的福利。,3，服务流程：让客户更快的得到他想要的帮助。,三 网站素材的收集与选择,许多都是用firework和Fireworks还有 flash 中制作。产品照片是从“百度”和原公司的网地址上面找到。 网页的规划,1,网站首页是index.html,其余子网页是以其汉语拼音命名。网站地图如下：,首页结构图,logo,banner,导航,会员登陆,精品推荐,客服中心,会员系统,供应产品,活动打折,版权说明,子页结构图,logo,banner,导航,会员登陆,子页内容,客服中心,会员系统,版权说明,五工具的选择与网页的设计,1.要用到的工具是firework和Photoshop还有,flash，在加上Dreamweaver。,2.制作网页的时候，我先做的是背景，即：深蓝色的格子布局。简介、大方。,导航,的设计是运动dreamveaver插入里的导航条做的，图片是运用fireworks做的。方便，简洁，快速。,Banner,的制作是由flash来完成的，无论是图片的处理或者是文字的运动。,六 网页的测试,通过上传，每张网页都能够正常的显示。都能够正常的链接。图片，文字的效果也良好，没有失真的现像。每个网页的页面的大小也没有变化。,七 费用清单,暂无,