计算机专业学论文 7页

成绩：学年论文题目：学院：数学与计算机科学学院专业：计算机科学与技术班级：一班学号：姓名：指导教师：\n江西科技师范大学学年论文校园资讯泛网DIV+CSS网站设计计算机科学与技术（1）班指导老师：摘要相较于网站兴起之时的网站建设，人篇幅的都是表格的应用，然而在当下环境中的网站，单表格的网站建设已经满足不了浏览者対网站需求了。DIV+CSS的网站设计思路是现在垠流行的技术。在使用CSS样式的时候，网页的文木属性和格式由CSS来控制的话可以使得网页比鮫美观。最初的网页设计是由HTML标记来定义的，但是这些标记不能满足更多的文档样式需求。所以在以后的标准更新的时候，样式的使用慢慢被大家所注意。关键词：校园；资讯；分享引言对于网站的建设，主题选择是考验网站生存性的一人要素，我们的校园资讯网站立足于当下的校园生活，力求还原一个真实的校园。并月•还要建立一个可以引导大家多角度的认识我们的校园。1DIV+CSS1.1简介DIV+CSS是网站标准屮常用术语之一，div+css是一种网页的布局方法，这一种网页布局方法有别于传统的HTML网页设计语言屮的表格定位方式，可实现网贝页面内容与表现相分离。XHTML基于可扩展标记语言，是一种在HTML基础上优化和改进的的新语言，冃的是基于XML应用与强大的数据转换能力，适应耒来网络应用更多的需求。在XHTML网站设计标准中，不再使用表格定位技术，而是采川DIV+CSS的方式实现各种定位。1.2使用心得\n简单地说,div用于搭建网站结构（框架）、css用于创建网站表现（样式/美化）,实质即使用XHTML对网站进行标准化重构，使用CSS将表现与内容分离，便于网站维护，简化html页面代码，可以获得一个较优秀的网站结构便于口后维护、协同工作和搜索引擎捕获。2总体设计2.1网站设计思想将校园信息规模化，构建主题为学住用户展示校园。在收集网站建设资料的过程小，渐渐的发现网站的更新速度实在是很快，在如今的网站布局上面，色彩搭配问题，还冇使用过的特效都已经达到了令人叹为观止的地步，所以我在设计网站的同时也参考色彩设计，平而设计原理，力求能够将自己的思路尽町能的表达出來。现在校园生活虽然平凡，但是这是真实的，将真实世界与虚拟的网络世界挂钩，将两者的信息联系到一块，并且整合。网站实为信息的分享，三计•我希望通过网站的建设能够做出一些关注校园文化，现象的主题性研究，其实网站的内容页可以使很内涵的，我立足将深思的校园空间发布到网络媒体上，让更多的人去讨论，去实现自己对校园生活的多介度认识,这才是网站的屮心所在。2・2网站功能分析将网站划分为三人板块：新闻，影像，活动。我们将这三板块放在首页的最突出的文字区域,方便同学们阅读。Z所以将信息划分为三个板块是因为在现有的信息屮，以此三种形式的信息最为明显，其次我们可以将这些信息与我们的网站的主题互相呼应，分厚这些信息。我们的资讯泛网将信息用这三种板块形式发布，使得整个网站的后台管理也变得简洁明了。\nCampusLife校园资讯泛网四驱车看到晚霞旳家鬥口饨放学后SCHOOL影金志活动区工具盒首页后台住理AirS^Ml影像志叮活动区1COLA2012-05-121LENKA2012-05-121交换互动2012-05-122.3网页设计banner也好，导航也好。我们都选择的是最简约的形式。颜色的搭配也是灰色为主，陪以—•些蓝色使得网站整体色感不会那么弱。其实我们是特意营造这种简约风格的界而，这样的界面能够使人产牛思考空问。在现在用户设计体感屮，用户思考空间尤为重要，它决定了浏览者是否是只看一眼还是会对其中的信息产生兴趣，继而这些信息对他冇作用，或者能够反馈一些其他方面的信息给我们网站，这就是传统意义I二面的交互式体感设计。我们网站注重这种交互,所以才会提供这种简约风格的界面，其实我们的网站设计体感不仅仅凸显在这里。我们对整个网站建设的网页都赋予了这种体感设计。Flash展示网站首页巨型的flash也是我们网站的一大特色，我们舍弃小型框架，因为flash本来就是一种特型信息的展示，肯定会吸引更多的眼球，我们何不使这种抓人眼球的东西扩人以达到更好的目标呢。巨型图片展示，附上专题式的文字说明，网站首页的核心构成。\n三大板块Air誇呻腔密|NEWSAirS^Wl影像志空A|严Compusa%总活动区1COIA2O12.OS-1?1IFNKA7O12-OS-1?1交期訪POlP-OS-l?2IBMW+么去了；012-05-1?2朋忑7OP-O5-122吧出网站！?01?-05-1?3igOCTA与计HW5业?0l?-0S-12POI2-O5-121究2O12-OS-1?4酉匸201205124久化尬机公201205024inav*20120512SAZ•側201205125枪神疏测20120501saw怖分五厲半20120S126WaAAH义的关怀201205126超的fflK201204036沪友行W2012OS12PoweredbyAirStudio•JR®ffifl2O12AlrStudio对于板块的选择，三大板块区域性更强。我们网站建设初期就很明确的制定了信息的分类,图片，新闻，活动。所以三大板块的构思就这么得来了。导航设计SCHOOL霸象志活动区T具倉首页后台冒理新闻百度GoogleAil招聘搜狐NE\购物导航使川JS特效，简约时尚，在此处设置的JS特效在很大程度上面节约了网页空间。样式结构的笫一次定点使用。同时也是抛弃使用前代导航的单一下拉，整个卞拉表整齐时尚。图片展示\n图片展示区域也是简约风格的再现，同时这种样式结构也是整个网站设计的精华体现。之前一直强调的DTViCSS的美观性可以从此处得到最好的体现。我们没冇使川任何一张单纯的网页模式，单纯的样式结构不仅简单明了的展示了图片，并且是以一种不同于以往的形式。在每张图片的下方我们可以给出该张图片信息或者评论，可以说这种样式具备了美观及功能性。文章中心■5护摇冷搞起来!什么不可以未来道具硏究侈吨篙？光歸传綸..文章区域是仿焯客的样式构建，对于人家都喜爱的阅读形式，为什么要浪费。左右样式独立,一个展示的是文章的标题，另一个则是文章点击率的分类。后台界面\n«i«r«於?！缩BJH艸TDwarrjftSiAS~一~BmttM19COLAADNCX14»12-C5-!20|17什么去7A!>M!SI-30120,20022•16论DOTAFtjnn青业朽工盂■IAIMCX4\»i2-es-n002747£Z£kU]0HTADMINir丨3M24M2如“0!1立艺.枪俺Aii*-scot■—i|301245-1]OON<4W1BAosnx220120512OOW26012AT”ADMIX02012-05-120(14)上一山[A麻台的设置因为其功能性优先性，框架的建设比较重要。能够一目了然的设置信息才是后台应该有的样子。并且还要在同一-网页小实现三信息分区域的跳转，所以该网页也不能设宜成单--样式,必须要有嵌套模式才能使得不同信息管理界而统一在单独网页中。网站设计思路是将校园信息资讯分亨的概念贯穿于整个网站，使得三类信息板块能够将网站屮心表达出來，并U在主题的表达上血能够更加完整。网站内容会比以前更加集中。在我们网站初期建设的时候有考虑过网站的运行问题，后期问题也是不可忽视的--块。D1V+CSS样式的网站设计结构在现下正流行，HTML5吋代的带來还需技术的更新，随着移动设备诸如智能手机，平板电脑，超级本等设备的不断更新，我们将会在后期再将网站进行完善，使其能够适合这些设备的需求。该网站由于使川的是样式结构，所以在代码方面以及美工设计上面可以方便的更改，并且在代码方面的作用尤为明显，它减少了我在设计网页时代码的重复。代码的粹简可以使代码的操作变得极易上手。结论通过这次比较完整的网站设计，我们摆脱了单纯的理论知识学习状态，和实际设计的结合锻炼了我的综合运川所学的专业基础知识，解决实际工程问题的能力，同时也提高我查阅文献资料、设计手册、设计规范等其他专业能力水平，而且通过対整体的掌控，对局部的収舍，以及对•细节的斟酌处理，都使我的能力得到了锻炼，经验得到了丰富，并且意志品质力，抗压能力及耐力也都得到了不同程度的提升。这是我们都希望看到的也正是我们进行设计的目的所在。参考文献：图书著作文献：王可《设计色彩》，上海人民美术出版社2005.8第一版秦鹏《I1TMLDREAMWEAVER8网页制作》屮国青年电子出版社2007.4第—•版