校园招聘网站的设计3
1 整体设计在页面结构上分为两大部分，引导页的页面结构和展示页的页面结构
引导页也称为主视觉，它是用户打开网页的第一个界面，是给应届生的第一印象，引导页页面结构如图3
1所示，引导页将采用整屏背景＋logo＋enter 按钮按钮的结构， 在各种主流分辨率下都在一个屏幕显示，即页面中不能出现滚动图 3
1引导页结构条
接下来是展示页的页面结构如图3
2 所示，将在外部结构上采用多页面上下框架型布局而内部 content 的结构视具体页面而定，内容上采用图文结合的方式来进行布局，分为三大板块， banner 页、content 页、 footer 页，该页面结构在本次设计中用于除引导页以为的所有页面，即下文中介绍的区情概况、校招行程、求才企业、职位详情
背景LogoEnterBannerContentFooter 图 3
2展示页结构根据良好映像、开发区介绍、企业介绍、线下校招、职位链接等需求，将其分成以下五个页面
1、引导页（1）在功能上，起到引导浏览的作用，主要作用是奠定整个项目的格调、主题，所以将采取青春与活力的主题来奠定整个网站的情感基调；（2）在结构上，采用整屏背景＋logo＋enter 的结构、图文结合的方式来进行设计；（3）在关键技术方面上，将给enter 按钮添加 h5 动效，因为用户要求自适应手机端，所以还需要做一个手机端的引导页，达到用户的要求
2、区情概况（1）在功能上，该页面介绍合作方的基本情况、经济发展、人才政策、产业政策和科技创新等信息；（2）在结构上， content 部分采用上下框架的结构、图文结合的方式来进行设计；（3）在功能上导航栏添加伪类特效，banner 图轮播，添加政府官网链接，链接视频，挂上政府微信公众号
3、校招行程（1）在功能上，该页面介绍合作方线下的校园招聘行程；（2）在结构上， content 部分采用图
