校园生活类网站设计和开发.docVIP

校园生活类网站设计和开发 　　摘 要 以校园生活网站为主，总结出在其设计与开发过程中的一般步骤，并针对建设网站过程中可能存在的问题，提出几点有效建议。 　　关键词 校园生活网站；网页设计；页面元素 　　中图分类号：TP393 文献标识码：B 　　文章编号：1671-489X（2016）06-0157-02 　　1 前言 　　随着计算机互联网技术的不断普及和发展，人们可以更方便快捷地浏览各种各样的网站，从中获得自己需要的信息。在计算机网络不断应用于教育的今天，校园生活网站的设计以校园生活为题材，提供丰富的信息资源，不仅面向广大在校师生，也面向社会。它利用网页的形式，展现出学校师生的学习生活环境和娱乐活动等，有利于宣扬学校的文化精神。随着校园生活网站建设的重要性越来越突出，对它的设计与开发不容忽视。制作出令人赏心悦目、方便获取信息的校园生活网站，已成为一种追求。 　　2 校园生活网站设计与开发步骤 　　网站定位 首先要对建设的网站进行精确定位，需要明确网站建设的目的和面向的对象，增强其实用性。在明确校园生活网站建设的方向后，进行整体构思与规划，定位出校园生活网站的特色和风格，如青春类。 　　素材搜集 围绕校园生活，收集与网站主题相关素材资料。以校园生活中的娱乐生活为例，在确定主要内容后，还需搜集诸如校外旅行的景点、社团活动的相关事宜、图片以及音视频等大量资料，并对资料进行整理，合理分类，便于后期合理安排制作。 　　页面制作 首先，确定好网站的整体色调，由于展现的是校园生活，所以可采用绿色、暖黄色和红色等可以烘托青春气息的色彩。其次，设计简洁大方的界面，不拘泥于传统的校园网站，勇于打破呆板的风格进行创新。第三，在Logo的设计中，可以将简笔画的图像与变化了的文字相结合，既宣扬活力，又能突出学校生活的特色；导航条要让人一目了然，概括定义好主要关键词；内容板块的设计是最为自由的，可以根据校园生活的素材，设计出图文并茂的页面，给人耳目一新的感觉；版权信息也必不可少。第四，合理规划好各个板块，将其组合成最优的整体页面，能让人一目了然又富有创意，以吸引更多的浏览者，提高网站关注度。 　　完成发布 校园生活网页制作完成后，需要在浏览器中进行测试，看其能否正确显示，观察效果，如果没有问题，则可以上传发布于Internet上，并定期进行维护更新。 　　3 校园生活网站设计与开发的建议 　　不难发现，往往在网站设计与开发的实践操作中，还存在许多大大小小的问题。本小组在设计制作宝鸡文理学院校园生活网站过程中出现一系列问题。如：色彩选用不当，各种颜色混在一起，过于花哨，像一块调色板；字体过小或过大，设计过于自由，有的文字颜色搭配不合理，略显粗俗；使用的图片模糊且随性，没有指向性和内涵，缺乏美感；加入大量动画和视频，没有节制，导致网页加载速度慢；未能将版面合理布局，图片、文字只是一味地堆积在一起，缺乏创意；等等。针对出现的问题，总结提出几点关于制作校园生活类网站的建议，目标在于制作出人们喜闻乐见的优秀网站。 　　搭配积极、热情的色彩 用户打开一个网站，最先感受到的并不是丰富的内容，而是它的色彩。不同的色彩有着不同的象征含义和情感态度，一般来说，红色象征着火和力量，热情、奔放；橙色象征着幸福，欢快、生机；明亮的黄色高贵光明；大自然般的绿色和谐有活力；平静的蓝色，灵性的紫色；等等。但同时它们也有消极的一面，比如：红色表示愤怒，黄色代表警告，紫色带来压抑。校园生活网页中色彩的应用也应遵循色彩的规律，选择较为活泼的基调，如热情活力的红色或生机勃勃的嫩绿色，其他色彩起点缀、衬托、补充的作用，而不能喧宾夺主，使人眼花缭乱。可以利用白色纯净简单的优点，它的加入运用，可以显露网站的整洁，增加可读性。总之，在一个网页中不要运用三种以上的色彩，注意色彩的搭配要合理，要给人一种和谐愉快的视觉享受。 　　利用彰显个性与主题的文字 网站建设过程中，在文字的设计使用时要注意不要使用过大的字体，这样页面所包含的内容将会减少，除非要突出某一重点或应用于标题；也不能太小，会使可读性变差；要适中。可以根据内容所需，运用不同的字体来彰显个性与主题，充分体现某种情感。如粗体字强健有力，有大气磅礴之势；细体字高雅细致，有柔美之感。校园生活网站页面的设计中也可以运用文字的图形化，对字体进行艺术化的设计，能更富有创意地表达设计思想，打破网页的平淡与单调。要注意文字颜色的使用，要合理使用不同颜色的文字，不要太多，否则整个页面看起来像是一块调色板，凌乱无章。还有运用段落与段落间空行及首行缩排等方式来辅以阅读；不宜使用过多闪烁的文字；等等。 　　选择积极向上、有含义的图像 一个好的网页离不开好的视觉效果、好的视觉元素――图像的运用，既可以赋予页面灵气，又能通过与文字、音频的