8蒋子怡网站设计布局设计

江苏农林职业技术学院毕业设计（论文）题目：网站设计布局设计学生姓名：蒋子怡专业：指导教师：20年月日附1：成绩评议学号姓名蒋子怡题目网站设计布局设计指导教师建议成绩：评阅教师建议成绩：答辩小组建议成绩：院答辩委员会评阅意见及评定成绩：答辩委员会主任签字（盖章）：年月日附2：毕业设计（论文）任务书姓名蒋子怡学号班级题目网站设计布局设计设计(论文)主要内容本文旨在分析目前互联网中网站系统建设的主流技术与体系结构，选择适用于校园网站系统建设与运行的功能与技术，搭建学校网络化信息发布网站系统，完成网站资源发布与共享。重点研究问题1.网站规划2.网站设计布局主要技术指标其它要说明的问题无指导老师意见指导教师签字：年月日附3：指导教师意见对论文的简短评价：1.指出论文存在的问题及错误2.对创造性工作评价3.建议成绩优良中及格不及格指导教师签字年月日评阅教师意见对论文的简短评价：1.指出论文存在的问题及错误2.对创造性工作评价3.建议成绩优良中及格不及格评阅教师签字年月日江苏农林职业技术学院毕业设计（论文）答辩小组评议意见学号姓名蒋子怡题目网站设计布局设计答辩小组意见：1、对论文的评价2.建议成绩等级优良中及格不及格3.需要说明的问题答辩小组长签字年月日江苏农林职业技术学院毕业设计（论文）目录摘要：...................................................8引言.....................................................91.网站设计基本组成.......................................91.1页面尺寸..........................................91.2整体造型..........................................91.3页头.............................................101.4文本.............................................101.5页脚...........................................101.6图片.........................................101.7多媒体.......................................102网站规划..............................................102.1网站的基础规划...................................112.1.1明确网站设计目标............................112.1.3产品宣传的需要...............................112.1.4与客户沟通的桥梁.............................112.1.5优化工作提高效率............................112.1.6和谐页面....................................112.1.7网站信息更新与维护..........................112.2网站规划原则.....................................122.2.1明确建设网站的目的..........................122.2.2进行可行性分析..............................12江苏农林职业技术学院毕业设计（论文）2.2.3网站的内容设计..............................122.2.4网站的表现形式设计..........................122.2.5技术需求....................................123设计布局..............................................133.1布局设计元素.....................................133.1.1网站标题....................................133.1.2网站标志（LOGO）............................133.1.3页眉........................................133.1.4导航栏......................................133.1.5内容版块....................................143.1.6页脚........................................143.2布局设计的过程...................................143.2.1方案设计....................................143.2.2初步设计....................................143.2.3技术设计....................................143.2.4定案设计....................................153.2.5量化描述....................................153.2.6方案实施.....................................154.网页布局结构..........................................154结束语................................................19参考文献................................................20致谢................................................21江苏农林职业技术学院毕业设计（论文）网站设计布局设计摘要：在信息化快速发展的推动下，互联网在政治、经济、生活等各个方面发挥着重要的作用，也带动了学校信息化建设的发展。很多学校已经开始使用各种文章管理系统建设校园网站。如今这些简单的文章管理系统已不能满足校园网站建设的需求。本文旨在分析目前互联网中网站系统建设的主流技术与体系结构，选择适用于校园网站系统建设与运行的功能与技术，搭建学校网络化信息发布网站系统，完成网站资源发布与共享。关键词：网站设计；布局设计；网页要素WebdesignlayoutdesignAbstract:withtherapiddevelopmentofinformationtechnology,theInternetplaysanimportantroleinpolitics,economy,lifeandotheraspects,butalsoledtothedevelopmentofschoolconstruction.Manyschoolshavestartedusingvariousarticlesmanagementsystemoftheconstructionofthecampuswebsite.Nowthesesimplearticlemanagementsystemhasbeenunabletomeettheneedsoftheconstructionofthecampuswebsite.ThispaperaimsattheanalysisofthecurrentInternetwebsitesystemconstructionofthemainstreamtechnologyandsystemstructure,choosetheappropriatefunctionandtechnologytothecampuswebsitesystemconstructionandoperation,tobuildtheschoolnetworkinformationreleasesitesystem,resourcewebsitepublishingandsharing.Keywords:websitedesign;layoutdesign;pageelements江苏农林职业技术学院毕业设计（论文）引言Internet已成为当今时代人们获取信息的重要途径，它改变了人们的生活、工作和学习的各个方面。人们可以Internet发布信息，交流思想，推广科技，检索行业信息等。它所具有的数字化、多元化、全球化、多媒体化、实时性、交互性等众多特征使它也具有了越来越广泛的商业用途。但是离开各种网站，Internet的众多应用都无从谈起。1.网站设计基本组成最开始，网站呈现在你面前的时侯，它就好像一张白纸，它需要你任意挥洒你的设计才思。在开始的时侯，你需要明白，虽然你能控制一切你所能控制的东西，但假如你知道什么是一种约定俗成的标准或者说大多数访问者的浏览习惯，那么你可以在此基础上加上自己的东西。你当然也可以创造出自己的设计方案，但如果你是初学者，那么最好明白网站布局的基本概念。1.1页面尺寸由于页面尺寸和显示器大小及分辨率有关系，网站的局限性就在于你无法突破显示器的范围，而且因为浏览器也将占去不少空间，留下给你的页面范围变得越来越小。一般分辨率在800x600的情况下，页面的显示尺寸为：780x428个象素；分辨率在640x480的情况下，页面的显示尺寸为:620X311个象素；分辨率在1024X768的情况下，页面的显示尺寸为：1007x600。从以上数据可以看出，分辨率越高页面尺寸越大。浏览器的工具栏也是影响页面尺寸的原因。一般目前的浏览器的工具栏都可以取消或者增加，那么当你显示全部的工具栏时，和关闭全部工具栏时，页面的尺寸是不一样的。在网站设计过程中，向下拖动页面是惟一给网站增加更多内容(尺寸)的方法。但我想提醒大家除非你能肯定站点的内容能吸引大家拖动，否则不要让访问者拖动页面超过三屏。如果需要在同一页面显示超过三屏的内容，那么你最好能在上面做上页面内部连接，方便访问者浏览。1.2整体造型什么是造型，造型就是创造出来的物体形象。这里是指页面的整体形象，这种形象应该是一个整体，图形与文本的接合应该是层叠有序。虽然，显示器和浏览器都是矩形，但对于页面的造型，你可以充分运用自然界中的其它形状以及它们的组合：矩形，圆形，三角形，菱形等。对于不同的形状，它们所代表的意义是不同的。比如矩形代表着正式，规则，你注意到很多ICP和政府网站都是以江苏农林职业技术学院毕业设计（论文）矩形为整体造型；圆形带表着柔和，团结，温暖，安全等，许多时尚站点喜欢以圆形为页面整体造型；三角形代表着力量，权威，牢固，侵略等，许多大型的商业站点为显示它的权威性常以三角形为页面整体造型；菱形代表着平衡，协调，公平，一些交友站点常运用菱形作为页面整体造型。虽然不同形状带表着不同意义，但目前的网站制作多数是接合多个图形加以设计，在这其中某种图形的构图比例可能占的多一些。1.3页头页头又可称之为页眉，页眉的作用是定义页面的主题。比如一个站点的名字多数都显示在页眉里。这样，访问者能很快知道这个站点是什么内容。页头是整个页面设计的关键，它将牵涉到下面的更多设计和整个页面的协调性。页头常放置站点名字的图片和公司标志以及旗帜广告。1.4文本文本在页面中出现都数以行或者块(段落)出现，它们的摆放位置决定者整个页面布局的可视性。在过去因为页面制作技术的局限，文本放置的位置的灵活性非常小，而随着DHTML的兴起，文本已经可以按照自己的要求放置到页面的任何位置。1.5页脚页脚和页头相呼