安徽兴鹏科技学校网站改版导航栏栏目组成

第一篇：安徽兴鹏科技学校网站改版导航栏栏目组成

安徽兴鹏科技学校网站改版说明

一、基本要求

1、色彩配置

参考原来的网站：http://www.xiexiebang.com，以桔黄色为网站的底色。

2、版式构成

整个网站的版式，建议参考原来的网站，最上面为Flash动画，动画之下为一级导航栏，导航栏之下为网站内容，其中左侧为二级导航菜单，右侧为对应的内容列表。最下面为学校的联系地址等等。基本构架与原网站类似，仅仅是对网站中部的内容进行精简，去繁就简！其中，上部的动画区域加大点，并要求动画支持在线更新。

3、网页大小

所有网页以1024 X 768分辨率构建，适合于目前的主流显示器打开浏览。另外，考虑到现在有相当部分的显示器为宽屏，建议在网页左右两侧设置悬浮对联式宣传动画，并要求支持在线修改更新。

4、网页框架

除首页以外，所以网页均采用相同的框架，建议采用：上部动画，动画之下为横向的一级导航栏，一级导航栏左侧为校名、校徽，右侧为级导航栏的菜单项。导航栏之下左侧为二级导航栏，右侧大部区域为二级导航栏对应的项目列表或二级导航栏内容，最底下为学校的联系地址、网站版权声明、管理员登录按钮等等。二级导航栏对应的项目列表支持鼠标点击，以新窗口的方式打开，但新窗口拥有与原窗口一样的框架。

5、构建原则

网站的构建原则是：简洁明快实用，图片宣传为主，文字宣传为辅，易于修改更新，吸引网友注意。二、一级导航栏目组成与要求

组成：首 页、关于兴鹏、招生就业、教育教学、新闻资讯、人才招聘、联系地址。

要求：①.栏目顺序参照上述所列的前后顺序，同样，二级导航栏的栏目顺序也参照所列顺序。

②.一级导航栏栏目在所有的二级导航栏目打开时，均存在——即所有的二级导航栏目、二级导航栏的项目拥有相同的模板框架，除首页外。

③.本网站的网页的横向分辨率为1024，并在左右两边各设有一个悬浮的宣传的动画。

④.网站的所有网页的右下角有一个招生咨询留言的浮动图片，支持网友在线直接报名咨询留言。三、一级导航栏目对应的二级导航栏目构成与要求 1．首 页

组成：打开学校网站时，首页的构架与其它网页不一样，建议参照原网站：www.xiexiebang.com的首页，但把原来网站的首页中的“专业设置、就业之窗、教学管理”这一栏和底下的“友情链接”这一栏取消，其它均保留，项目与内容不变，并且“校园风采”与“学生作品”为滚动动画，且支持超级链接打开浏览。

要求：①.首页就相当于把原来网站的首页中的“专业设置、就业之窗、教学管理”这一栏和底下的“友情链接”这一栏取消而已。

②.将“校园新闻”改为“教育资讯”，其内容为所有的新闻资讯项目列表，列出最新的资讯项目，多余项目以“更多„”按钮支持超级链接打开“教育资讯”一级栏目。

2．关于兴鹏

组成：学校简介、学校荣誉、办学特色、校园风采、校长信箱、联系地址。要求：①.点击一级导航栏“关于兴鹏”栏目标题目时，不新建窗口，切换窗口进入“学校简介”网页。

②.“学校简介”网页，其内容的上部为一幅宣传图片，其下为学校简介的文字。文字下部为学校的办学理念（校训）宣传口号性文字等。

③.“学校荣誉”和“办学特色”栏目点击时，不打开新窗口，以相同的版式出现，原则为一篇独立的文章，其版式组成为：上部为一幅宣传图片，其下为对应用的文字。文字下部为学校的对应的宣传标语性文字等。其中，“学校荣誉”之下含用学校办学的各种荣誉标牌、奖状等的滚动图片，且支持超级链接打开浏览；“办学特色”的文字之下教学设备、设施的滚动图片，且支持超级链接打开浏览。

④.“校园风采”为含有介绍学校情况的标题性图片列表，当点击“校园风采”时，不打开新窗口，在其右侧显示出对应的项目列表，点击右侧的项目列表时，打开一个新窗口，显示对应的内容。校园风采为相关的校园环境图片、教学设备和设施、学生在校学习与生活等的图片和文字等说明信息，校园风采支持在线更新。

⑤.“校长信箱”网页为一个独立网页，其内容上部为一个联系校长标识性的图片；其下为校长的联系方式，包括负责校长的姓名、职务、办公电话、手机号、QQ号、电子信箱等；最下面为校长办公教学等宣传性口号文字。“联系地址” 网页为一个独立网页，其内容上部为一个联系学校的标识性图片；其下为学校的详细的联系地址和重要职能部门的联系方式,特别是招生办与就业办的联系方式和地址，其下为学校的方位示意图。

3．招生就业

组成：专业介绍、招生简章、招生问答、招生视频、就业指导、就业信息、咨询留言。

要求：①.点击一级导航栏“招生就业”时，不打开新窗口，对应的一级窗口内容为“校长致辞”，其内容上部为宣传图片，中部为校长所做的关于招生就业致辞性文字，其下为相关的宣传口号性文字或图片一到三幅。

②.“专业介绍”为独立的网页，其内容上部为宣传图片，其下为所有专业的名称+文字说明，其下为相关的宣传口号性文字或图片一到三幅。

③.“招生简章” 为独立的网页，窗口中含有招生简章的每个专业的相关内容。

④.“招生问答” 为独立的网页，为自问自答方式，直接在二级导航栏右侧窗口中显示。

⑤.“招生视频”为独立的网页，当点击时，在一级导航栏窗口右侧打开学校拍摄的招生广告宣传片。

⑥.二级导航栏“就业指导”、“就业信息”两个栏目，点击时均在一级窗口中以标题方式将对应的项目罗列出来，支持鼠标点击，以新窗口方式打开浏览，均支持后台在线添加、编辑、修改和删除等操作。

⑦.“咨询留言” 为独立的网页，以招生为主旨、方便联系为目的，设计成在线报名表单。

4．教育教学

组成：教学管理、教育管理、教学设备、教学活动、学生作品。要求：①.点击一级导航栏“教育教学”对应的一级窗口，其内容为所有的教育教学项目列表。

②.二级导航栏“教学管理、教育管理、教学设备、教学活动、学生作品”四个栏目，点击时均在一级窗口中以标题方式将对应的项目列表出来，支持鼠标点击，以新窗口方式打开浏览，均支持后台在线添加、编辑、修改和删除等操作。

③.当一级窗口项目列表满屏时，一般一级窗口右侧列表方式以12条左右为宜，太多时以“更多„.”字样在右下脚提示，在一级窗口中只列出近期内的按时间先后次序显示的内容。

5．新闻资讯

组成：教育资讯、校园公告、校园新闻、今日校园

要求：①.点击一级导航栏“校园资讯”对应的一级窗口，其内容为所有的新闻资讯项目列表。

②.二级导航栏“教育资讯、校园公告、校园新闻、今日校园”四个栏目，点击时均在一级窗口中以标题方式将对应的项目列表出来，支持鼠标点击，以新窗口方式打开浏览，均支持后台在线添加、编辑、修改和删除等操作。

③.其中“今日校园”以每天一期的形式，将今日或前一天学校发生的最主要的教育教学、领导办公、招生就业等等以简单标题性文字+图片加以说明发布到网站中，达到网站的实时更新体现。

6．人才招聘

组成：招聘信息项目列表

要求：点击“招聘信息”时，在一级框架窗口右侧以标题罗列的方式列出近期内学校发布的招聘信息，支持超级链接，鼠标点击以新窗口方式打开浏览，“招聘信息”栏目支持后台在线添加、编辑、修改和删除等操作。

7．联系地址

组成：招聘信息项目列表

要求：“联系地址” 网页为一个独立网页，其内容上部为一个联系学校的标识性图片；其下为学校的详细的联系地址和重要职能部门的联系方式,特别是招生办与就业办的联系方式和地址，其下为学校的方位示意图。

四、其它内容的构成与要求 1．管理员后台登录

组成：“管理员后台登录”链接

要求：在网站的页面的底部的右侧添加后台登录链接，方便管理员登录管理。

2．网页两侧悬浮动画

组成：网页两侧悬浮动画

要求：能随着滚动条拖动而移动，支持关闭操作，当用户显示器横向分辨率大于1024时，自动移出网页区域。另外，支持后台或手工修改。3．网页两侧空白区域

组成：网页两侧空白区域

要求：当用户的显示器横向分辨率大于1024时，网页打开时，其两侧为白色区域，建议采用网页的背景我设为非白色，使网页两侧空白区域变成默认的网页背景色，以示与非网页区分开。