苹果网站设计与制作

第一章网站建设背景介绍1.1项目介绍苹果网站设计的背景：随着通信事业的不断发展，信息技术的不断成熟，手机在人群中沟通和信息交流中起着越来越明显的作用。如何合理、有效地利用这先进地通行技术来为人类地信息沟通服务是我们设计本网站的初期思想。网站的开发现在变成了IT业的一类行业，但也成为了人们生活中必须的一种媒体形式存在，也成为了信息传递的一种新生渠道，同时收费网站的设计为很多电脑程序设计者提供了谋生的场地，免费的网站越来越少了。同时，手机也成为了媒体通信的一种新手段，而且逐渐变为不可或缺的人与人沟通的一种方法。有见及此，我们综合以上调查，特意为大家提供免费的苹果手机专业网站，为大家提供苹果手机的免费信息（如：图片、铃声等），为大家提供更方便、更容易了解这款手机和得到它的最新信息。提高大家对苹果手机的了解。1.2发展目标近年来网页设计的技术要求越来越高，静态网站已经不再符合要求了，现在开发的网站的主要是以动态网站为主，它的好处是根据动态数据链接来更新网站上的内容，不再需要像以前那样用人手把每页的内容进行更新，减轻了网站维护的难度，但增加了网站本身设计的难度，代码是运行在网页中的中计算机文字，动态网站的设计就是要在网站的设计中同时对需要运行程序的地方写入合适的代码，让网站做到与管理员、用户互动，编写这些代码不但要求符合应用要求，而且要求不能有一丝的错误，因为一丝的错误就能导致网站不能正常地运行，本网站的技术难度就是在于代码的设计，涉及的就有新闻模板、手机评测模板、管理员登录、用户注册这几大模板。要设计合适自己网站的代码就要自己明白网站的用途和网站的定位，经过调查和查阅书籍，我们已经解决网站设计中的问题。1.3市场分析行业环境分析：根据五力模型，要分析潜在进入者力量、替代品力量、购买者力量、供应商力量和行业内现有企业之间的竞争。从这一方面来说苹果在中国的处境相对比较艰难，潜在进入者很多，比如诺基亚正在研制的Linux基础的MeeGo操作系统等等；可以替代的竞争品也很多，如Android系统的google手机、windowsmobile的微软系统以及一直游离于主流之外却为商务人士钟爱的黑莓等等；智能手机的行业内部具有一个比较年轻和广阔的市场，许多巨头都在力图推出自己的智能手机系列抢占市场，获得消费者的口碑和忠诚。技术环境分析：苹果手机基本保持每年更新的速度，现已出苹果六代。技术进步的加快使产品生命周期不断缩短。新技术的出现对整个行业都会产生巨大的影响，谁能更准确地把握时机，迎合消费者的新需求，就能屹立不倒。苹果公司一向在技术创新领域走在前端，苹果公司往往能化繁为简，让消费者轻易使用。苹果手机关注度最高，说明苹果的手机产品市场前景较好，受众群体广等，相比于其他手机发展都毕竟容易。如图1-1所示:图1-1产品分析图第二章开发工具的选用及介绍2.1织梦织梦内容管理系统(DedeCms)以简单、实用、开源而闻名，是国内最知名的PHP开源网站管理系统，也是使用用户最多的PHP类CMS系统，在经历多年的发展，目前的版本无论在功能，还是在易用性方面，都有了长足的发展和进步，DedeCms免费版的主要目标用户锁定在个人站长，功能更专注于个人网站或中小型门户的构建，当然也不乏有企业用户和学校等在使用本系统。优点：易用，使用织梦你可以用十分钟学习它，十分钟搭建一个。完善，织梦基本包含了一个常规网站需要的一切功能。丰富的资料，作为一个国内cms，织梦拥有完善的中文学习资料。丰富的模版，织梦拥有大量免费的漂亮模版，你可以自由的使用它们。缺点：缺乏灵活性，高度的功能集成造成了织梦灵活性的缺失，所以织梦扩展性并不是很好。安全，织梦作为一个国内开源cms，社区缺乏更好技术支持和环境，所以漏洞频发。社区，织梦的官方社区是收费的，这对于一个开源项目来说本身就是一个问题。116832.2PhotoshopPhotoshop是一款图形、图像编辑软件，在网页设计领域被广泛得应用。以其强大的功能倍受用户的青睐。它是一个集图像扫描、编辑修改、图像制作、广告创意、图像合成、图像输入/输出、网页制作于一体的专业图形处理软件。AdobePhotoshop为美术设计人员提供了无限的创意空间，可以从一个空白的画面或从一幅现成的图像开始，通过各种绘图工具的配合使用及图像调整方式的组合，在图像中任意调整颜色、明度、彩度、对比、甚至轮廓及图像；通过几十种特殊滤镜的处理，为作品增添变幻无穷的魅力。17562.3Dreameweavercs6 Dreamweaver是一个功能强大的网页设计工具，有着方便实用的工具和所见即所得的排版功能，界面十分友好，使用方便。在不需要掌握HTML语言的情况下，即可利用其强大的功能开发出专业的网页。Dreamweaver也是一个方便的编程工具，可以方便地编写ASP、PHP、JSP代码，软件的自动提示填充功能和代码染色功能可以有效地帮助用户编写和调试各种代码。它集网页设计、网站开发和站点管理功能于一身，具有可视化、支持多平台和跨浏览器的特性，是目前网站设计、开发、制作的首选工具。借助于Dreamweaver可以快速方便地开发出各种动态或静态网站。第三章网站设计242303.1网站LOGO最初的Logo在1976年确由创始人三人之一韦恩设计，只在生产AppleI时使用，为牛顿坐在苹果树下看书的钢笔绘画。不过，牛顿徽标用了很短的时间，乔布斯认为该徽标过于复杂，不易复制传播，于是，在1976年由乔布斯决定重新指定RegisMcKenna公关公司的艺术总监RobJanov重新设计一个更好的徽标来配合AppleII的发行使用。

于是Janov开始制作了一个苹果的黑白剪影，后来又演变为被咬了一口的苹果，其苹果logo的含义为takingabite，abyte，即一个字节，而后增加了六条彩色的、水平色条，这样就完成了我们今天所熟知的彩色苹果徽标。苹果第二代Logo一直使用至1998年，在iMac发布时作出修改，变更为单色系列。2007年再次变更为金属带有阴影的银灰色苹果logo设计，使用至今。如图3-1所示：图3-1网站logo图89353.2图标界面使用图标界面的主要优点是快速识别，布局美观，便于记忆和利于国际化；主要缺点是图标设计的意义有时难以为用户所理解和识别。网站图形界面中的图标(以下简称为“图标界面”)主要是功能标识，用来代表界面中的一些系统功能。界面图标在极小的空间里表达极大的信息量，既是高度抽象的，又必须让人一眼明白所要表达的意思。通过这种方式无论是有经验还是没经验的用户，学习使用和操作都会变得简单，快捷。如图3-2所示：图3-2图标界面图3.3网站内容内容是用户通过网站可以看到的所有信息，也就是群众希望通过网站向用户传递的所有信息。网站内容包括所有可以在网上被用户通过视觉或听觉感知的信息，如产品、音乐、评测等。一般来说，文字和图片信息是网站的主要表现形式。其中主要包括产品评测，最新产品推荐等。123033.4功能版块设置主要分为7大版块，每个栏目都有核心且相互关联，如图3-3及图3-4所示：首页首页评测图片音乐Penncil商店产品评测图片音乐Penncil商店产品图3-3苹果网站栏目结构图栏目构成设置原因产品主要了解苹果的有那些产品和产品的基本介绍。评测这是网站的主要栏目，是苹果各种产品的图文评测，最新产品的详细介绍及图文开箱图等。图片超多产品的高清图片欣赏，让群众更了解产品。音乐音乐是软件系统的主打特点。商店商店包括软件购买，产品帐号购买，还有后期维修等。PenncilPenncil的今年的最新产品，对其的最新的介绍和优点分析。图3-4网站基本栏目设置3.5网站布局苹果网站在网站建设方面充分考虑到用户对网站的喜爱以及页面的打开速度。1.保持网站内容、信息的新颖性，在很大程度上可以赢得浏览者、用户的喜爱与信任，对宣传网站有很大的帮助。2.采用简单、高效的页面，保证网站网页的打开速度，避免因网速问题而流失用户。3.保证网站简单、易用，网站的布局和导航很方便、实用。4.网站不需要注册和登录就能看到图片和评测，给浏览者们提供了一个免费且方便的观看平台。5.在浏览者浏览页面的时候，不设置弹出窗口或者浮动广告。现在，大部分的视频网站都是广告超多，甚至有些广告可以超过1分钟，我们不设置广告，为的就是给用户免费服务。从而提高网站的知名度。如图3-5所示：图3-5网站首页布局3.6网站设计3.6.1前台设计网站的设计主要组成模板是评测模板，了解一下我们网站在设计中的重点设计，因为网站需要动态的显示各模板的功能，所以在设计中我们结合了容易管理的思想，根据具体的要求设计了自己的代码，使自己管理员在管理中减轻管理负担，降低了管理难度。评测模块作为最主要的模块，首先是文章更新置顶和首页文章更新预览，以及下面是所有文章的连接。如图3-6所示：图3-6网站前台设计3.6.2后台设计后台是三级页面，主要是撰写当前最新的文字图片评测等，其中包括六大栏目，每个栏目包含一个产品的最新信息整体后台如图3-7所示：图3-7网站前台设计3.6.3整体设计本网站通过苹果网站的首页、二级页面和三级页面，提供丰富的评测资讯，并撰写最新产品。为网友提供一个优质的选择产品的资讯平台，为广大网友观看最新苹果产品评测等提供便捷，让产品销售变得更简单。如图3-8所示：

图3-8网站整体设计文字设计：1.字体传统宋体是最为保守和稳固的字体，且不会出现因用户电脑没有预装特定字体而造成页面变形的情况。2.字号正文文字采用了12-14px，导航栏文字选择了20px，标题文字采用了16px。3.粗细网页中大标题或者小标题加粗，其他正文都是默认粗细。4.普通文本颜色为了方便用户阅读，没有选择特别明亮和刺激的颜色，传统的纯黑色太过纯黑，所以选择了偏蓝色一点的黑色。5.链接文本与链接悬停文本的颜色第四章网站内容发布 169314.1网站内容制作苹果网站是一个了解苹果产品网站。本网站包括三个主栏目，分别是音乐、评测和最新产品。本网站需要制作网站的首页和子页面，提供丰富的评测资讯，并查找相关的信息，为网友提供一个真实的资讯平台，为广大网友观看评测新闻提供便捷。 4.2网站内容发布最新新闻是本网站的一个重要的组成部分，对这部分的维护尤其重要，这是保持网站流量和吸引游客或用户的一个重要手段，对新闻模板的维护重要是结合网上的其他网站的更新内容综合起来，同时也要自己到其他资料中寻找有用的资料加以结合来增加用户的浏览兴趣。产品评测模板是网站的又一重要组成部分，也是本网站的重要环节，主要是体现本网站对苹果手机的了解程度，也是本网站的一重点，通过不断对数据库的更新，来保持本网站苹果产品最新资讯。苹果主要信息（如：手机图片下载、铃声下载、游戏下载等）模板是手机用户的要求为其提供最新的、最好的手机信息内容，主要是通过与用户商的联系，来获取最新的图片、游戏、铃声以供用户下载，同时也要保证网站内容不受侵犯和合法性。

4.3网站效果展示网站首页：网站整个首页面主要以蓝的颜色为主，不要太花俏。平淡、科技感为主。通过对Iphone手机、MAC电脑、、Watch手表、ipad平板电脑等方面进行的深入了解,从图片内容、更新的硬件、新产品的功能、软件的更新、等多角度让群众了解苹果系列产品，希望让更多人了解产品的实质的内容,使销量的提升。网站首页如图4-1所示：图4-1网站首页图二级页面：主要是所有评测文章的分类和总和，主要版块有iPhone、ipad、watch、mac、pencil、配件等每个栏目内都是代表关于这个产品的所有文章和资讯等。左侧界面可以进入主页和版权等。如图4-2、所示：图4-2二级页面图三级页面:左侧和二级页面相同，三级页面是显示文章全部详情。文章最上面是标题和关键字等，下面的文本框显示内容，主要以简约为主，白色打底显示出网站的简单又清晰。如图4-3所示图4-3三级页面图第五章网站管理与维护5.1网站维护5.1.1网站的管理对从事网站设计的人员对网站的管理是一件必不可少的事情，如：用户管理是对网站流量的一个管理和对用户对网站的意见、要求的及时回应的一种手段，还有其他模板的管理一样重要，是保持和增加用户浏览量的一个重要手段，网站的流量是衡量一个网站是否受欢迎的一个重要标准，维护网站包括内容的更新，特别是对用户要求内容的更新等等。5.1.2后台用户管理后台的管理，后台是管理员才能进行操作的模板，主要操作就是进行网站内新闻的发布与更新，评测内容准确性的审核与发布，论坛的管理，用户注册申请提交的审核与批准等等，正是管理员对网站的主要管理操作。后台等同于网站的灵魂，重要的信息发布场所。5.1.3网站界面的维护网站界面的维护就是通过不断的测试对网站在网上不同系统中运行的保证，界面是一个网站的外形结构，他所体现的是网站设计者对网站开发的信心和管理的程度，同时也决定网站是否吸引用户的一大因数。5.1.4服务器硬件维护计算机硬件在使用中常会出现一些问题，同样，网络设备也同样影响企业网站的工作效率，网络设备管理属于技术操作，非专业人员的误操作有可能导致整个企业网站瘫痪。没有任何操作系统是绝对安全的。维护操作系统的安全必须不断的留意相关网站，及时的为系统安装升级包或者打上补丁。5.2网站升级建站容易维护难。对于网站来说，只有不断地更新内容，才能保证网站的生命力，否则网站不仅不能起到应有的作用，反而会对企业自身形象造成不良影响。如何快捷方便地更新网页，提高更新效率，是很多网站面临的难题。现在网页制作工具不少，但为了更新信息而日复一日地编辑网页，对信息维护人员来说，疲于应付是普遍存在的问题。内容更新是网站维护过程中的一个瓶颈。网站的建设单位可以考虑从以下五个方面入手，使网站能长期顺利地运转。在网站建设初期，就要对后续维护给予足够的重视，要保证网站后续维护所需资金和人力。很多单位是以外包项目的方式建设网站的，建设时很舍得投入资金。可是网站发布后，维护力度不够，信息更新工作迟迟跟不上。网站建成之时，便是网站死亡的开始。要从管理制度上保证信息渠道的通畅和信息发布流程的合理性。网站上各栏目的信息往往来源于多个业务部门，要进行统筹考虑，确立一套从信息收集、信息审查到信息发布的良性运转的管理制度。既要考虑信息的准确性和安全性，又要保证信息更新的及时性。在建设过程中要对网站的各个栏目和子栏目进行尽量细致的规划，在此基础上确定哪些是经常要更新的内容，哪些是相对稳定的内容。由承建单位根据相对稳定的内容设计网页模板，在以后的维护工作中，这些模板不用改动，这样既省费用，又有利于后续维护。对经常变更的信息，尽量用结构化的方式（如建立数据库、规范存放路径）管理起来，以避免数据杂乱无章的现象。如果采用基于数据库的动态网页方案，则在网站开发过程中，不但要保证信息浏览环境的方便性，还要保证信息维护环境的方便性。要选择合适的网页更新工具。如何"写到"网页上去，采用不同的方法，效率也会大大不同。比如使用Notepad直接编辑HTML文档与用Dreamweaver等可视化工具相比，后者的效率自然高得多。倘若既想把信息放到网页上，又想把信息保存起来以备以后再用，那么采用能够把网页更新和数据库管理结合起来的工具效率会更高。5.3病毒防治机算计病毒及其防治技术全面详细地介绍了信息、安全技术、机算计犯罪、机算计病毒、信息保障体系及信息战的基本概念；阐述了机算计病毒的宏观防范策略与病毒寄生环境；着重剖析了典型的机算计病毒机理、病毒的传染机制及触发机制；论述了机算计病毒的检测技术、清除技术和预防机制；穿插介绍了计算机病毒技术和反病毒技术的新动向与发展趋势，并结合信息安全领域中最新研究成果以及海湾战争、“9.11”事件、伊拉克战争对密码技术在机算计病毒中的应用及机算计病毒作为一种信息武器在当代信息战争中的实际应用进行讨论。5.4故障维护网站更新：企业网站主要是更新产品及说明文字，一般中小企业网站建设都没有后台内容管理系统，网页更新需要懂得做网页的人员，但企业大都没有这种人才，一个办法，就是在跟做网站的网络公司签定合同时就订下有关网页更新服务的条款，不要因为合同中忽略了这个问题，等到需要更新时再去找网络公司就很被动，另外一个比较柔性的解决办法就是，公司里训练一个编辑网页的人员，学会使用Frontpage、Dreamweaver等html编辑程序，一个人要是能学会使用word，就应该可以学会网页编辑，FTP上传文件，可以让做网站的网络公司培训一下，结合买书自学，并不难，其它推广维护工作，主要就是寻找互换链接的对象、发布信息、Email营销推广、回复客户Email以及网站与用户的互动应答等，大都需要长期经营，这些工作大多不需要涉及太复杂的专业知识，但需要投入很多精力，对于网站维护人员，需要明确工作职责、内容，并长期学习新的知识。项目综合总结本网站是以宣传苹果产品评测为主，具有一定实用性和综合性。它主要为想要了解苹果产品的人提供一个便捷、高效的咨询平台。本网站采用当前流行的Dreamweaver来完成整个系统的设计，在设计中利用了织梦为后台。该网站还存在一些不足和缺陷，还有许多没考虑全面的地方。因此在今后的工作里，这些功能与技术还需要加以提高和实现。本次毕业设计我所选择的题目是，我顺利完成了网站的制作和网站文案的撰写以及网站PPT的制作。我懂得了织梦的后台管理，会熟练操作PS工具，这让我向专业的网页制作人员成功的迈出了一步。此次网站设计也有许多不足的地方，在一开始选择制作工具的时候有点犹豫不决，导致浪费了许多时间。在制作网站的时候，网站美化和排版的方面出现了许多问题，经过询问指导老师，该问题得到了解决，网站页面相比前面有很大的提高。通过本次毕业设计我巩固了本专业的技能，也发现了大量的问题，有些在设计过程中已经解决，有些还有待今后慢慢学习。