校园生活类网站设计与开发

时间:2019-09-27

　　摘要：以校园生活网站为主, 总结出在其设计与开发过程中的一般步骤, 并针对建设网站过程中可能存在的问题, 提出几点有效建议。

　　关键词：校园生活网站; 网页设计; 页面元素;

　　1 前言

　　随着计算机互联网技术的不断普及和发展, 人们可以更方便快捷地浏览各种各样的网站, 从中获得自己需要的信息。在计算机网络不断应用于教育的今天, 校园生活网站的设计以校园生活为题材, 提供丰富的信息资源, 不仅面向广大在校师生, 也面向社会。它利用网页的形式, 展现出学校师生的学习生活环境和娱乐活动等, 有利于宣扬学校的文化精神。随着校园生活网站建设的重要性越来越突出, 对它的设计与开发不容忽视。制作出令人赏心悦目、方便获取信息的校园生活网站, 已成为一种追求。
 

　　2 校园生活网站设计与开发步骤

　　网站定位首先要对建设的网站进行精确定位, 需要明确网站建设的目的和面向的对象, 增强其实用性。在明确校园生活网站建设的方向后, 进行整体构思与规划, 定位出校园生活网站的特色和风格, 如青春类。

　　素材搜集围绕校园生活, 收集与网站主题相关素材资料。以校园生活中的娱乐生活为例, 在确定主要内容后, 还需搜集诸如校外旅行的景点、社团活动的相关事宜、图片以及音视频等大量资料, 并对资料进行整理, 合理分类, 便于后期合理安排制作。

　　页面制作首先, 确定好网站的整体色调, 由于展现的是校园生活, 所以可采用绿色、暖黄色和红色等可以烘托青春气息的色彩。其次, 设计简洁大方的界面, 不拘泥于传统的校园网站, 勇于打破呆板的风格进行创新。第三, 在Logo的设计中, 可以将简笔画的图像与变化了的文字相结合, 既宣扬活力, 又能突出学校生活的特色;导航条要让人一目了然, 概括定义好主要关键词;内容板块的设计是最为自由的, 可以根据校园生活的素材, 设计出图文并茂的页面, 给人耳目一新的感觉;版权信息也必不可少。第四, 合理规划好各个板块, 将其组合成最优的整体页面, 能让人一目了然又富有创意, 以吸引更多的浏览者, 提高网站关注度。

　　完成发布校园生活网页制作完成后, 需要在浏览器中进行测试, 看其能否正确显示, 观察效果, 如果没有问题, 则可以上传发布于Internet上, 并定期进行维护更新。

　　3 校园生活网站设计与开发的建议

　　不难发现, 往往在网站设计与开发的实践操作中, 还存在许多大大小小的问题。本小组在设计制作宝鸡文理学院校园生活网站过程中出现一系列问题。如:色彩选用不当, 各种颜色混在一起, 过于花哨, 像一块调色板;字体过小或过大, 设计过于自由, 有的文字颜色搭配不合理, 略显粗俗;使用的图片模糊且随性, 没有指向性和内涵, 缺乏美感;加入大量动画和视频, 没有节制, 导致网页加载速度慢;未能将版面合理布局, 图片、文字只是一味地堆积在一起, 缺乏创意;等等。针对出现的问题, 总结提出几点关于制作校园生活类网站的建议, 目标在于制作出人们喜闻乐见的优秀网站。

　　搭配积极、热情的色彩用户打开一个网站, 最先感受到的并不是丰富的内容, 而是它的色彩。不同的色彩有着不同的象征含义和情感态度, 一般来说, 红色象征着火和力量, 热情、奔放;橙色象征着幸福, 欢快、生机;明亮的黄色高贵光明;大自然般的绿色和谐有活力;平静的蓝色, 灵性的紫色;等等。但同时它们也有消极的一面, 比如:红色表示愤怒, 黄色代表警告, 紫色带来压抑。校园生活网页中色彩的应用也应遵循色彩的规律, 选择较为活泼的基调, 如热情活力的红色或生机勃勃的嫩绿色, 其他色彩起点缀、衬托、补充的作用, 而不能喧宾夺主, 使人眼花缭乱。可以利用白色纯净简单的优点, 它的加入运用, 可以显露网站的整洁, 增加可读性。总之, 在一个网页中不要运用三种以上的色彩, 注意色彩的搭配要合理, 要给人一种和谐愉快的视觉享受。

　　利用彰显个性与主题的文字网站建设过程中, 在文字的设计使用时要注意不要使用过大的字体, 这样页面所包含的内容将会减少, 除非要突出某一重点或应用于标题;也不能太小, 会使可读性变差;要适中。可以根据内容所需, 运用不同的字体来彰显个性与主题, 充分体现某种情感。如粗体字强健有力, 有大气磅礴之势;细体字高雅细致, 有柔美之感。校园生活网站页面的设计中也可以运用文字的图形化, 对字体进行艺术化的设计, 能更富有创意地表达设计思想, 打破网页的平淡与单调。要注意文字颜色的使用, 要合理使用不同颜色的文字, 不要太多, 否则整个页面看起来像是一块调色板, 凌乱无章。还有运用段落与段落间空行及首行缩排等方式来辅以阅读;不宜使用过多闪烁的文字;等等。

　　选择积极向上、有含义的图像一个好的网页离不开好的视觉效果、好的视觉元素——图像的运用, 既可以赋予页面灵气, 又能通过与文字、音频的相互结合来吸引人们的注意力, 以及帮助其更好地理解文字内容。校园生活网站的图片应是积极向上、活泼的;避免使用太过灰白的图片, 容易引起压抑感;在图像的运用中, 可采用自己拍摄的素材图片, 但要注意其清晰度, 主体应清晰可见;图片的含义要简单明了;图片中包含的文字应容易辨认;也不宜使用过多过大的图片, 可应用png图像格式, 图像不容易失真, 存贮形式丰富, 又能把图像文件压缩到极限, 利于网络传输且显示速度快。对于已获取的图形或图像, 可以利用Adobe Photoshop、光影魔术手等软件进行处理, 使之更符合网页编辑的需要, 制作出具有特色和吸引力的网站页面。

　　加入有效的音视频仅仅有文字和图片组成的静态页面中, 缺乏相应的视听觉感受, 难以引起浏览者的兴趣。添加需要的音视频来表现内容, 更富有表现力, 能给浏览者带来惊喜, 提高点击量, 更具有吸引力。MP3 格式的音频音质好, 文件体积较小, 可以作长时间播放的背景音乐, 也适合用作解说和效果声, 便于在网上传播。数字视频能客观记录现实, 表现事物细节, 突破时空限制, 从而拓宽人的视野。可以根据需要, 利用数字视频后期制作与处理软件 (如会声会影) 对视频进行剪切或组接。加入自己录制或下载的有关视频, 比如心理健康访谈类节目等, 能产生文字、图像等无法代替的视听觉效果。

　　适当运用动画资源动画利用人类视觉暂留的特性, 快速播放一系列动作连贯的静态图像产生视觉上的动态效果, 善于表现抽象事物。利用Flash设计出有表现力的动画, 彰显网站主题。它采用矢量技术, 生成的文件容量小, 适合网络传输。但也要注意善用此类辅助型网页内容, 过多地、没有针对性地使用会加重网页的负担, 影响加载速度, 容易使网页浏览者心生厌烦, 减少浏览量。要注意该用则用, 不可滥用。

　　4 结论

　　要想制作出成功的诸如校园生活类网站, 不仅要注意以上所提到的问题, 还需要建设者提高自身技术, 在制作过程中认真仔细、不可马虎, 发现问题时能及时有效地解决;增强审美能力, 能合理搭配内容;具有创新意识, 敢于打破传统网页布局;将理论知识与实践操作相联系, 勤于动手, 在实践中检验真理;等等。总之, 建设者需要不断学习和思考, 不断进步, 从而设计制作出人们喜爱的网站。

　　参考文献
　　[1]宋志新.浅谈网站建设和网页制作的方法[J].电子技术与软件工程, 2013 (24) :22-22.
　　[2]周容.网页页面技术剖析[J].四川职业技术学院学报, 2003 (1) :72-74.
　　[3]赵霞, 赵国强.网页制作的问题与方法探析[J].科技风, 2009 (16) :1.
　　[4]叶旭东.Flash动画在网页制作中的应用[J].信息与电脑:理论版, 2012 (1) :140-141.

TAG标签： 网页设计  

上一篇：浅析服装面料素材网站设计研究
下一篇：电视节目制作应用多媒体技术的方式探析