苹果网站设计与制作

二零一五年十二月毕业设计报告新媒体技术学院题目苹果网站设计与制作班级网络新闻与编辑1301姓名学号指导老师新媒体技术学院制毕业设计选题审批表新媒体技术学院网络新闻与编辑专业1301班级毕业设计题目苹果网站设计与制作学生姓名指导教师及专业技术职称毕业设计内容简介苹果网站通过苹果网站的首页、二级页面和三级页面，提供丰富的评测资讯，并撰写最新产品。为网友提供一个优质的选择产品的资讯平台，为广大网友观看最新苹果手机评测等提供便捷，让产品销售变得更简单。审批意见（盖章）年月日2016届毕业设计任务书姓名学号专业班级网络新闻与编辑1301毕业设计选题苹果网站设计与制作主要设计内容网站内容包括所有可以在网上被用户通过视觉或听觉感知的信息，如产品、音乐、评测等。一般来说，文字和图片信息是网站的主要表现形式。其中主要包括产品评测，最新产品推荐等。主要设计任务1网站栏目设计，划分主栏目和子栏目2版块分布，寻找一种适合该网站的背景颜色搭配3网站内容，及其最新信息需提交的设计结果1提交苹果网站设计与制作的毕业设计方案2提交苹果网站设计与制作毕业设计作品3提交苹果网站设计与制作毕业设计报告4提交苹果网站设计与制作毕业设计答辩PPT5提交苹果网站设计与制作毕业设计光盘（包含作品、报告、方案、答辩PPT电子档）指导老师欧阳炜昊完成任务期限2014年12月5日审核意见院长（签章）填报日期年月日新媒体技术学院2016届毕业设计方案姓名学号专业班级网编1301毕业设计选题苹果网站设计与制作设计目标通过苹果网站的首页、二级页面和三级页面，提供丰富的评测资讯，并撰写最新产品。为网友提供一个优质的选择产品的资讯平台，为广大网友观看最新苹果手机评测等提供便捷，让产品销售变得更简单。设计内容1苹果网站设计与制作的定位网站设计网站制作各项产品的宣传及评测资讯传播系统，主要用户是使用网络的各大网友网民和想购买苹果产品的用户及各手机评测的资讯。2本网站划分为三个主栏目，主要组成模板有产品模板、音乐模板、评测模板、等几块动态模板；3编辑苹果网站策划书，制定适合于苹果手机网站的制作方案。制作图文评测的发布，制作栏目图文消息的前提是资源整合。4苹果网站设计与制作制定适合于苹果网站作的方案。要求做到，首页设计合理，格局工整，条理清晰，便于观看。并完善网站二级页面链接，制作二级页面和三级页面。设计进程12015101820151022准备阶段。确定课题并写出毕业报告提纲，搜集有关资料，准备参考资料。22015102320151031系统分析、确定实施方案阶段。通过对课题的论证、分析，所用技术与使用解决办法比较，从多种可能的方案中选择较优的方案。3201511120151110编写程序、进行计算与实验分析阶段。根据设计要求，应用较新的理论知识确定设计原则，计算方法，并写出规范的程序流程图，编制源程序，进行程序调试和实例分析，使之完全达到设计要求。42015111120151125编写毕业设计报告阶段。参照写作提纲编写规范的毕业设计说明书。52015112620151128准备答辩资料阶段。指导教师意见签名填报日期年月日毕业设计指导记录表姓名专业班级网编1301学号毕业设计选题苹果网站设计与制作设计阶段指导意见设计进程阶段一选定毕业设计题目，下载织梦模板，规划了网站的栏目，网站的页面结构，进行资料查找与收集。设计进程阶段二根据毕业设计方案，制作了网站的首页、二级页面和三级页面，网页整体结构完整。设计进程阶段三80完成策划书内容并且做好策划书，成果报告书内容还需调整，格式还需规范。把完成一半的毕业设计网站让指导老师检查，指出我的文档排版内容不够具体等不足。设计进程阶段四通过策划文案调整修改，文案报告调理基本清晰，设计与报告合理，逻辑性较强，格式按照要求规范调整，准备进行答辩。指导教师年月日毕业设计评阅表新媒体技术学院网编专业姓名学号班级网络编辑1301选题名称苹果网站设计与制作评价指标观测点分值评定成绩态度与职业素质投入的时间与指导老师的沟通次数团队合作情况工作状态20过程与规范设计方案的可行性理论依据和技术规范选择的合理性节点任务完成的及时性过程记录的完整性接受指导的次数20专业水平知识水平技能运用综合能力30设计及其作品质量任务的完成程度要素的完整程度作品的准确程度与行业标准的契合度成果报告书的完整性30合计（60分以下为不合格，不得参加当次答辩）是否同意参加答辩是否指导老师签名年月日毕业设计答辩情况记录表毕业设计题目苹果网站设计与制作学号姓名指导老师职称副教授答辩时间2015年12月5日答辩地点答辩记录答辩记录人签字答辩组长（签字）答辩组成员（签字）答辩成绩备注毕业设计成绩评定（分）表姓名专业网编新闻与编辑班级网络新闻与编辑1301班学号指导老师课程设计选题苹果网站设计与制作毕业设计过程及作品质量评价（70）毕业设计答辩（30）毕业设计总分指导老师专业负责人（教研室主任）年月日苹果网站设计与制作【摘要】随着通信技术的成熟，苹果的款式日益增多，用以适应人们对时代的要求，也随着网络技术的发展，网上手机信息也不断增多，基于网上对专门苹果的评测、价格、市场展望、新机发布、产品信息（如手机评测、手机图片、手机铃声）等没有较为完整的设计，我们设计了本网站苹果手机专门网站，本网站对苹果手机进行了较为完整的介绍和提供了较为完整的信息。本报告主要阐述苹果手机网站组成模块的设计思想和实现的关键技术。本网站包括产品模板、音乐模板、评测模板、等几块动态模板，本报告就对这些模块进行阐述。关键字新闻、评测、手机目录第一章网站建设背景介绍111项目介绍112发展目标113市场分析2第二章开发工具的选用及介绍321织梦322PHOTOSHOP323DREAMEWEAVERCS64第三章网站设计531网站LOGO532图标界面533网站内容634功能版块设置635网站布局7361前台设计8362后台设计9363整体设计9第四章网站内容发布1141网站内容制作1142网站内容发布1143网站效果展示12第五章网站管理与维护1451网站维护14511网站的管理14512后台用户管理14513网站界面的维护14514服务器硬件维护1452网站升级1553病毒防治1554故障维护16项目综合总结17致谢18参考文献19第一章网站建设背景介绍11项目介绍苹果网站设计的背景随着通信事业的不断发展，信息技术的不断成熟，手机在人群中沟通和信息交流中起着越来越明显的作用。如何合理、有效地利用这先进地通行技术来为人类地信息沟通服务是我们设计本网站的初期思想。网站的开发现在变成了IT业的一类行业，但也成为了人们生活中必须的一种媒体形式存在，也成为了信息传递的一种新生渠道，同时收费网站的设计为很多电脑程序设计者提供了谋生的场地，免费的网站越来越少了。同时，手机也成为了媒体通信的一种新手段，而且逐渐变为不可或缺的人与人沟通的一种方法。有见及此，我们综合以上调查，特意为大家提供免费的苹果手机专业网站，为大家提供苹果手机的免费信息（如图片、铃声等），为大家提供更方便、更容易了解这款手机和得到它的最新信息。提高大家对苹果手机的了解。12发展目标近年来网页设计的技术要求越来越高，静态网站已经不再符合要求了，现在开发的网站的主要是以动态网站为主，它的好处是根据动态数据链接来更新网站上的内容，不再需要像以前那样用人手把每页的内容进行更新，减轻了网站维护的难度，但增加了网站本身设计的难度，代码是运行在网页中的中计算机文字，动态网站的设计就是要在网站的设计中同时对需要运行程序的地方写入合适的代码，让网站做到与管理员、用户互动，编写这些代码不但要求符合应用要求，而且要求不能有一丝的错误，因为一丝的错误就能导致网站不能正常地运行，本网站的技术难度就是在于代码的设计，涉及的就有新闻模板、手机评测模板、管理员登录、用户注册这几大模板。要设计合适自己网站的代码就要自己明白网站的用途和网站的定位，经过调查和查阅书籍，我们已经解决网站设计中的问题。13市场分析行业环境分析根据五力模型，要分析潜在进入者力量、替代品力量、购买者力量、供应商力量和行业内现有企业之间的竞争。从这一方面来说苹果在中国的处境相对比较艰难，潜在进入者很多，比如诺基亚正在研制的LINUX基础的MEEGO操作系统等等；可以替代的竞争品也很多，如ANDROID系统的GOOGLE手机、WINDOWSMOBILE的微软系统以及一直游离于主流之外却为商务人士钟爱的黑莓等等；智能手机的行业内部具有一个比较年轻和广阔的市场，许多巨头都在力图推出自己的智能手机系列抢占市场，获得消费者的口碑和忠诚。技术环境分析苹果手机基本保持每年更新的速度，现已出苹果六代。技术进步的加快使产品生命周期不断缩短。新技术的出现对整个行业都会产生巨大的影响，谁能更准确地把握时机，迎合消费者的新需求，就能屹立不倒。苹果公司一向在技术创新领域走在前端，苹果公司往往能化繁为简，让消费者轻易使用。苹果手机关注度最高，说明苹果的手机产品市场前景较好，受众群体广等，相比于其他手机发展都毕竟容易。如图11所示图11产品分析图第二章开发工具的选用及介绍21织梦织梦内容管理系统DEDECMS以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，也是使用用户最多的PHP类CMS系统，在经历多年的发展，目前的版本无论在功能，还是在易用性方面，都有了长足的发展和进步，DEDECMS免费版的主要目标用户锁定在个人站长，功能更专注于个人网站或中小型门户的构建，当然也不乏有企业用户和学校等在使用本系统。优点易用，使用织梦你可以用十分钟学习它，十分钟搭建一个。完善，织梦基本包含了一个常规网站需要的一切功能。丰富的资料，作为一个国内CMS，织梦拥有完善的中文学习资料。丰富的模版，织梦拥有大量免费的漂亮模版，你可以自由的使用它们。缺点缺乏灵活性，高度的功能集成造成了织梦灵活性的缺失，所以织梦扩展性并不是很好。安全，织梦作为一个国内开源CMS，社区缺乏更好技术支持和环境，所以漏洞频发。社区，织梦的官方社区是收费的，这对于一个开源项目来说本身就是一个问题。22PHOTOSHOPPHOTOSHOP是一款图形、图像编辑软件，在网页设计领域被广泛得应用。以其强大的功能倍受用户的青睐。它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体的专业图形处理软件。ADOBEPHOTOSHOP为美术设计人员提供了无限的创意空间，可以从一个空白的画面或从一幅现成的图像开始，通过各种绘图工具的配合使用及图像调整方式的组合，在图像中任意调整颜色、明度、彩度、对比、甚至轮廓及图像；通过几十种特殊滤镜的处理，为作品增添变幻无穷的魅力。23DREAMEWEAVERCS6DREAMWEAVER是一个功能强大的网页设计工具，有着方便实用的工具和所见即所得的排版功能，界面十分友好，使用方便。在不需要掌握HTML语言的情况下，即可利用其强大的功能开发出专业的网页。DREAMWEAVER也是一个方便的编程工具，可以方便地编写ASP、PHP、JSP代码，软件的自动提示填充功能和代码染色功能可以有效地帮助用户编写和调试各种代码。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。借助于DREAMWEAVER可以快速方便地开发出各种动态或静态网站。第三章网站设计31网站LOGO最初的LOGO在1976年确由创始人三人之一韦恩设计，只在生产APPLEI时使用，为牛顿坐在苹果树下看书的钢笔绘画。不过，牛顿徽标用了很短的时间，乔布斯认为该徽标过于复杂，不易复制传播，于是，在1976年由乔布斯决定重新指定REGISMCKENNA公关公司的艺术总监ROBJANOV重新设计一个更好的徽标来配合APPLEII的发行使用。于是JANOV开始制作了一个苹果的黑白剪影，后来又演变为被咬了一口的苹果，其苹果LOGO的含义为TAKINGABITE，ABYTE，即一个字节，而后增加了六条彩色的、水平色条，这样就完成了我们今天所熟知的彩色苹果徽标。苹果第二代LOGO一直使用至1998年，在IMAC发布时作出修改，变更为单色系列。2007年再次变更为金属带有阴影的银灰色苹果LOGO设计，使用至今。如图31所示图31网站LOGO图32图标界面使用图标界面的主要优点是快速识别，布局美观，便于记忆和利于国际化；主要缺点是图标设计的意义有时难以为用户所理解和识别。网站图形界面中的图标以下简称为“图标界面”主要是功能标识，用来代表界面中的一些系统功能。界面图标在极小的空间里表达极大的信息量，既是高度抽象的，又必须让人一眼明白所要表达的意思。通过这种方式无论是有经验还是没经验的用户，学习使用和操作都会变得简单，快捷。如图32所示图32图标界面图33网站内容内容是用户通过网站可以看到的所有信息，也就是群众希望通过网站向用户传递的所有信息。网站内容包括所有可以在网上被用户通过视觉或听觉感知的信息，如产品、音乐、评测等。一般来说，文字和图片信息是网站的主要表现形式。其中主要包括产品评测，最新产品推荐等。34功能版块设置主要分为7大版块，每个栏目都有核心且相互关联，如图33及图34所示图33苹果网站栏目结构图栏目构成设置原因产品主要了解苹果的有那些产品和产品的基本介绍。评测这是网站的主要栏目，是苹果各种产品的图文评测，最新产品的详细介绍及图文开箱图等。图片超多产品的高清图片欣赏，让群众更了解产品。音乐音乐是软件系统的主打特点。商店商店包括软件购买，产品帐号购买，还有后期维修等。PENNCILPENNCIL的今年的最新产品，对其的最新的介绍和优点分析。图34网站基本栏目设置35网站布局苹果网站在网站建设方面充分考虑到用户对网站的喜爱以及页面的打开速度。1保持网站内容、信息的新颖性，在很大程度上可以赢得浏览者、用户的喜爱与信任，对宣传网站有很大的帮助。2采用简单、高效的页面，保证网站网页的打开速度，避免因网速问题而流失用户。3保证网站简单、易用，网站的布局和导航很方便、实用。4网站不需要注册和登录就能看到图片和评测，给浏览者们提供了一个免首页产品评测图片音乐商店PENNCIL费且方便的观看平台。5在浏览者浏览页面的时候，不设置弹出窗口或者浮动广告。现在，大部分的视频网站都是广告超多，甚至有些广告可以超过1分钟，我们不设置广告，为的就是给用户免费服务。从而提高网站的知名度。如图35所示图35网站首页布局36网站设计361前台设计网站的设计主要组成模板是评测模板，了解一下我们网站在设计中的重点设计，因为网站需要动态的显示各模板的功能，所以在设计中我们结合了容易管理的思想，根据具体的要求设计了自己的代码，使自己管理员在管理中减轻管理负担，降低了管理难度。评测模块作为最主要的模块，首先是文章更新置顶和首页文章更新预览，以及下面是所有文章的连接。如图36所示图36网站前台设计362后台设计后台是三级页面，主要是撰写当前最新的文字图片评测等，其中包括六大栏目，每个栏目包含一个产品的最新信息整体后台如图37所示图37网站前台设计363整体设计本网站通过苹果网站的首页、二级页面和三级页面，提供丰富的评测资讯，并撰写最新产品。为网友提供一个优质的选择产品的资讯平台，为广大网友观看最新苹果产品评测等提供便捷，让产品销售变得更简单。如图38所示图38网站整体设计文字设计1字体传统宋体是最为保守和稳固的字体，且不会出现因用户电脑没有预装特定字体而造成页面变形的情况。2字号正文文字采用了1214PX，导航栏文字选择了20PX，标题文字采用了16PX。3粗细网页中大标题或者小标题加粗，其他正文都是默认粗细。4普通文本颜色为了方便用户阅读，没有选择特别明亮和刺激的颜色，传统的纯黑色太过纯黑，所以选择了偏蓝色一点的黑色。5链接文本与链接悬停文本的颜色第四章网站内容发布41网站内容制作苹果网站是一个了解苹果产品网站。本网站包括三个主栏目，分别是音乐、评测和最新产品。本网站需要制作网站的首页和子页面，提供丰富的评测资讯，并查找相关的信息，为网友提供一个真实的资讯平台，为广大网友观看评测新闻提供便捷。42网站内容发布最新新闻是本网站的一个重要的组成部分，对这部分的维护尤其重要，这是保持网站流量和吸引游客或用户的一个重要手段，对新闻模板的维护重要是结合网上的其他网站的更新内容综合起来，同时也要自己到其他资料中寻找有用的资料加以结合来增加用户的浏览兴趣。产品评测模板是网站的又一重要组成部分，也是本网站的重要环节，主要是体现本网站对苹果手机的了解程度，也是本网站的一重点，通过不断对数据库的更新，来保持本网站苹果产品最新资讯。苹果主要信息（如手机图片下载、铃声下载、游戏下载等）模板是手机用户的要求为其提供最新的、最好的手机信息内容，主要是通过与用户商的联系，来获取最新的图片、游戏、铃声以供用户下载，同时也要保证网站内容不受侵犯和合法性。43网站效果展示网站首页网站整个首页面主要以蓝的颜色为主，不要太花俏。平淡、科技感为主。通过对IPHONE手机、MAC电脑、WATCH手表、IPAD平板电脑等方面进行的深入了解,从图片内容、更新的硬件、新产品的功能、软件的更新、等多角度让群众了解苹果系列产品，希望让更多人了解产品的实质的内容,使销量的提升。网站首页如图41所示图41网站首页图二级页面主要是所有评测文章的分类和总和，主要版块有IPHONE、IPAD、WATCH、MAC、PENCIL、配件等每个栏目内都是代表关于这个产品的所有文章和资讯等。左侧界面可以进入主页和版权等。如图42、所示图42二级页面图三级页面左侧和二级页面相同，三级页面是显示文章全部详情。文章最上面是标题和关键字等，下面的文本框显示内容，主要以简约为主，白色打底显示出网站的简单又清晰。如图43所示图43三级页面图第五章网站管理与维护51网站维护511网站的管理对从事网站设计的人员对网站的管理是一件必不可少的事情，如用户管理是对网站流量的一个管理和对用户对网站的意见、要求的及时回应的一种手段，还有其他模板的管理一样重要，是保持和增加用户浏览量的一个重要手段，网站的流量是衡量一个网站是否受欢迎的一个重要标准，维护网站包括内容的更新，特别是对用户要求内容的更新等等。512后台用户管理后台的管理，后台是管理员才能进行操作的模板，主要操作就是进行网站内新闻的发布与更新，评测内容准确性的审核与发布，论坛的管理，用户注册申请提交的审核与批准等等，正是管理员对网站的主要管理操作。后台等同于网站的灵魂，重要的信息发布场所。513网站界面的维护网站界面的维护就是通过不断的测试对网站在网上不同系统中运行的保证，界面是一个网站的外形结构，他所体现的是网站设计者对网站开发的信心和管理的程度，同时也决定网站是否吸引用户的一大因数。514服务器硬件维护计算机硬件在使用中常会出现一些问题，同样，网络设备也同样影响企业网站的工作效率，网络设备管理属于技术操作，非专业人员的误操作有可能导致整个企业网站瘫痪。没有任何操作系统是绝对安全的。维护操作系统的安全必须不断的留意相关网站，及时的为系统安装升级包或者打上补丁。52网站升级建站容易维护难。对于网站来说，只有不断地更新内容，才能保证网站的生命力，否则网站不仅不能起到应有的作用，反而会对企业自身形象造成不良影响。如何快捷方便地更新网页，提高更新效率，是很多网站面临的难题。现在网页制作工具不少，但为了更新信息而日复一日地编辑网页，对信息维护人员来说，疲于应付是普遍存在的问题。内容更新是网站维护过程中的一个瓶颈。网站的建设单位可以考虑从以下五个方面入手，使网站能长期顺利地运转。在网站建设初期，就要对后续维护给予足够的重视，要保证网站后续维护所需资金和人力。很多单位是以外包项目的方式建设网站的，建设时很舍得投入资金。可是网站发布后，维护力度不够，信息更新工作迟迟跟不上。网站建成之时，便是网站死亡的开始。要从管理制度上保证信息渠道的通畅和信息发布流程的合理性。网站上各栏目的信息往往来源于多个业务部门，要进行统筹考虑，确立一套从信息收集、信息审查到信息发布的良性运转的管理制度。既要考虑信息的准确性和安全性，又要保证信息更新的及时性。在建设过程中要对网站的各个栏目和子栏目进行尽量细致的规划，在此基础上确定哪些是经常要更新的内容，哪些是相对稳定的内容。由承建单位根据相对稳定的内容设计网页模板，在以后的维护工作中，这些模板不用改动，这样既省费用，又有利于后续维护。对经常变更的信息，尽量用结构化的方式（如建立数据库、规范存放路径）管理起来，以避免数据杂乱无章的现象。如果采用基于数据库的动态网页方案，则在网站开发过程中，不但要保证信息浏览环境的方便性，还要保证信息维护环境的方便性。要选择合适的网页更新工具。如何“写到“网页上去，采用不同的方法，效率也会大大不同。比如使用NOTEPAD直接编辑HTML文档与用DREAMWEAVER等可视化工具相比，后者的效率自然高得多。倘若既想把信息放到网页上，又想把信息保存起来以备以后再用，那么采用能够把网页更新和数据库管理结合起来的工具效率会更高。53病毒防治机算计病毒及其防治技术全面详细地介绍了信息、安全技术、机算计犯罪、机算计病毒、信息保障体系及信息战的基本概念；阐述了机算计病毒的宏观防范策略与病毒寄生环境；着重剖析了典型的机算计病毒机理、病毒的传染机制及触发机制；论述了机算计病毒的检测技术、清除技术和预防机制；穿插介绍了计算机病毒技术和反病毒技术的新动向与发展趋势，并结合信息安全领域中最新研究成果以及海湾战争、“911”事件、伊拉克战争对密码技术在机算计病毒中的应用及机算计病毒作为一种信息武器在当代信息战争中的实际应用进行讨论。54故障维护网站更新企业网站主要是更新产品及说明文字，一般中小企业网站建设都没有后台内容管理系统，网页更新需要懂得做网页的人员，但企业大都没有这种人才，一个办法，就是在跟做网站的网络公司签定合同时就订下有关网页更新服务的条款，不要因为合同中忽略了这个问题，等到需要更新时再去找网络公司就很被动，另外一个比较柔性的解决办法就是，公司里训练一个编辑网页的人员，学会使用FRONTPAGE、DREAMWEAVER等HTML编辑程序，一个人要是能学会使用WORD，就应该可以学会网页编辑，FTP上传文件，可以让做网站的网络公司培训一下，结合买书自学，并不难，其它推广维护工作，主要就是寻找互换链接的对象、发布信息、EMAIL营销推广、回复客户EMAIL以及网站与用户的互动应答等，大都需要长期经营，这些工作大多不需要涉及太复杂的专业知识，但需要投入很多精力，对于网站维护人员，需要明确工作职责、内容，并长期学习新的知识。项目综合总结本网站是以宣传苹果产品评测为主，具有一定实用性和综合性。它主要为想要了解苹果产品的人提供一个便捷、高效的咨询平台。本网站采用当前流行的DREAMWEAVER来完成整个系统的设