本文来源:网站建设-网站制作|网络营销专家慧云科技-抢滩登陆2009-11-19 16:41:12
2网站建设结构设计
2.1网站首页页面布局建设
考虑到学校网站的使用者大部分都是教师与学生,因而整个网站页面的布局以清晰、严谨风格为主,同时使用限量的图形和多媒体元素。大多数网站建设工作者都会基于这种考虑,除了部分页面使用了IFRAME技术外,绝大部分都使用DIV+css的设计,如首页面设计:

这样的网站首页设计是网站建设中最常用的设计方案之一,它将整个页面分为4个区域,各个区域的内容互相之间界线分明,使得阅读方便清楚。<div id=”top”></div>之中的区域内容主要包括网站标志、导航条、页面标题和同级页面超链接按钮。在页面标题中使用了GIF格式,这样将创造出一定的动态效果;在同级页面超链接按钮上则使用JavaScript,当鼠标进入按钮范围内时,按钮将加亮显示。<div id=”left”></div>之中为该页面下级页面的超链接按钮,它们同样使用上述的JavaScript技术。<div id=”right”></div>之中则是页面的主要内容所在,各页面的主要区别就在这个区域内。在<div id=”foot”></div>之中的区域包括了版权所有信息,WEBMASTER电子邮箱地址,下级页面超链接和网站最后修改日期。由于使用了IFRAME的页面继承功能,所以每个页面有相似性的地方都是自动继承的,比如版权信息、邮件地址、导航条等等,这样就大大降低了网站管理的工作量。
2.2网站结构设计
在大多数网站建设大师的作品中,网站页面以层次结构组织,首先依功能分成两个部分,一部分是以CGI功能为实现目标的几个页面,包括“讨论组”、“专业讨论组”、“全文检索”、“目录”、“留言板”,这几个页面与“首页”平级,全部布置在导航条中。另一部分则是以介绍学校各类信息为主要功能的页面,这一部分以“首页”开头,下面把最重要的4大部分介绍一下,各网站建设者也可以按照各学校的不同要求进行栏目增减。一,“新闻类”,招生信息等新闻类信息应最先将放置在这个页面;二,“二级学院”,这一部分则主要以介绍各二级学院的历史、教师情况、专业设置、课程、奖学金等等情况为主;三,“学生生活类”则是以学生生活为主,如学生会、各种兴趣小组等等文体活动的介绍。另有毕业生就业分配情况介绍。
本文关键词:网站建设 结构设计 首页页面设计
本文摘要:本文详细阐述了网站首页页面设计和结构设计,这是网站建设的两个重要组成部分。