网站网页毕业论文

电脑网站的设计与制作【摘要】这篇论文是关于电脑的一个电脑网站的设计，首先我先从网站设计的方向和目的、开发工具介绍出发，然后通过自己设计的这个电脑网站作品来说明并演示一个完整的网站制作过程。一个好网站的整个设计过程是不能用短短的几十页纸就可以说清楚，所以，在我的这篇论文中，我介绍了整个网站中重要的局部，其中包括主页的设计和一局部链接页面的设计。Dreamweaver以其功能强大、容易上手、界面亲切而著称。它采用所见即所得的方式编辑网页，利用它可以轻松的组织、编辑网页并将其发布到指定的站点上，而且在发布之后还能对更新情况进行监控以更新站点的内容。【关键词】：设计、Dreamweaver、网站[Abstract]Thisthesisisaboutoneofmypersonalwebsitedesign,Ifirstfromwebsitedesigndirectionandpurpose,developmenttoolsareintroduced,andthenthroughtheirowndesignofthispersonalwebsiteworkstoexplainanddemonstrateacompletewebsiteproductionprocess.Agoodsitethroughoutthedesignprocessisnotjustafewpagescanbesaidclearly,so,inthispaper,Iintroducedtheentiresiteisoneofthemostimportantparts,whichincludeshomedesignandpartofthelinktothepagedesign.Dreamweaverwithitspowerful,easytouse,friendlyinterfaceandcelebrated.ItusesWYSIWYGeditingwebpage;itcanbeeasytouseorganization,editingwebpageandpublishthemtothedesignatedsite,andalsoafterthereleaseoftheupdatedcanmonitortoupdatethesitecontent.[Keywords]:Design,Dreamweaver,Website

目录摘要 1引言 3一. 网站介绍 4〔一〕 网站开发工程需求分析 4〔二〕 使用软件 4〔三〕 软件运行环境 6二. 网站制作 6〔一〕制作网页的步骤 6〔二〕制作网页的要素 71. 网页的整体布局设计 73. 网页设计中色彩的运用 75. 网页形式与内容相统一 8〔三〕与网页相关的一些技术 9三. 网站的设计 9〔一〕 主页的要求 9〔二〕 子页的要求 10四. 结束语 10五. 致谢 11六. 参考文献 11

引言随着时代的开展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，作者将网页艺术设计与其他艺术设计形式进行比拟，尝试从网页艺术设计的内容、原那么和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。我认为网页艺术设计是艺术与技术的高度统一，指出网页艺术设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原那么；具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。在明确了网页艺术设计与网站主题的关系的根底上，提出了“美〞和“功能〞都是为了更好地表达网站主题这一观点。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为根底，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成局部，并随着网络技术的开展而开展。外表上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。网站介绍网站开发工程需求分析一个网站工程确实立是建立在各种各样的需求上面的，这种需求往往来自于客户的实际需求或者是出于公司自身开展的需要，其中客户的实际需求也就是说这种交易性质的需求占了绝大局部。面对对网站开发拥有不同知识层面的客户，工程的负责人对用户需求的理解程度，在很大程度上决定了此类网站开发工程的成败。因此如何更好地的了解、分析、明确用户需求，并且能够准确、清晰以文档的形式表达给参与工程开发的每个成员，保证开发过程按照满足用户需求为目的正确工程开发方向进行，是每个网站开发工程管理者需要面对的问题。不同的网站目的要求通过不同的方式来实现。一个展示电脑的网站更对的注重电脑的详细信息，因此我的网站重点放在了电脑的详细配置上以及多款电脑之间的性价比上。本网站的大致结构如下列图：首页首页产品展示新品发布特价促销客户留言售后效劳图表SEQ图表\*ARABIC1网站组织结构图通过这个结构图可以很直观的看到我对整个网站的整体规划，不至于显得杂乱无章。使用软件Dreamweaver软件由美国著名的网站应用开发工具生产厂商AdobeMacromedia于2005年6月推出并正式投入市场以来，已经开展得相当成熟。关于Dreamweaver的技术介绍的相关书籍与网络信息相当丰富。通过大学中软件开发环境课程的学习，对Dreamweaver有了比拟深刻的认识，并比拟轻松的掌握了Dreamweaver的操作。因此，软件技术可以完成任务的要求。图片1-1Dreamweaver界面Photoshop是平面图像处理业界霸主Adobe公司推出的跨越PC和MAC两界首屈一指的大型图像处理软件.它功能强大,操作界面友好,得到了广阔第三方开发厂家的支持,从而也赢得了众多的用户的青睐.Photoshop为我们提供了相当简捷和自由的操作环境,从而使我们的工作游刃有余.从某种程度上来讲,Photoshop本身就是一件经过精心雕琢的艺术品,更像为您度身定做的衣服,刚开始使用不久就会觉得的倍感亲切.图片1-2Photoshop工作界面Flash的前身是FutureWave公司的FutureSplash，是世界上第一个商用的二维矢量动画软件，用于设计和编辑Flash文档。1996年11月，美国Macromedia公司收购了FutureWave，并将其改名为Flash。在出到Flash8以后，Macromedia又被Adobe公司收购。最新版本为：AdobeFlashProfessionalCS5.5。Flash通常也指MacromediaFlashPlayer(现AdobeFlashPlayer)，用于播放Flash文件。图片1-3Flash工作界面特性：Flash被大量应用于互联网网页的矢量动画设计。因为使用向量运算﹙VectorGraphics﹚的方式，产生出来的影片占用存储空间较小。使用Flash创作出的影片有自己的特殊档案格式(SWF)，该公司声称全世界97%的网络浏览器都内建Flash播放器(FlashPlayer)。Flash是Macromedia提出的“富因特网应用〞(RIA)概念的实现平台。软件运行环境Dreamweaver是一款简体中文软件，可以在Win2003/WinXP/Win2000/Win9X中平安运行，换句话说，它可以在任何家用微机中运行。网站制作制作网页的步骤再做网页之前，我上网浏览了做网页的五个步骤。确定网站主题：网站主题就是你建立的网站所要包含的主要内容，一个网站必须要有一个明确的主题。搜集材料：明确了网站的主题以后，你就要围绕主题开始搜集材料了。材料既可以从图书、报纸、光盘、多媒体上得来，也可以从互联网上搜集，然后把搜集的材料去粗取精，去伪存真，作为自己制作网页的素材。规划网站：一个网站设计得成功与否，很大程度上决定于设计者的规划水平，规划网站就像设计师设计大楼一样，图纸设计好了，才能建成一座漂亮的楼房。网站规划包含的内容很多，如网站的结构、栏目的设置、网站的风格、颜色搭配、版面布局、文字图片的运用等，你只有在制作网页之前把这些方面都考虑到了，才能在制作时驾轻就熟，胸有成竹。也只有如此制作出来的网页才能有个性、有特色，具有吸引力。选择适宜的制作工具：尽管选择什么样的工具并不会影响你设计网页的好坏，但是一款功能强大、使用简单的软件往往可以起到事半功倍的效果。制作网页：材料有了，工具也选好了，下面就需要按照规划一步步地把自己的想法变成现实了，这是一个复杂而细致的过程，一定要按照先大后小、先简单后复杂来进行制作。所谓先大后小，就是说在制作网页时，先把大的结构设计好，然后再逐步完善小的结构设计。所谓先简单后复杂，就是先设计出简单的内容，然后再设计复杂的内容，以便出现问题时好修改。在制作网页时要多灵活运用模板，这样可以大大提高制作效率。制作网页的要素网页的整体布局设计网页设计作为一种视觉语言，要讲究编排和布局，虽然主页的设计不等同于平面设计，但它们有许多相近之处，应充分加以利用和借鉴。版式设计通过文字图形的空间组合，表达出和谐与美。一个优秀的网页设计者也应该知道哪一段文字图形该落于何处，才能使整个网页生辉。多页面站点页面的编排设计要求把页面之间的有机联系反映出来，特别要处理好页面之间和页面内的秩序与内容的关系。尤其是我们在利用网页效果表达在线营销的意图时，更要注意为了到达最正确的视觉表现效果，而讲究整体布局的合理性，比方一家生产型的企业，它所提供产品的名称、类别、型号、价格、功能介绍应怎样编排才能使浏览者有一个流畅的视觉体验，从而方便他对产品的了解，促成最后的购置。网页设计中色彩的运用色彩是艺术表现的要素之一，在网页设计中，根据和谐、均衡和重点突出的原那么，将不同的色彩进行组合、搭配来构成美丽的页面。根据色彩对人们心理的影响，合理地加以运用，按照色彩的记忆性原那么，一般暖色较冷色的记忆性更强一些。色彩还具有联想与象征的特质，如红色象征血、太阳；蓝色象征大海、天空和水面等。所以如果我们在对一家出售冷食的商店进行虚拟店面的页面设计时，应使用淡雅而沉静的颜色，使人心理上感觉凉爽一些，增强人们的购置心理，使得在线营销得到很好的实践效果。另要注意的是网页的颜色应用虽没有限制，但不能毫无节制地运用多种颜色，一般情况下，先根据总体风格的要求定出一至二种主色调，在已经有了完备的CIS〔企业形象识别系统〕的企业进行网页设计时，更应该按照其中的VI进行色彩运用。在色彩的运用过程中，还应注意的一个问题是：由于国家和种族、宗教和信仰的不同，以及生活的地理位置、文化修养的差异等，不同的人群对色彩的喜恶程度有着很大的差异。如：儿童喜欢比照强烈、个性鲜明的纯颜色；生活在草原上的人喜欢红色；生活在闹市中的人喜欢淡雅的颜色；生活在“沙漠〞中的人喜欢绿色。在设计中要考虑众多因素。图片2-1网页整体布局网页形式与内容相统一要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，表达内容的丰富含义。运用比照与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美感。如对称原那么在页面设计中，它的均衡有时会使页面显得呆板，但如果参加一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会到达比拟好的效果。点、线、面作为视觉语言中的根本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最正确的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。与网页相关的一些技术CSSCSS〔CascadingStyleSheets层叠样式表〕，跟HTML一样也是一种标记语言，甚至很多属性都是来源于HTML。利用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。要对相应的代码做一些简单的修改，就可以改变同一页面的不同局部，或者页数不同的网页的外观和格式。图片2-2CSS样式JavaJava是由Sun公司开发而成的一种编程语言，利用Java写成的小程序叫做JavaApplet。使用它可在各式各样不同种机器、不同种操作平台的网络环境中开发软件。但时至今日，Java的风头已大不如前，原因是Java也有着起致命的弱点，就是在客户端的编译运行的速度慢，资源消耗大。DHTMLDHTML的全称为DynamicHTML，即我们常说的动态HTML。很多人都误会DHTML是一种语言，其实DHTML仅仅是一个概念——通过各种技术的综合开展而得以实现的概念，这些技术包括JavaScript，VBScript，DOM〔DocumentObjectModel，文件目标模块〕，Layers〔层〕和CSS等。网站的设计主页的要求对于主页要求运行的工作环境稳定，易于操作，界面美观大方，对于展示界面要求系统便于维护，平安可靠，对于广阔客户所要执行的操作简单易懂，远程访问速度较快，界面友好美观，有根本的错误提醒功能，远程操作数据库正确，要求和客户有一定的互动性，在主页上直观的就可以查看浏览者所想要了解的东西。子页的要求各子页可以返回首页，风格一致。可以实现查询，浏览，留言等功能。图