红磨坊甜点屋网站设计与实现毕业论文Word格式.docx
- 文档编号:17778960
- 上传时间:2022-12-10
- 格式:DOCX
- 页数:14
- 大小:5.38MB
红磨坊甜点屋网站设计与实现毕业论文Word格式.docx
《红磨坊甜点屋网站设计与实现毕业论文Word格式.docx》由会员分享,可在线阅读,更多相关《红磨坊甜点屋网站设计与实现毕业论文Word格式.docx(14页珍藏版)》请在冰豆网上搜索。
所以学习电子商务是非常有潜力的。
电子商务行业对岗位还没有进行过认真的细分,只是对人才进行了区分,一般来说,电子商务人才分为技术型人才、商务型人才和综合管理型人才。
电子商务是一种新兴的、处于发展过程中的一种现代商务方式,从95年来得到了迅速发展,显现了巨大的现代商业价值。
电子商务作为现代服务业中的重要产业,有“朝阳产业、绿色产业”之称,具有“三高”、“三新”的特点。
“三高”即高人力资本含量、高技术含量和高附加价值;
“三新”是指新技术、新业态、新方式。
人流、物流、资金流、信息流“四流合一”是对电子商务核心价值链的概括。
纵观全球电子商务市场,各地区发展并不平衡,呈现出美国、欧盟、亚洲“三足鼎立”的局面,美国是世界最早发展电子商务的国家,同时也是电子商务发展最为成熟的国家,一直引领全球电子商务的发展,是全球电子商务的成熟发达地区。
亚洲作为电子商务发展的新秀,市场潜力较大,但是近年的发展速度和所占份额并不理想,是全球电子商务的持续发展地区。
第一章设计背景
1.1企业网站设计目的
1.1.1、企业来源
“红磨坊”不知道大家对此电影有没有印象。
它讲的是是一部2001年上映的美国及澳洲电影,由二十世纪福克斯所发行,是澳大利亚知名导演巴兹-鲁赫曼执导,妮可·
基德曼和伊万·
麦克戈雷格主演。
影片讲述的是19世纪巴黎夜总会的浮华生活。
虽然是一部以夜总会为背景的剧情拍摄。
但这儿的爱情,却无比纯净动人。
而甜点的诱惑是不分任何季节和时间。
不管你到底喜不喜欢吃那些甜蜜蜜的小圈点,光是看见它们那“会说话”的外表,你估计就已经被心甘情愿的“俘虏”了。
当然爱情更是不会分时间地点的,它像风一样让你捉不着摸不透。
当然红磨坊一词也是一个很有文艺的词组。
红代表着幸福、甜蜜。
希望本网站的产品能让消费者们的爱情能想此产品一样甜蜜。
1.1.2.品牌简介
红磨坊甜点屋主要从事中西甜点、甜点产品的生产、连锁经营与合作加盟。
以其卓越的服务品质、舒适人性的文化氛围、复合式的产品、经营策略赢得了众多消费者的口碑,也成就了红磨坊如今200余连锁甜点店、300多家加盟,覆盖20多个省、直辖市的骄人业绩。
以不可争议的一流品牌形象,以西式甜点文化为依托,把香飘欧美的甜点文化,准确无误的带进中国市场;
并以专业、专心、专家、为企业经营理念。
秉承诚信、求实的精神,坚持以客户为本,重视加盟商、珍惜每一个加盟商与我们的合作机会。
1.2网站站建设需求分析
1网站建设———必要性:
1)有利于提升企业形象。
一般来说,企业建立自己的网址,一开始度不可能马上给企业带来新客户、新生意,当然大可能马上大幅度提升企业业绩。
我觉得企业网站的作用更类似于在报纸和电视上所做的一些宣传公司及品牌的广告。
不同之处在于建设的网站容量更大,可以把任何客户想要知道的内容放入网站。
此外,相对来说,建立品牌网站的费用比其它广告方式要低。
当然,网站宣传和广告宣传是两种不同的宣传方式,各有各的优势,它们之间更多的是互相补充,而不是互相排斥。
企业如拥有自己的网址,应在各种广告中尽量地推介该网址,并把具体性的内容放入网址中。
2)使公司具有网络沟通能力。
在中国,人们对互联往往有不一样的解释,认为电子信箱就是互联网络。
我们见过不少公司把电子邮件地址当成网址,实际上,互联网络包括电子邮件,是最简单的功能之一。
互联网络真正的内涵在于其内容的丰富性,几乎无所不包。
对于一个企业来说,其具有网络沟通能力的标志是公司拥有自己的独立网站,而非电子信箱。
3)可以全面详细地介绍公司及公司产品。
公司网址的一个最基本的功能,就是能够全面、详细地介绍公司及公司产品。
事实上,公司可以把任何想让人们知道的东西放入网址,如公司简介、公司的厂房、生产设施、研究机构、产品的外观、功能及其使用方法等,都可以展示于网上。
4)可以与客户保持密切联系。
在美国,每当人们想知道某公司有什么新产品,新服务,或旧产品和服务有什么变化,甚至只是想知道该公司有什么新闻,他们就会习惯性地进入该公司的网址。
因为外国公
司已经习惯于把所有的新产品和新服务信息发布于网上,并且定期在网上发布有关公司的消息。
中国公司与客户之间现在暂时还不习惯于这种联系方式,而中国企业的网址内容一般也隔较长时间才更新一次。
但随着越来越多的公司在网上发布产品和信息,这种情况将会发生明显变化。
毕竟,已经有越来越多的公司具有网络能力,并逐渐习惯于用网络进行沟通。
5)可以利用网站及时得到客户的反馈信息。
客户一般是不会积极主动地向公司反馈信息的。
如公司在设计网站时,加入专门用于客户与公司联系的电子邮件和电子表格,由于使用极其方便,相对来说,一般客户还是比较乐于使用这种方式与公司进行联系。
因此,公司可以得到大量的客户意见和建议。
1.3网站整体结构
关于红磨坊
中式甜点
首页(index.html)西式甜点
新品上市
联系我们
第二章
1.素材的收集
通过搜索引擎进行关键字搜索,找些关于甜点知识和食品的材料。
把找到的资料进行修改,再利用photoshop、flash等工具处理,放入相应文件夹中。
2.素材的制作
把上述所收集的图片根据网站的风格进行裁剪、加工与优化。
把相关的图片加入文字效果,并进行美化且色彩合理搭配。
根据网站的需要对图片进行色彩和形状的方面的改变,从而达到网站所展示出来的效果。
3.素材的整理
网站所有内容都统一放置一个文件夹中并命名为毕业设计,在其子文件夹新建image文件夹、css样式文件夹、flash文件夹、scripts文件夹。
素材图片进行分类命名统一放在image文件夹中。
2.2LOGO设计
1)logo介绍
logo作为一种识别和传达信息的视觉图形,是企业标志重要功能之一。
是企业视觉传达要素的核心,也是企业开展信息传播的主导力量,在视觉识别系统中,标志的造型、色彩、应用方式,直接决定了其他识别要素的形式,
本网站logo是网站名和产品图像共同组成,在photoshop中进行了设计与改编,整体大方,起到宣传本产品的重要性。
图2-1logo设计图
2.3首页效果图
首页的网页布局采用了上下框架设计,其他子页面采用了拐角型以及左右框架型设计。
背景采用了暖色调,整个网站的色调运用代码的设置可一键变换主题颜色,具体有咖啡色、浅咖啡色、卡其色、白色、嫩黄色、黑色这几种不同的颜色。
网页排版符合用户的阅读习惯,采用横向排列方式,版块层次比较分明。
图2-3首页设计图
第三章网页设计制作
3.1首页设计制作
网站首页担负着网站的宣传责任,从首页就基本能窥探出网站的定位和服务对象,红磨坊甜点屋网站导航栏包括:
首页、关于红磨坊、中式甜点、西式甜点、新品上市、联系我们,动态功能模块包括用户名、密码的登录注册。
首页运用静态和动态相结合布局成整个网站的首页,运用代码来实现了首页轮播图的动态效果。
首页截图如下:
图3-1
首页中的产品展示使用了层的建设,是产品图片一直在来回移动,代码如下:
<
divid="
www_qpsh_com"
style="
overflow:
hidden;
height:
155px;
width:
1100px;
background=#666"
>
tableborder="
0"
align="
left"
cellpadding="
cellspacing="
cellspace="
tr>
tdid="
www_qpsh_com1"
valign="
top"
center"
tdstyle="
padding-left:
1px;
"
ahref="
src="
images/chanpin1.jpg"
alt="
width="
160"
height="
150"
border="
/>
/a>
/td>
imgsrc="
images/chanpin2.jpg"
images/chanpin3.jpg"
images/chanpin4.jpg"
images/dongm2.jpg"
155"
images/t2.jpg"
images/t3.jpg"
images/t1.jpg"
/tr>
/table>
www_qpsh_com2"
/div>
3.2其他子页面设计
关于红磨坊子页面:
图3-2
中式甜点页面:
图3-3
其网页中采用了FLASH设计的图像变动。
和行为效果。
使图片变得更加生动,吸引眼球。
也简单的介绍了产品的功能与价值。
西式甜点子页面:
图3-4
此页面中部的图形采用了flash动漫使图片在不停的变化,实现了网页页面的动态效果的。
能起到生动、装饰的作用,对浏览者具有充分调动的作用。
而右边的字体则使用了上下滚动。
其效果代码:
<
marqueewidth="
260"
370"
direction="
up"
scrollamount="
3"
behavior=behavior="
scroll"
onMouseOver=this.stop()onMouseOut=this.start()>
spanstyle="
font-size:
18px"
...........<
/marquee>
新品上市子页面:
图3-5
此页面采用了鼠标经过图片,增加了网页的美观
代码:
images/tui.jpg"
278"
428"
id="
Image1"
onMouseOver="
MM_swapImage('
Image1'
'
'
images/images/images/huge4ef8424353ad2_03.gif'
1)"
onMouseOut="
MM_swapImgRestore()"
/>
联系我们子页面:
图3-6
第四章调试运行
4.1网站调试及处理
1.导航条的调试
导航描述了用户在一个页面内操作的方式,在不同的页面之间跳转,在一个页面放置太多信息往往起到相反的作用。
网站用户趋向于目地驱动,很快找到一个导航,看是否有自己所需要的信息,如果没有,就会很快离开。
很少有用户愿意花时间去熟悉网站,因此,网站导航帮助要尽可能地准确,在网站设计的过程中也出现过导航链接页面错误的行为,最后发现问题所在,由于设计过程中更改了放置网页的文件夹名称,本网站部分页面是使用模板实现,所以文件夹名称改变,导航条的链接页面也跟着出现了问题。
2.图片的调试
通过浏览页面,发现页面的Flash出现偏移的现象,经过反复调整后,Flash以正确显示,没有出现偏移、变形的现象。
图片尽可能小,但又不影响页面美观,这样可以节省空间。
3.内容调试
内容调试用来检验网站提供信息的正确性、准确性和相关性。
经过核对,页面显示内容和设计的保持一致,有部分字体布局稍微有些偏差但也不影响页面的整体形象。
4.2网站运行
1.IIS安装
InternetInformationServices(IIS,互联网信息服务),是由微软公司提供的基于运行MicrosoftWindows的互联网基本服务。
安装步骤如下:
开始—设置—控制面板—添加和删除程序—添加/删除Windows组件—弹出一个【Windows组件向导】对话框,如下图:
配置成功后在搜索地址栏输入:
http:
//localhost出现下图即为验证IIS安装成功。
2.IIS运行
访问127.0.0.1\tqj后成功显示出首页的截图如下:
总结
历经了一个多月的奋战,让我们紧张又充实的毕业设计终于落幕。
回想刚开始到现在的感受和经历,感慨万分,在这次的毕业设计过程中,我拥有了无数难忘的回忆和收获,时至今日,我的论文大致可以。
从最初的茫然,到中断的慢慢进入状态,再到对思路的清晰,整个过程真是难以用语言来表达。
一开始,当时面对毕业设计时真是有些茫然,不知如何下手。
我将这一困难告诉了导师,在导师细心的指导下,终于使我对自己现在的设计方向和方法有了掌握。
在网站设计初期,因为自己的经验不足,空有很多设计思想,却不知道应该选哪个,中间经过刘宁导师的指导,我的毕业设计渐渐有了头绪,网上查阅资料,逐渐确立系统方案。
当我终于完成了所有的任务后整个人都很累,但同时看着这份毕业设计我的心里油然而生一种成就感,我觉得这一切都值了。
这次毕业论文的制作过程是我的一次再学习、再提高的过程。
在论文中我也充分地运用到了大学期间所学到的知识。
我不会忘记这难忘的一个月的时间。
毕业论文的制作给了我难忘的回忆。
在我在各种网络资源里找到合适的素材时的激动和兴奋;
亲手设计网站结构和功能的时间里,记忆最深的是每一步小小思路实现时那幸福的心情;
为了论文我曾赶稿到深夜,但看着亲手打出的一字一句,心里满满的只有喜悦毫无疲惫。
这段旅程看似荆棘密布,实则蕴藏着无尽的宝藏。
在整个过程中,我学到了新知识,增长了见识。
致谢
经过近两个月的忙碌和学习,本次毕业设计已经顺利完成。
作为一个专科生的毕业论文设计,由于经验的匮乏,难免有许多考虑不周全的地方,如果没有老师的督促指导,以及同小组成员的支持,想要完成此次设计是难以想象的。
本文是在老师的悉心指导下完成的。
承蒙老师的亲切关怀和精心指导,虽然有繁忙的工作,但仍抽出时间给予我学术上的指导和帮助,特别是给我提供了许多意见和帮助,使我从中受益非浅。
老师对学生认真负责的态度、敏锐的学术洞察力、勤勉的工作作风以及勇于创新的精神是我永远学习的榜样。
在此,谨向老师致以深深的敬意和由衷的感谢!
其次,还要感谢大学三年来所有指导过,教育过我的老师们,正是你们不倦的教诲,使我打下了扎实的专业基础;
同时还要感谢所有的同学们,正是因为有了你们的支持和鼓励,此次毕业设计才会顺利完成。
最后,我仅用一句话来表达我无法言语的心情:
感谢你们
文献
v庄王健编,网页设计三剑客白金教程,电子工业出版社
v马增友.photoshop图像处理技术.清华大学出版社.2013年1月
v沈大林主编,中文Flash8案例教程,中国铁道出版社
v刘智勇,javascript基础与实例教程【M】.北京:
清华大学出版.2009
v[4]龙马工作室编,ASP+SQLServer组建动态网站实例精讲,北京:
人民邮电出版社
v赵小林、刘志强、郑洁主编,网页制作技术教程-动态网页篇,北京:
国防工业出版社
v李东博.dreamweaver+flash+photoshop网页设计入门到精通.清华大学出版社.2010年11月
v唐守国主编.创意Photoshopcs4网页设计、配色与特效案例精粹.清华大学出版社.2010年7月第一版
v牟奇春.二维动画制作技术.中国人民大学出版社.2010年12月
v李雪瑗.基于Flash技术的精品课程网站设计与实现.山东师范大学.2012年9月
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 红磨坊 甜点 网站 设计 实现 毕业论文