【摘 要】通过校园主页的设计和实现，详细描述如何规划、搭建、制作网站主页的过程
　　【关键词】Div+css html flash javascript
　　随着Internet技术的不断发展，信息查询、游戏聊天、电子商务等网络应用已经渗透到人类社会的各个角落，人们已步入网络时代。作为网络世界的支撑点的网站，更是人们关注的热点：政府利用网站宣传自己的施政纲领，日益成为与百姓交流的直通车；企业利用网站宣传自己的形象，挖掘无限商机；个人利用网站展示个性风采，创建彼此沟通的桥梁。因此，越来越多的人希望拥有网站，政府、企业甚至个人拥有自己的网站已经成为必然的趋势。
　　如何丰富校园学生生活，定期发布学校各种信息，提高在校学生对学校的关注，让报考本校的考生有一个了解学校的窗口，诸如此类的问题都需要通过网站的主页予以体现。所以网站主页的设计理念一定要突出实用与简洁，直观的版面风格让网友一眼就能找到自己需要的信息，而且版面可以随时增加，以动态的适应使用需求。下面就通过一个具体的实例，讨论一下校园网网站首页设计和制作过程
　　一、主页总体规划思路
　　设计网页首先要考虑的是网页兼容性问题，时下众多的浏览器使网页的显示会有差别，特别要注意ie与Mozilla firefox浏览器的乱码问题。以div+css打框架，使用table.css表格修饰，然后进行表单修饰form.css，最后是css的优化。
　　首先，把需要展现的内容分成若干个块，想好几行几列，每个块都是一个单一的色块，用css定义，这里应该注意要主次分明，不要全部用大块分割页面，主要以左右布局。然后用css定义字体行间距等参数，注意防止文字因过长发生折行破坏页面整洁，最终目的是要保证这个画面整齐与简洁。
　　其次，图片的处理也要讲究，页面的主要位置放置480*320的大图会使整个页面显得大气，有吸引力。Flash的设计也要时尚美观，代码要开源，以便于维护，也方便图片调取。
　　最后是校园bbs的文章调取，通过交互论坛更好的与学生、网友交流，提高网站的粘稠度，并随时注意选取优质文章图片等，呈现在首页，为网站增加亮点
　　总结上述几点，校园网首页应分为头条新闻图片发布区，文字新闻动态发布区，图片展示区，校园信息发布区，这么几大板块。
　　二、具体实现以及代码举例
　　（一）网页主框架设计