前度公司广告设计毕业论文.doc

摘 要随着Internet的不断普及，对于人们的生活，生产方式都产生了深远的影响。前度广告公司对自己形象的打造，对自己产品的宣传越来越重视。网络的发展，提高了企业的知名度，扩大了企业的加盟范围，使得企业打造自己的门户网站成为必然。关键词：网页 javascript html目录引言11.绪论11.1网站建设的研究背景11.2网站建设原则及其流程22、网页艺术设计的原则32.1主题鲜明32.2形式与内容统一42.3强调整体43.网站的需求分析及结构图53.1需求分析53.2结构图54.网站功能的实现64.1首页74.2装修案例84.3环保工程84.4营销活动95.网站测试11结论11致谢辞12I引 言随着 21 世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越来的职业需要具有计算机的应用技能。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本文主要介绍网站的开发背景，网站的需求分析，网站功能的实现以及网站测试。1、绪论随着21世纪的到来，人们更深切地感受到计算机在生活和工作中的作用越来越重要，越来越多的职业需要具有计算机应用技能型人才。掌握计算机是职业的需要，更是事业发展的需要。网页设计与制作是计算机能力的具体表现，本章主要介绍网站建设的研究背景和网站建设的一般流程及其原则。1.1网站建设的研究背景如今，互联网对企业来说已经不再是新鲜的事物了，大多数的企业都已经建立了自己的网站。随着互联网的快速发展，网络已成为人们生活的一部分。电子商务、网络营销已不再只是被炒做的概念，人们对其的认识也越来越深刻。不仅仅是大企业需要网站来开展电子商务，中小企业一样也迫切需要自己的企业网站用以实现宣传和联系客户等许多传统媒介无法完成的目标。搭建网站模型需要各方面的资讯，而如何在网页上正确明晰地表达企业的资讯，使企业达到建站的目的，对建设好企业网站是有非常大的意义的。可以说，有正确的建站思路再配合下文所讲的具有普遍性的建站原理才能创造出真正的企业网站，而不是只在技术上苦苦追求完美，堆砌出华丽却没有实际意义的工艺品。电子商务是一种新兴的、处于发展过程中的现代商务方式，从95年来得到了迅速发展，显现了巨大的现代商业价值。1997年欧洲、美国、新加坡等许多国家政府发表了电子商务发展纲要，其目的是引导全球电子商务的自由竞争和健康发展，大力推动电子商务的实践。本国政府的发展纲要也将在近期出台，促进本国企业适应国际化的发展、参与国际竞争。有理由相信，在21世纪，电子商务将逐渐成为社会生活的主要方式，也将成为数字化社会的基础。电子商务活动是通过公共计算机通信网络进行商务活动的现代方式，该方式将突破传统商务在时间、地域上的限制，成为方便、快捷、安全可靠的新兴电子化商务活动模式。电子商务使现代商务活动具有安全、可靠、快速、明确和方便的特点，通过国际互联网络人们可随时随地开展电子商务活动。由于电子商务涉及社会、经济、金融、法律以及生活等许多方面，故存在一定的困难和问题。其健康发展一方面要求人们的工作生活方式、思想观念和管理方法都将有根本的变革；另一方面国家宏观控制和管理需要对电子商务进行立法和规范；再者技术安全上必须完善可靠。电子商务的发展将逐步改变人们的生活及工作方式，原来面对面谈判、纸上交流的管理与商务活动方式逐步变成了由计算机远距离操作完成的数字化活动方式。没有了时间、空间和人为条件上的限制，人们的生活和工作将变得方便、灵活和自如。特别在获取信息、传输信息、各种服务活动、付款、送货方式等方面将有根本的变化。任何合法组织和公司甚至个人通过在国际互联网络上建立自己的站点都可成为全球化的信息发布者；信息的获取具有了广泛的内容和选择性；贸易、商务活动中的商品认识、合同谈判、交易都通过国际互联网信息和网络软件完成。企业行政管理将进入电子化办公方式，金融服务中的支票、柜台、保险、投资、企业银行业务和家庭银行业务将搬到网络上进行。数字化电子货币的使用与发展为人们进行跨地域的商务金融活动提供了方便条件。人类将不可避免地习惯与计算机共存，适应电子商务时代的数字化生存。电子商务也完全改变了人们当今的商务方式，由于没有了时间和空间的限制，人们可以在家中处理各种业务。1.2网站建设一般流程及其原则1、网站建设流程一个网站的成功与否与网站制作前的规划有着极为重要的关系。为使网站能够达到预期的目的，满足用户要求，不仅需要在网站建设过程中与用户方进行良好的沟通与交流，更重要的是要遵循网站建设流程，只有这样，才能做到既不浪费时间也能提高效率，又能保证网站的科学性、严谨性。一般将网站设计过程分为以下几个阶段：A、对网站需求的分析首先要明确网站制作的目的和具体要求是什么，进行网站的功能定位，从而确定网站制作类型。B、根据需求来规划设计确定网站类型后，在正是建站前需要对网站进行一系列的规划与设计。网站规划主要包括网站的类型选择、主题设计、风格设计、内容设计、版面布局设计以及网站策划书的撰写等。网站规划对网站建设起到计划和指导作用，对网站的内容和维护起到定位作用。这一环节的有无和好坏，不仅直接影响网站的整体效果，而且是网站发布后能否成功运行的主要因素。C、确认好设计之后进行美工操作、网站制作经过精心设计的网站规划方案最终要通过网页表现出来，制作网页是将网站规划付诸实施的主要任务。在制作页面前要考虑到网站的风格和功能，要根据所建网站的特点做充分准备，使网站的基本格调符合用户的要求，使网站的功能满足用户的使用需求。2、网站建设原则A、网站第一原则:目的性任何一个网站,首先必须具有明确的目的和目标群体。网站是面对客户、供应商、消费者还是全部?主要目的是为了介绍企业、宣传某种产品还是为了试验电子商务?如果目的不是唯一的,还应该清楚的列出不同目的的轻重关系。建站包括类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性的直接影响,因此目的性是一切原则的基础。建站的目的应该是经过成熟考虑的,包含几大要素:目的应该是明确定义的,而不是笼统地说要做一个平台、要弄电子商务,应该清楚主要希望谁来浏览,具体要做到哪些内容,提供怎样的服务,达到什么样是效果。在当前的资源环境下能够实现的,而不能脱离了自身的人力、物力、互联网基础以及整个外部环境等因素盲目制定目标,尤其是对外部环境的考虑通常容易被忽略,结果只能成为美好的一厢情愿。如果目标比较庞大,应该充分考虑各部分的轻重关系和实现的难易度,想要一步登天的做法通常会导致投入过大且缺少头绪,不如分清主次循序渐进。在充分考虑了目的和目标群体的特点以后,再来选择建站类型,并相应的安排适当的信息内容和功能服务。B、网站第二原则:专业性信息内容应该充分展现企业的专业特性对外介绍企业自身,最主要的目的是向外界介绍企业的业务范围、性质和实力,从而创造更多的商机。在这里包括:应该完整无误的表述企业的业务范围(产品、服务)及主次关系、应该详细的介绍企业的地址、性质、联系方式、提供企业的年度报表、则有助于浏览者了解企业的经营状况、方针和实力。C、网站第三原则:实用性网站提供的功能服务应该是切合浏览者实际需求，并且符合企业特点。网站提供的功能服务必须保证质量,包括:每个服务必须有清晰定义的流程,每个步骤需要什么条件、产生什么结果、由谁来操作、如何实现等都应该是清晰无误的，实现功能服务的程序必须是正确的、健壮的、能够及时响应的、能够应付预想的、同时请求服务数峰值的。需要人工操作的功能服务应该设有常备人员和相应责权制度。用户操作的每一个步骤完成后，应该被提示当前处于什么状态。当功能较多的时候应该清楚的定义相互之间的轻重关系,并在界面上和服务响应上加以体现。D、网站第四原则:层次性条理清晰的结构,表现为网站的板块划分的合理性,这里需要注意:板块的划分应该有充分的依据并且是容易理解的。不同板块的内容尽量做到没有交叉重复内容,共性较多的内容应尽量划分到同一板块。在最表层尽量减少划分的板块数量,通常控制在46之间比较合适。划分后的结构层次不宜过深,通常不超5层为佳。在安排层次的时候要充分考虑用户操作,比较常用的信息内容、功能服务应该尽量放到更浅的层次以减少用户点击次数。信息内容的获取和功能服务的过程都应该尽量将所需要进行的步骤控制在35步以内,不得不需要更多的步骤的时候应该有明确的提示。E、网站第五原则:艺术性网页创作本身已经成了一种独特的艺术,要达到吸引眼球的目的,再结合界面设计的相关原理,形成了一种独特的艺术,这使得企业网站的设计应该满足:遵循基本的图形设计原则,符合基本美学原理和排版原则。对于主题和次要对象的处理符合排版原理。全站的设计作为一个整体,应该具有整体的一致性。整体视觉效果特点鲜明:页面版式结构;用色;线条和构图;配图的精细、观程度;元素风格;整体气氛表达;字体选用。整体风格同企业形象相符合,适于目标对象的特点。 2、网页艺术设计的原则网页作为传播信息的一种载体，同其他出版物如报纸、杂志等在设计上有许多共同之处，也要遵循一些设计的基本原则。但是，由于表现形式、运行方式和社会功能的不同，网页设计又有其自身的特殊规律。网页的艺术设计，是技术与艺术的结合，内容与形式的统一。它要求设计者必须掌握以下三个主要原则：2.1主题鲜明 视觉设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的，是使主题在适当的环境里被人们即时地理解和接受，以满足人们的实用和需求，这就要求视觉设计不但要单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该注重通过独特的风格和强烈的视觉冲击力，来鲜明地突出设计主题。 根据认知心理学的理论，大多数人在短期记忆中只能同时把握到条分立的信息，而对多于条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘，概括起来就是：较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中，它要求视觉设计者的设计活动必须自觉地掌握和遵从。 作为视觉设计范畴一种的网页艺术设计，其最终目的是达到最佳的主题诉求效果。这种效果的取得，一方面通过对网页主题思想运用逻辑规律进行条理性处理，使之符合浏览者获取信息的心理需求和逻辑方式，让浏览者快速地理解和吸收；另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理，更好地营造符合设计目的的视觉环境，突出主题，增强浏览者对网页的注意力，增进对网页内容的理解。只有两个方面有机地统一，才能实现最佳的主题诉求效果。优秀的网页设计必然服务于网站的主题，就是说，什么样的网站，应该有什么样的设计。例如，设计类的个人站点与商业站点性质不同，目的也不同，所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样：首先，设计是为主题服务的；其次，设计是艺术和技术结合的产物，就是说，即要“美”，又要实现“功能”；最后，“美”和“功能”都是为了更好地表达主题。当然，有些情况下，“功能”即是“主题”，还有些情况下，“美”即是主题。例如，雅虎作为一个搜索引擎，首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站，可以只体现作者的设计思想，或者仅仅以设计出“美”的网页为目的。它的主题只有一个，就是美。 只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合，或者只重视网页形式上的条理而淡化主题思想的逻辑，都将削弱网页主题的最佳诉求效果，难以吸引浏览者的注意力，出现平庸的网页设计或使网页设计以失败而告终。 要使网页从形式上获得良好的诱导力，鲜明地突出诉求主题，具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。2.2形式与内容统一 任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”；形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说：“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物，再现现实，而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味，使物质经由象征变成相似于精神生活的有关环境。” 一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术的表现，网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。据有关资料所做的保守估计，目前在WWW上网页数据传输平均以每秒1.5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等，虽然达到了其静态形式美的效果，却造成多达几十K甚至更大的网页数据，使浏览者必须等待很长时间才能看到“庐山真面目”，这样的网页就不是一个优秀的网页，因为它不符合网页传播信息的突出特性之一快捷性，使网页内容不能很快地到达访问者，影响了访问效果和质量，损害了访问者的情趣和积极性，这种技术要素影响了传达信息的效果，因而不是形式与内容的完美统一。 网页具有多屏、分页、嵌套等特性，设计者可以对其进行形式上的适当变化以达到多变性处理效果，丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时，更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。因此，在网页设计中必须注意形式与内容的高度统一。2.3强调整体 网页的整体性包括内容和形式上的整体性，这里主要讨论设计形式上的整体性。 网页是传播信息的载体，它要表达的是一定的内容、主题和意念，在适当的时间和空间环境里为人们所理解和接受，它以满足人们的实用和需求为目标。设计时强调其整体性，可以使浏览者更快捷、更准确、更全面地认识它、掌握它，并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。网页的结构形式是由各种视听要素组成的。在设计网页时，强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征，是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如：在版式上，将页面中各视觉要素作通盘考虑，以周密的组织和精确的定位来获得页面的秩序感，即使运用“散”的结构，也是经过深思熟虑之后的决定；一个站点通常只使用两到三种标准色，并注意色彩搭配的和谐；对于分屏的长页面，不可设计完第一屏再考虑下一屏。同样，整个网页内部的页面，都应统一规划，统一风格，让浏览者体会到设计者完整的设计思想。从某种意义上讲，强调网页结构形式的视觉整体性必然会牺牲灵活的多变性，“物极必反”就是这个道理。因此，在强调网页整体性设计的同时必须注意：过于强调整体性可能会使网页呆板、沉闷，以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。3、网站的需求分析及结构图3.1需求分析一个网站项目的确立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身发展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大部分。面对网站开发拥有不同知识层面的客户，项目的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发项目的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与项目开发的每个成员，保证开发过程按照满足用户需求为目的正确项目开发方向进行，是每个网站开发项目管理者需要面对的问题。3.2结构图根据需求可以知道，在页面上部要有logo和导航，接下来是banner，中间部分的左侧显示的是公司简介和行业新闻，右侧则显示业务模块和联系我们，中下部分显示的是案例展示部分，底部Footer部分显示一些版权信息。如图3-1图3-1 结构图4、网站功能的实现将要做的是一个公司网站，该公司专为客户做设计的，因此建设网站的目的主要有两个：一是使浏览者或潜在的客户迅速了解公司大部分已经完成或正在进行的项目及相关的资料，这就要求网站的文字要简练，尽量减少大篇幅的文字叙述，项目效果图要精彩，当然网页的页面效果也要漂亮，以使浏览者或潜在的客户感觉到公司的设计水平高；二是使浏览者或潜在的客户迅速了解公司对业务的一般操作流程，以便能够与公司方便快捷地进行联系和沟通，减少不必要的中间环节及由此带来的麻烦。建立公司网站要有一个清晰的网站布局。比如说，导航条要不要？很多人说那东西人人在做，就显得太俗没个性，难显示出新潮。但导航条之所以有那么多人在用，是因为它给浏览者一个明确的布局，便利人们查找本身所需的信息。从某种角度上说，大家都在用的东西就说明它确实被大家所接受。要清楚网站做出来是给每一个人普通用户看的。网站还要经常更新，给人以新意。设计技术的成长，带来了网页世界的繁荣。尤其在崇尚个性的今天，设计者们更是将页面设计表示的淋漓尽致。用户欣喜的看到那些僵化的设计模式正在被逐个打破，网页设计充满了朝气。但是，作为网页设计者，不能一味的只追求个性的表现，还必需兼顾到用户和客户的习惯，在表现本身的风格的同时，在功能上使用户更加便利。网站的前台页面包括首页，装修案例，环保工程，营销活动等。4.1首页网站首页是留给客户第一印象的关键，直接决定了客户是留还是走，所以不仅要从网站设计技术角度把握色彩与图片处理，合理安排首页的每一个栏目的内容板块。首页导航，客户对导航设置的不同理解而造成的需求查询方向，点击导航再进入相关页面也是一次对网站运行速度的考验。从另外一个方面来讲，首页的作用就是让浏览者第一时间知道这个网站是做什么的，那么网站的首页除了网站设计精美，最好在第一页就对这个网站的性质与内容做个扼要说明，让人一目了然。首页界面展示了公司设计的经典案例，同时还附带了公司设计的一些热装小区，让客户体会到本公司的专业。左边的链接为以后的编辑奠定基础。效果图如图4-1所示：图4-1 首页图导航部分代码：首页关于前度前度服务前度新闻成品案例联系我们诚聘精英4.2合作产品图4-2 装修案例图文本框部分代码：姓名：性别： 男 女小区：电话：4.3环保工程此页面的的设计为左边是热门案例的图片，右边详细介绍了工程保障等信息，让客户对公司质量更放心。效果图如图4-3所示：图4-3 环保工程图页面左侧部分代码：热门案例高贵典雅低调奢华风北欧风情温馨之家朗境 王府壹号-三居-香从古色出欧尚兰韵时尚简约中式的情调4.4营销活动营销活动板块能实现营销的目的，让客户对公司的发展，公司的最近活动有大致了解，这样公司才能更好的为自己定位，才能得到客户的信赖。效果图如图4-4所示：图4-4 营销活动图 天津首届“全环保”家博汇天津星之艺邀您体验环保至尊盛宴！2014天津首届“全环保”家博汇，与天津星之艺相聚9月27日天津皇家金煦酒店无与伦比的绝妙盛宴，体验环保家装至尊服务，此刻盛大开幕进入倒计时，万众瞩目，敬请期待！活动时间：2014年9月27日9：:00-18：00活动地点：天津市河西区紫金山路36号增6号（与宾水道交口向天塔方向200米）皇家金煦酒店咨询电话：电话预约022-60268701 网络预约022-60268719 滨海预约13920994243 武清预约13072067206 别墅预约18222632227查看详情5、网站测试编码完成后，就要对源程序进行测试。软件测试的目的在于争取在第一时间发现程序中的错误，以便于及时纠错，增加软件可靠性。它在整个系统设计实施过程中占有相当的分量。测试是软件开发时期的最后一个阶段，也是软件质量保证中至关重要的一个环节。测试的目的是为了尽可能的发现程序中存在的错误，其任务就是消除网站故障，保证程序的可靠运行，最终把一个高质量的网站系统交给用户使用。一般来说在每个模块完成之后就要对它作必要的测试，这种测试被称为单元测试，模块的测试者也就是编写者。编码和单元测试属于网站生命周期的同一阶段。这个阶段结束之后，对网站系统还应该进行各种综合测试，这是网站生命周期的另一个独立的阶段，由专门的测试人员承担。在网页中的测试阶段主要是对网站进行浏览器兼容性测试。在网页测试的阶段我分别安装了IE10、火狐等浏览器，并且进行了逐个测试。在多次实践中或多或少都遇到了不可调节的DIV浮动问题，但是最后还是在指导老师的帮助和书籍查阅修改完成后，使页面在各个浏览器中显示正常。结论不知不觉网页设计的课程将要结束了，这门课程所包含内容的丰富是让我从没有想到的。在整个的学习过程中，我学习了HTML、Css、JavaScript语言、网站建设的基本思想等重要内容。到现在为止，我还是很庆幸能够学到这么多的内容。网页设计与制作毕业设计是在指导教师的悉心指导下独立完成的。 虽然整个内容还有很多不足，但是我的确能够感到在我制作过程中技能的提高。在今后的学习生活中，我将不断提高自己网页设计与制作的能力和水平，从而弥补在本次毕业设计中的不足。致谢在整个毕业设计过程中，指导教师给了我极大的帮助，并给予我悉心的关怀与指导，在此表示衷心地感谢。老师认真负责的工作态度、严谨的治学风格，使我深受启发。开发的同时，和同组同学们之间的相互探讨也使我获益匪浅，在开发工具的选择上，她给了我不少的指导，在此也表示衷心地感谢。在此同时也给了我不少的指导工作，在此也表示衷心地感谢。参考文献1金颖.新编网页制作三合一教程M.中国铁道出版社200686页110页2陈强,霍继文,叶兵.网页制作实用技术FrontPage2000M.清华大学出版社20003王凯，张家才.跟我学网页制作网页制作技巧与实例M.冶金工业出版社19994张民，赵兵.网页设计制作技巧M.陕西工业出版社20025王家林，李利.网页设计入门M.人民出版社20006魏宏欣，洪大民.网页设计教程M.江西工业出版社199813