慧云科技 > 首页 > 文章详情

校园网站建设总体设计与技术细节(中)

本文来源:网站建设-网站制作|网络营销专家慧云科技-

抢滩登陆

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大部分介绍一下,各网站建设者也可以按照各学校的不同要求进行栏目增减。一,“新闻类”,招生信息等新闻类信息应最先将放置在这个页面;二,“二级学院”,这一部分则主要以介绍各二级学院的历史、教师情况、专业设置、课程、奖学金等等情况为主;三,“学生生活类”则是以学生生活为主,如学生会、各种兴趣小组等等文体活动的介绍。另有毕业生就业分配情况介绍。

本文关键词:网站建设  结构设计  首页页面设计
本文摘要:本文详细阐述了网站首页页面设计和结构设计,这是网站建设的两个重要组成部分。


RSS订阅| 关于我们| 网站地图| 加入项目| 法律条款| 友情链接| Firefox| Sitemap| 网站统计

全国免费咨询热线:400-600-6495 优惠活动咨询电话:021-62278496 Email:ajaxcms@yahoo.cn

上海慧云信息科技有限公司版权所有 2006-2009 沪ICP备09038165号

本站关键词:网站建设 高品质网站建设