毕业论文-《羽希》糕点网站的设计与实现.doc_第1页
毕业论文-《羽希》糕点网站的设计与实现.doc_第2页
毕业论文-《羽希》糕点网站的设计与实现.doc_第3页
毕业论文-《羽希》糕点网站的设计与实现.doc_第4页
毕业论文-《羽希》糕点网站的设计与实现.doc_第5页
已阅读5页,还剩31页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

琼 州 学 院QIONGZHOU UNIVERSITY 2015 届本科毕业论文(设计) 题目: 羽希糕点网站 的设计与实现 学 院: 创意与设计学院 专 业 琼州学院教务处 二一五年六月制 目 录 第一部分 设计说明书 一、设计说明书( ) 第二部分 过程管理资料二、毕业论文(设计)课题任务书( )三、本科毕业论文(设计)开题报告( )四、本科毕业论文(设计)中期报告( )五、毕业论文(设计)指导教师审阅表( )六、毕业论文(设计)评阅教师评阅表( )七、毕业论文(设计)答辩评审表( ) 2015 届本科生毕业设计说明书题 目:羽希糕点网站的设计与实现 学 院: 创意与设计学院 专 业: 数字媒体技术 学 生 姓 名:班 级:指导教师姓名:最终评定成绩 2015 年 5 月 题目:羽希糕点网站的设计与实现 摘 要21世纪是一个信息爆炸时代,Internet高速发展,互联网“信息海洋”成为人们快速获取、发布和传递信息的重要渠道,它对社会经济的发展具有着重要的作用。在这样的背景下衍生了一系列网络产品,对经济社会形成了广泛深远的影响,这些网络产品逐渐成为人们生活不可缺少的一部分。网络成为人们相互交流沟通的良好平台。网络平台相互交流,彼此间的互动可以实现信息的传递和共享,方便了用户的日常生活。信息时代的来临,对于企业来说是一把双刃剑,既是机遇又是挑战。在这个信息浪潮中,企业建立自己的网站已经成为占有市场份额的必要手段,它能宣传企业形象与企业文化,综合展示企业的实力,增强企业与客户之间的联系,提高企业知名度。从而推广品牌,拓宽顾客市场,发掘更多的潜在客户。 关键词:糕点网站,企业门户,网站开发,推广The design and implementation of the featherhopes pastry website Author:Huang ZeHong Tutor:Tian Xingyan ABSTRACT It is an era of information explosion in the 21st century. Internet rapidly develop, and become the information ocean where people important channel to quickly get,distribute and transfer information.It play an important role on the development of social economy.It come into being a series of network products in this context . In addition,it formed a wide-reaching implications in the economic .The network product gradually become an indispensable part of peoples life.Network become good platform of mutual communication for people. People communicate with each other in the network platform, it can realize information transfer and sharing,.It bring the convenience to people in the users daily life.The coming of information age, for enterprise is a double-edged sword, both opportunities and challenges.In this wave of information, the enterprise set up their own websites which has become the essential means to occupy the market.It can promote the corporate image and enterprise culture, comprehensive display the strength of enterprises, strengthen the link between enterprises and customers,improve business visibility.To promote your brand, expand customer market, discover more potential customers. Keywords:pastry website, enterprise portal, website development, promotion目 录1 绪论11.1 选题背景与意义11.2 选题研究现状11.3 论文组织结构42 网站开发环境52.1 开发工具52.2.1 图形制作工具Phtotshop52.2.2 网页编辑工具Dreamweaver52.2.3 后台数据库工具MySQL52.2 php+mysql+apache集成开发环境63 网站总体设计73.1 项目立项73.2 总体规划74 网站分析84.1 可行性分析84.1.1 经济可行性84.1.2 技术可行性84.1.3 网站开发的重点难点84.2 功能需求分析94.2.1 前台功能需求性分析94.2.2 后台台功能需求性分析95 数据库设计105.1 数据库需求分析105.2 数据库表格设计106 网站界面的设计与实现136.1 网站UI设计136.2 网站前台界面的设计与实现136.2.1 网站一级菜单界面136.2.2 用户中心176.2.3登陆/注册207 连接数据库227.1 创建数据库227.2 连接数据库228 测试、完善网站238.1 系统测试238.1.1 页面链接测试238.1.2 配置结合兼容性测试238.1.3 数据库测试238.2 网站维护23结论24致谢25参考文献261 绪论1.1 选题背景与意义随着经济水平的提升,人们平均消费水平也在不断的提升中,人们的消费结构发生了巨大的改变。经济水平的提升,也使人们对生活水平的要求也不断的提升,饮食行业中的糕点行业受到了多数人的喜爱 张晓芳.我国糕点食品行业现状分析及监管建议J.食品研究与发 ,2011(06):180-182.。基于这样的一个背景下,选择网络推广营销不仅具有成本低廉的特点,还具有便捷快速宣传企业文化品牌的功能。在糕点行业前景广阔条件下,糕点企业如雨后春笋冒出,这样的情况下通过网站推广占领市场是一个不错的选择。通过企业网站的网络推广营销,能提高企业的知名度并提高品牌效应,还能让用户群体通过多种途径更加清楚的了解到产品信息,并且通过相关交互模块提高网站访问量,发掘更多的潜在用户群体。网络推广是信息技术时代的产物,具有门槛低,成本低以及高效宣传性等特性,是企业、商家们不可或缺的营销推广手段 刘毛伟.中国互联网发展情况分析与展望J.中国教育网络,2013(05):39-42.。因此,根据市场需求,搭建了糕点型网站羽希糕点网站。1.2 选题研究现状互联网迅猛发展,而因其衍生的一系列网络产品已经渗透到我们生活的各个细节,逐渐成为人们生活不可缺少的一部分。网站作为互联网信息传递与交互的存在,无论是在社会经济方面还是宣传方面,都起着极其重要的促进作用。互联网的快速发展,对经济社会形成了广泛深远的影响。在这样的一个大背景下,企业网站宣传成本低以及宣传范围广的特性,使其受到了各类型企业的青睐,纷纷建立自己独立的企业网站。企业网站是企业在互联网上的一个身份象征,相当于企业的网络名片,是企业进行网络营销和形象宣传的平台 袁赵刚.新世纪中国糕点业的发展与创新J.中外食品工业信息,2001(02):10-52.。通过网站推广,不但对企业的形象和企业文化进行宣传,同时可以促进辅助企业的销售,通过网络增加销售渠道以及知名度,从而帮助企业提升销售额。企业可以通过网站对企业品牌文化进行宣传、也可以进行产品资讯发布、招聘等,从而直接或间接的获取盈利。网站制作应注重用户体验,需要符合浏览者的操作习惯,分析用户需求,加强客户服务,完善网站功能,吸引潜在客户关注,从而提升企业的营销额。互联网的快速发展,使人们越来越依赖网站,这为企业带了机遇和挑战。通过建立企业网站,可以使企业在竞争激烈的市场里占据优势,从而占有一定的市场份额。现今中国大多数的著名糕点企业网站都比较传统,糕点网站业务的拓展并未受到重视。大多数糕点网站类似简单的门户网站,仅仅作为宣传公司品牌文化和产品的存在。闻名糕点业的廿一客食品有限公司,依据其经典的21款蛋糕而受到消费者的青睐,从而闻名于世。该公司也拥有自己的网站21cake糕点网站(图),但没有开拓销售领域,没有进行网上销售的业务,只是简单的阐述产品的信息。这样的网站满足不了用户的需求,相对于在网站了解到糕点的信息,用户群体会更加倾向于到实体店内进行了解选购。图1.1 糕点收藏有些网站有推出网上商城供用户选购,但仅仅是蛋糕物品的网站售卖,并没有其它功能业务,吸引不了用户群体。该类型网站在选购购买后,可供用户操作的权限非常少,用户在购买了不需要的产品后,要选择退款等操作时不方便,没有直接的入口申请退款。天甜(上海)餐饮管理有限公司旗下连锁烘培餐饮品牌项目“诺心LE CAKE”,其官方网站(图1.2)的定位就是提供糕点的电子渠道售卖通道。这跟团购网站相比,具有很大的劣势,用户群体会更乐意在各大团购网站进行选购,这方便用户后期的订单修改。因此,该类型网站也存在着缺陷,很难吸引到用户群体,也很难发展潜在用户。图1.2 糕点收藏“羽希糕点”网站的定位方向是提供糕点爱好者一个互联网平台,用户群体在购买糕点之余,还可以与其它志同道合的美食爱好者相互分享自己的对糕点的心得体会。“羽希糕点”网站主要是通过吸引更多的用户群体,发展潜在客户,从而提升销售量。1.3 论文组织结构全文共分为八章,具体内容如下:1 绪论主要介绍了选题背景意义以及选题研究现状,阐述本文的主要工作。2 网站开发环境,主要讲述网站的开发软件及技术的应用。3 网站总体设计,分析网站的搭建设定方向和目标。4 网站分析,对网站的搭建进行分析,从而确定网站的功能以及架构。5 数据库设计,确定数据表格的结构。6 网站界面的设计与实现,展示网站各个模块的具体设计与搭建。7 连接数据库,介绍数据的连接从而实现动态的交互。8 完善网站,讲述对网站做最终的测试和完善。2 网站开发环境2.1 开发工具2.2.1 图形制作工具PhtotshopPhotoshop简称“ PS”,是Adobe Systems开发的图像编辑处理软件 黄海燕.张辉 .网页设计与平面设计J.包装工程报,2004(01):126-127. 。Photoshop主要处理以像素所构成的数字图像,是著名的平面设计编辑软件。Photoshop是一款强大的图像处理软件,在同类型图片编辑软件中出类拔萃,内置强大的功能,有众多的绘图、图像处理工具,可以有效地快速地进行绘图、修改编辑图片等 周静.谭亮 .网页UI界面设计探析J.电子制作,2004.11:89-90.。文件可以保存成psd、gif、png以及jpeg等多种格式。本网站使用图形制作工具Photoshop制作初步设计网页界面。2.2.2 网页编辑工具DreamweaverAdobe Dreamweaver是Adobe公司开发的集网页制作和管理网站于一身的著名网站开发软件。它是一款所见即所得的网页编辑器,是视觉化网页开发软件。网页制作的增大,导致市场上出现了各种各样的网页制作工具,其中Adobe Dreamweaver是一款强大的网页制作软件,被广泛使用。使用Adobe Dreamweaver进行开发,可以轻而易举地制作跨平台的动态网页 Elisabeth Robson.Eric Freeman.Head First HTML & CSSM. OReilly Media,2013.09:1-751.。2.2.3 后台数据库工具MySQL现今主流数据库有SQL Server、MySql、Oracle三种数据库,本网站选择使用的是MySQL数据库。MySQL是一个关系型数据库管理系统,具有体积小、速度快、可移植以及成本低等特点,满足中小型企业建站开发需求。MySQL是被广泛使用的RDBMS(Relational Database Management System)关系型数据库管理系统 Lynn Beighley.Michael Morrison,Head First PHP & MySQLM.OReilly Media,2008.12:1-816.。MySQL数据库将数据保存在不同的表中,并通过某一特定字段进行关联,而不是将所有数据都放在一个大仓库内,这样具有更高的灵活性,方便查询修改,提升了访问速度。MySQL所使用的语言是用于访问数据库的最常用标准化语言。2.2 php+mysql+apache集成开发环境目前最流行的最常用的有三种虚拟WEB服务器平台分别是:基于ApacheHTTPServer的服务器平台、基于微软的IIS的服务器平台、基于网景的NES的服务器平台 赵鹤芹.设计动态网站的最佳方案:Apache+PHP+MySQLJ.计算机工程与设计,2007(04):933-934.。本网站选择ApacheHTTPServer搭建,ApacheHTTPServer可在大部分计算机操作系统中运行,由于其具有跨平台性和安全性的原因而被广泛使用,是现今最流行的Web虚拟服务器端软件之一。它快速、可靠并且可通过简单的API扩展,将Perl/Python等解释器编译到服务器中。本网站开发方式是基于业界公认的黄金组合Apache+PHP+MySQL平台建站的。开发工具是PHP语言和MySQL数据库,同时使用整合型的WampServer程序。WampServer是WampServerApache+PHP+MySQL 集成的环境,它拥有简单的图形和菜单安装以及配置环境,可大大简化了开发人员配置环境的过程。根据网站的需求分析结果,使用php+mysql+apache集成开发环境就可以保证网站功能的实现。这样的网站开发具有成本低,安全性高,可移植性高以及执行速度快等特点。3 网站总体设计3.1 项目立项经济水平的提升,提高了消费者的消费能力,从而提高了对生活品质的需求。对于美味的糕点越来越热衷,时常作为零嘴、下午茶以及饭后甜点来吃,糕点市场前景广阔。由于人们对糕点的需求度较之以往大幅度提升,使得各类型的糕点企业如雨后春笋不断冒出。在这样的背景下,要占据市场份额成为糕点行业的优秀企业,需要通过宣传手段提升企业知名度,从而提升销售量。由于网络推广具有门槛、低成本少、宣传范围广以及传播力度大的特点,使企业网站成为企业推广的重要手段。企业网站的建站,需要对用户需求进行分析,使网站功能符合用户需求。其次,需要注重用户体验,需要符合用户的使用习惯 刘楠 .浅析科技型中小企业网站建设之要点J.河南科报,2013(02):222-224. 。羽希糕点可以借助互联网进行企业的宣传,提升自身品牌知名度,拓展更多的潜在客户。在这个信息爆炸时代,开发自己的门户网站,无疑是一个好的选择。3.2 总体规划网站将糕点爱好者作为主要推广用户,针对他们需求建立羽希糕点企业网站,为其提供一个交流平台,推送糕点资讯,并开设论坛,方便用户分享糕点制作经验等。除此之外,对羽希糕点商品进行宣传,让更多的人了解到羽希糕点,从而成为羽希的潜在消费用户。通过企业门户推广宣传,提升品牌知名度,吸引更多的糕点爱好者成为潜在用户,提升销售额。4 网站分析4.1 可行性分析4.1.1 经济可行性相对于传统推广,网络推广成本低,且具有推广范围广的特点,能够用较少的成本达到推广效果。本网站开发门槛低,开发环境Apache+PHP+Mysql集成环境开发,主要使用而开发软件则主要是Photoshop、Dreamweaver和Sublime Text等,可以从网站下载安装。硬件则是利用现有的设备和装置,无需再支付其它费用。4.1.2 技术可行性掌握PHP、HTML5、CSS3、javascript以及数据库的知识点,为网站的开发提供了必要的技术保障。HTML5、CSS3以及javascript等技术的使用,满足前端制作开发的需求,使界面元素可以更精确的调控并实现炫丽的动态效果。PHP以及数据库的运用,可实现具有复杂功能的后台管理。PHP开发相对于其它的Web开发技术有ASP、JSP以及ASP.NET等,具有优势性。PHP开发具有良好的跨平台性、可移植性。用PHP编写的程序具有执行速度快、开发成本低以及安全性较高等优势。4.1.3 网站开发的重点难点1 需求分析,通过对用户群体分析,从而制作出吸引用户群体的网站;2 网站需要有良好的用户体验,需要满足用户的使用习惯;3 网站兼容性,在各大主流浏览器可以正常显示浏览;4 建立表结构,通过特定的字段进行不同表之间的关联,其次需要设计简洁高效的表结构,避免数据的冗余;5 网站安全,数据库的设计以及网站搭建不科学,会引起sql注入,导致网页运行错误,数据库堆积大量恶性注入数据。因此需要避免漏洞,提升网站的安全性;6 数据表操作机制,表之间会通过字段关联,因此同一表有可能在多个模块中被操作修改,所以需要建立严密的数据表,这点是比较困难的。在数据表编制时更应加强程序逻辑的可靠性和程序调试的全面性。4.2 功能需求分析4.2.1 前台功能需求性分析1 用户管理:实现用户注册,登陆,可以进入个人中心进行信息管理,资料修改以及密码修改等等操作2 商品展示:用户可以查看糕点具体信息,并可以通过筛选信息,检索信息来查找糕点。3 糕点资讯:可以查看相关热点的糕点资讯,并可以通过筛选以及检索查找信息。4 烘焙学院:为用户提供制作糕点的食谱,可以通过筛选和检索查找信息5 论坛:用户之间可以相互交流和分享经验4.2.2 后台台功能需求性分析1 商品管理:主要实现商品分类管理,添加与修改商品信息2 资讯管理:实现文章的添加、修改以及删除3 烘焙学院:实现文章的添加、修改以及删除4 管理网站用户:实现用户和管理员管理,设置用户权限5 网站常规设置:首页广告、友情链接等的设置5 数据库设计5.1 数据库需求分析本网站使用的是MySQL数据库管理系统,其具有体积小、速度快、可移植以及成本低等特点,满足中小型企业建站开发需求 段远志 .数据库设计方法J.南昌教育学院学报,2005(04):84-86.。本章阐述数据库主要的7个表格(详情见表5.1)。管理员表admin是存储管理员信息的表格,具有较高的权限,可以对会员以及网站文章进行管理。用户基础表user_bases是用户在注册时需要填入信息的表格,是用户的基础信息,填入信息是用户找回密码的依据。用户扩展表user_expand是围绕个人中心功能需求建立的表格,是用户信息的扩展。商品表product是存放商品信息的表格,商品图片保存在相册表album,两个表之间通过字段进行关联调用。BBS_notice存放论坛公告信息的数据,而BBS_arcticle则是存放发帖内容。表5.1 数据库表结构名称说明admin管理员表user_base用户中心基础表user_expand用户中心扩展表product商品表album相册表BBS_notice论坛公告BBS_arcticle论坛内容5.2 数据库表格设计表5.2 管理员表admin字段名称数据类型默认值允许非空自动递增备注idtinyint unsignedNOYES主键usernamevarchar(30)NO管理员名称,唯一passwordvarchar(32)NO管理员密码emailvarchar(60)NO邮箱表5.3 会员表user_base字段名称数据类型默认值允许非空自动递增备注idint unsignedNOYES主键usernamevarchar(30)NO会员名称passwordchar(32)NO密码emailvarchar(60)NO邮箱regTimeint unsignedNO注册时间activeFlagtinyint(1)0NO是否激活表5.4 会员表user_expand字段名称数据类型默认值允许非空自动递增备注namevarchar(30)YES姓名telInt(11)NO手机sexenum(“男”,”女”,”保密”)男NO性别birthdayvarchar(22)NO出身日期表5.5 商品表product字段名称数据类型默认值允许非空自动递增备注idsmallint unsignedNOYES主键pNamevarchar(255)NO商品名称cIdint unsignedNO所属分类IDpSnvarchar(50)NO商品货号pNumint unsigned0NO商品库存mPricedecimal(10,2)NO市场价iPricedecimal(10,2)NO网站价pDescmediumtextYES商品简介pImgvarchar(255)NO商品图片表5.6 相册表album字段名称数据类型默认值允许非空自动递增备注idint unsignedNOYES主键Pidint unsignedNO对应商品idalbumPathvarchar(50)NO商品图片表5.7 表格BBS_notice的列清单名称数据类型允许非空备注外来键idint(5)NO公告编号falsetitlevarchar(50)NO公告标题falsecontentvarchar(2000)NO公告内容falsepdatedateNO公告发布时间falseadminidint(2)NO发布公告的管理员编号True表5.8 表格BBS_arcticle的列清单名称数据类型允许非空备注外来键idint(10)NO帖子编号falsepidint(10)NO父帖编号,0表示该帖子为主题帖falserootidint(10)NO主题帖编号,主题帖的该字段值与其自身编号相同falsetitlevarchar(255)NO帖子标题falsecontentClobNO帖子内容falsepdateDateNO发表时间falseisleafint(1)NO判断是否回帖,0表示没有被回复,1表示被回复过falseuseridint(5)NO发帖用户编号Trueforumidint(3)NO帖子所属版块True6 网站界面的设计与实现6.1 网站UI设计一个好的网站需要给用户视觉上的享受,需要让用户有好的用户体验,要满足用户的需求以及使用习惯。网站整体布局需要层次分明、结构清晰,便于用户浏览以及快速查找相关功能。其次还需要注重界面的友好性,需合理的糅合搭配文字、图片、声音以及视频等元素,呈现页面立体感,使用户有视觉上的享受。本站建站风格主要定位于活跃清新、简洁大方的格调。现今网站风格流行趋势越来越追求极简主义,网站设计领域中,设计师崇尚一切从简的思想。一切从简是将复杂的东西浓缩成简单的东西,并且有价值的东西不会因为简化的原因而丢失。网页建站需要注重用户体验,应当让用户在浏览网页时,可以迅速找到想要的功能,而不是混淆用户者,或者是感觉到失去对网页的控制,茫然无措不知道该怎么操作。其次需要有赏心悦目、友好的界面,这需要打破以往常规的规规矩矩的排版,给与用户视觉上的享受。以往规矩的设计排版已经很难吸引受众了,打破常规的排版对于网站设计已经越来重要,突破人们视觉常规观感的设计,不仅利于大家记忆,而且会获得极大的社交网络传播。独特的风格能体现出更现代化的风尚。注重用户体验,注重阅读体验。在用户操作时需要有交互,需让用户知道你的网站已经在对用户的操作进行执行,给予用户相关的反馈信息,让用户更有耐心进行操作与等待。当用户遇到需要繁琐操作的功能时,一定会感到反感与厌恶,并有可能因此而放弃操作。所以为用户提供简洁高效的操作,是很有必要的,这会增加用户的驻足时间和访问量。最后很重要的一点,页面自适应技术(响应式)。响应式的网页设计成为网页设计的趋势,颇受业界追捧。由于各大电脑的分辨率尺寸不一致,因此设计适用于不同屏幕分辩率的网页是很有必要的。6.2 网站前台界面的设计与实现6.2.1 网站一级菜单界面图6.1 网站首页图6.2 糕点资讯图6.3 糕点展示图6.4 烘焙学院图6.5 关于我们6.2.2 用户中心图6.6 个人信息图6.7 设置头像图6.8 修改密码图6.9 手机/邮箱绑定图6.10 糕点收藏图6.11 收件箱6.2.3登陆/注册图6.12 关于我们图6.13 用户注册图6.14 找回密码图6.15 验证界面7 连接数据库7.1 创建数据库该网站主要是使用织梦dedecms框架,用php开源语言进行二次开发。数据库是建立在原有织梦数据库的基础上,并对局部内容进行修改。数据库创建的基本操作:1 创建数据库:create database database-name2 删除数据库:drop database database-name3 创建数据库新:create table tabname(col1 type1 not null primary key,col2 type2 not null,.)4 根据已有的表创建新表:create table tab_new like tab_old (使用旧表创建新表)5 删除新表drop table tabname7.2 连接数据库连接数据库,实现增删改查:1 选择:select * from table1 where (range)2 插入:insert into table1(x1,x2) values(value1,value2)3 删除:delete from table1 where (range)4 更新:update table1 set x1=value1 where (range)5 查找:select * from table1 where x1 like %value1% -like6 排序:select * from table1 order by x1,x2 desc7 总数:select count as totalcount from table18 求和:select sum(x) as sumvalue from table19 平均:select avg(x) as avgvalue from table110 最大:select max(x) as maxvalue from table111 最小:select min(x) as minvalue from table18 测试、完善网站8.1 系统测试8.1.1 页面链接测试链接也称超级链接,所谓的超链接是指从原始网页指向目标网页的链接,可以实现页面的跳转。超链接的对象可以是文本、图像或者按钮,当浏览者单击链接对象后,链接目标网页将显示在浏览器上,并且根据目标的类型来打开或运行。需在本地测试链接跳转是否成功,然后将错误链接重新更改到正确的路径。通过检测,该网站如无错误链接和孤立的网页,则链接测试通过。8.1.2 配置结合兼容性测试由于各大浏览器的内核代码不同,所以需要注意代码的兼容性问题。有些标签不适用于所有的浏览器,所以需要注意该问题。8.1.3 数据库测试数据库测试需考虑数据的完整性、有效性以及操作更新的正常使用。确保数据操作能够正常进行,并完整存入数据库。同时需检测当数据超出空间容量时,能够自动启动系统扩展部分进行临时存储。8.2 网站维护系统的维护主要包括四个方面(1) 程序的维护:根据用户的需求与意见反馈,修改部分具有缺陷性的功能,这种维护往往是在需求发生变化或原系统的存在漏洞、效率低等缺陷的情况下进行的。(2) 数据文件的维护:按照用户需求的改变对数据文件进行不定期的修改,以避免数据冗余,导致网站反应速度慢。(3) 代码的维护:网站功能需要随着用户需求而变换修改,因此需要对系统的代码进行修改,这个过程中可能会出现旧代码不能适应新要求的问题,因此,有必要变更代码,予以维护。(4) 硬件的维护:对系统所使用的设备进行维护。结论本文讲述了“羽希糕点”网站的设计与实现,主要介绍了本网站的开发环境、主要制作流程与实现方式。网站开发主要有以下流程:1. 注册域名以及选择服务器;2. 进行用户需求分析,制定网站结构功能;3. 使用图片处理工具Photoshop设计网站的UI界面;4. 根据需求分析,建立数据库表;5. 使用视觉化网页开发工具Dreamweaver制作网站,并用javascript和jquery实现动态效果,使页面更立体化的呈现;6. 使用开源语言PHP语言实现与数据库Mysql的连接,制作出跨越平台限制和跨越浏览器限制的充满动感的网页;7. 网站调试,对网站不完善的地方进行修改;8. 发布网站,并进行维护。在网站的建设开发中,一开始由于没有优化,HTTP请求次数过多导致网页加载速度较慢,其次事件处理也不够优化,导致处理速度慢。由于代码的不够严谨,导致后续网站更新完善的时候比较困难,代码过于冗余杂乱,不便于查找相关功能,以至于给开发带来了麻烦。根据本次的网站制作总结出需要注意的事项:1. 推迟加载内容,将不是马上需要用到的js、css文件推迟加载;2. 减少DOM访问数量,页面元素越多JavaScript遍历DOM的效率越慢;3. 优化图片大小,在满足图片清晰的情况下,尽量缩小图片大小;4. 减小

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论