毕业设计我帮你

艾玲咖啡网站设计与实现
   摘要
随着Internet电子商务的的迅速发展，网上购物越来越流行，B2C，C2C,B2B作为电子商务网站经营常用的模式，在前端商务平台其商务活动全过程中起着举足轻重的作用。
艾玲咖啡网站导航栏包括：艾玲首页、艾玲餐饮、关于艾玲、艾玲资讯、合作加盟、联系我们。
    首页的网页布局采用了上下框架设计，其他子页面采用了拐角型以及左右框架型设计。背景采用了暖色调，整个网站的色调运用代码的设置可一键变换主题颜色，具体有咖啡色、卡其色、黑色、浅咖啡色、嫩黄色这几种不同的颜色。网站首页担负着网站“形象大使”的责任，从首页就基本能窥探出网站的定位和服务对象。运用静态和动态相结合布局成整个网站的首页，scripts、flash来实现了首页轮播图的动态效果。
艾玲咖啡网站其他子页面包括：艾玲餐饮、关于艾玲、合作加盟、艾玲资讯、联系我们，每个页面的功能不尽相同，公司的介绍、企业产品动态、加盟流程等都在子页面展示。
【关键词：网站 网站建设 网站设计 艾玲咖啡 网站实现】

目录

第一章 设计背景 - 6 -

1.1 企业网站设计目的 - 6 -

1.2 网站建设需求分析 - 7 -

1.3 网站整体结构 - 9 -

第二章   前期准备 - 10 -

2.1 素材收集整理 - 10 -

2.2 LOGO设计 - 10 -

2.3 Banner设计 - 11 -

2.4 首页效果图 - 11 -

第三章  网页设计制作 - 13 -

3.1 首页设计制作 - 13 -

3.2 其他页面设计制作 - 16 -

第四章 调试运行 - 22 -

4.1  网站调试及处理 - 22 -

4.2  网站运行 - 23 -

总结 - 24 -

致谢 - 25 -

文献 - 26 - 

第一章 设计背景
1.1 企业网站设计目的
1.企业简介
艾玲咖啡是重所周知的咖啡连锁加盟。艾玲咖啡旗下产品包括50多款全球顶级的咖啡豆、各式手工制作的冷、热咖啡饮品、传统的意式咖啡、口感醇厚的西式糕点以及各式各样的咖啡机、咖啡杯等商品。
艾玲咖啡的产品不仅仅只是咖啡，咖啡只是其中的一种载体，就是通过咖啡这种载体，艾玲咖啡就是要把这种独特的格调和情感传递给顾客。而且咖啡消费在很大程度上是一种比较有档次的人群来消费的，而这种文化的沟通就是需要在咖啡店所营造的环境中去感染顾客，让顾客形成良好的生活体验。
2.品牌简介
艾玲咖啡主要从事咖啡产品的生产、合作加盟与连锁经营、中西餐饮。以其卓越的服务宗旨、舒适环境的文化氛围、多样式的产品、经营策略赢得了众多消费者的口碑，也成就了艾玲如今300 余连锁咖啡店，有着骄人的业绩。
艾玲咖啡有着一流品牌形象，以意式浓缩咖啡原文化为依托，把飘香似溢的意式咖啡文化，准确无误的走进中国市场；并以专业、专心、为企业经营理念。秉承诚信、务实的精神，坚持以客户为本，重视商家、更珍惜每一个商家与我们的合作机会。
艾玲咖啡的价值彰显于所做任何创新事情的不懈追求，艾玲的关系建立于真心和信任。艾玲始终坚信于人，创造和改变生活。在全公司培养充满快乐和激情的文化。
3.设计目的
随着中国经济的快速发展，咖啡消费在中国的城市里以成为一种流行趋势，也逐渐与现实生活相联系，也带动了咖啡消费量的迅速增加，形成了一种巨大消费潜在市场。
 跨入21世纪后，中国经济的飞速增长，人们生活的质量正在不断提高，饮品日益多样化，咖啡逐渐与时尚、现代生活连在一起带动了咖啡消费量的迅猛增加，形成一种消费潜在市场。
据萨尔瓦多讯，国际咖啡组织执行官内斯托尔•奥索里奥2005年9月26日在巴西巴伊亚州首府萨尔瓦多举行的第二届世界咖啡大会说，由于中国市场巨大，咖啡消费增长前景看好，中国在世界咖啡业扩大需求的总战略中占据重要地位。  
作为一种舶来品， 咖啡消费这几年在国内也得到了质的飞跃。有数据显示，华南、华北市场的咖啡消费量正以每年两位数的速度直速狂飚，部分地区甚至超过了百分百。  
1.2 网站建设需求分析
随着信息时代的来临，互联网络的快速发展，使得企业建立网站已经成为一种在信息时代生存的必要手段，一个网站不仅是成为企业宣传产品和服务的窗口，也是树立一个企业形象的前沿。网站的建立使得企业的经营成本大大的降低，企业经营效率有着明显的提高。网站的建设必带给企业未来无限的商机。
网站的制作形式丰富多彩，规模有大有小，一个设计精美，信息充实的网站给人的直观印象就是代表一个企业的企业形象，所以企业网站建设毋庸质疑是一种宣传企业产品和服务的机会。   
网站作为一个有互动功能的平台他可以起到与客户互动交流的作用，企业建立网站，将信息发布开设到网上，并有专人提供信息服务。可与外部建立一个信息交流渠道。有一些企业的网站就是以BBS或公告栏的形式来联系客户，客户也可以发表自己的意见，同时也能够看到其他客户的信息记录。可以使得客户全面客观地了解企业和企业的服务产品。
电子商务是现在比较新兴的商务模式，从多种角度出发有着不同的定位。电子商务也是未来经济形式发展的大趋势，目标是实现交易信息的网络化和电子化，企业通常都会加入到网上的某个行业协会网站或商业网站中，成为会员或网员。企业建立网站，从销售的观点上来看，可以减少交易的中间环节，降低成本。
发布企业广告，网站作为一种媒体的形式，企业网站本身就是广告，一些企业在网上建立自己的网页，或者开设自己的网站，把企业信息集中起来，分类分栏，就是为了方便客户浏览。现代社会中的所有著名企业都有在网上建立了自己的网页或网站。      
综上所述，企业建设网站就是在互联网上开家分公司，是为了让更多的人了解企业产品服务，为企业带来更多的潜在客户，是一种性价比极高的新型宣传模式，是当今的大趋势，所以企业要想要在竞争中立于不败之地，必须得紧紧跟上时代的步伐，进行网站制作，是必要选择。
所以，为了要迎合时势需要，也为了扩大市场，为了打响品牌知名度，特建设了本网站，以做到向用户和相关人员宣传的这样一个效果。
1.3 网站整体结构
网站结构是指网站页面之间的层次关系，按照性质可分为逻辑结构及物理结构。网站结构对网站的搜索引擎有着非常重要的影响。网站结构是用来衡量网站用户体验好与坏的重要指标之一。一个清晰的网站结构可以帮助用户快速获取所需信息。
以下是本站的网站框架结构图：

图1-1   网站结构图

文献
[1] 赵增敏编《ASP动态网页设计》，电子工业出版社,2009年
[2]赵小林、刘志强、郑洁主编《网页制作技术教程-动态网页篇》，国防工业出版社,2006年
[3]庄王健主编《网页设计三剑客白金教程》，电子工业出版社,2005年
[4]吴涛主编《网站全程设计技术（修订本）》，北京：北京交通大学出版社,2007年
[5] 汪泓，汪明艳《电子商务——理论与实践》，清华大学出版社，2010年10月
[6]汪斌等《VBScript与Jscript实例教程》，电子工业出版社，2009年
[7]廖恩阳《Access数据库程序设计》，清华大学出版社，2010年
[8] 《Photoshop CS2图像处理标准教程/清华电脑学堂》. 作者：郝军启、吴华.清华大学出版社.2006年
[9]黎文峰,吴颂志 .Dreamweaver4网页制作与设计.中国青年出版社.2010年7月
[10]张爱军.电子商务技术的创新发展趋势.电脑知识与应用.2011年9月
[11]李东博.dreamweaver+flash+photoshop网页设计入门到精通.清华大学出版社.2010年11月
[12]马增友.photoshop图像处理技术.清华大学出版社.2013年1月
[13]牟奇春.二维动画制作技术.中国人民大学出版社.2010年12月
[14]唐守国主编.创意Photoshop cs4网页设计、配色与特效案例精粹.清华大学出版社.2010 7月第一版
[15] 李雪瑗.基于Flash技术的精品课程网站设计与实现.山东师范大学.2012年9月
[16]李琼，flash8.0闪客动画轻松现场实战。航空工业出版社，2007年
[17]陈青，Flash MX 2004标准案例教材。人民邮电出版社，2006年
[18]徐丽娟.电子商务概论.机械工业出版社.2011年11月