校园招聘网站需求分析2.1 招聘需求本次合作方是广州市黄埔区人力资源和社会保障局、广州开发区人力资源和保障局，主要面向 2019 届应届大学生进行2019 校园招聘的官方网站，用于为开发区内企业引进人才，促进开发区发展。经过前期沟通，合作方的具体招聘需求如下：1.体现青春与活力，因为招聘对象为应届大学生，所以青春与活力的主题更适合作为该项目主题；2.介绍开发区情况，给求职应届生一个良好的第一印象；3.链上政府官网和挂上微信公众号；4.配合合作方的线下校招活动，既展示校招活动地点与具体时间等信息；5.在校招网页上链上各个参与招聘企业的官网链接；6.招聘页面需要设计一个职位总需求表的下载按钮，还要挂上各个公司的简介；7.自适应手机端；8.展示页页面需要轮播图。合作方给出的素材资源，其中文字资源共计5879 个字包括8 个公司简介，图片资源共计 21 张图片，链接10 个包括 8 个公司官网链接、1 个政府官网链接、一个开发区视频链接和 1 张 Excel 表格，详情如表2.1 所示。表 2.1素材资源资源种类政府资源企业资源资源总数文字资源2311 字3568 字5879 字图片资源13 张8 张21 张链接资源2 条8 条10 条Excel 表格1 张0 张1 张2.2 布局分析1、校园招聘网站的常用布局校园招聘网站常常分为PC 端页面和 H5 页面，即手机端页面， PC 端页面在一般情况下需要自适应手机端。在PC 端页面中，常用布局有以下几种。图 2.1PC 端多页面上下框架型网站布局（1）PC 端多页面上下框架型网站布局，既整个网页采用由上到下的方式布局，如图2.1 所示。（2）左右框架型网站布局，既整个网页在布局上从左到右，划分布局， 如图 2.2 所示。图 2.2PC 端多页面左右框架型网站布局（3）单页面单屏选项卡切换式布局，网页在页面中没有外部滚动条，可以有自定义滚动条，所有内容在一个整屏页面中展示，如图2.3 所示。图 2.3PC 端单页面单屏选项卡切换式布局（4）多页面单屏模态框，页面实际上是一个页面，切换由模态框、选项卡进行，切换效果多为滑动，如图2.4 所示。图 2.4PC 端多页面单屏模态框布局（5）H5 页面中有单页面布局，即手机端页面，在微信、QQ 和手机浏览器中展示，主要特点为其独特的分辨率，如图2.5 所示。图 2.5H5 单页面布局2、项目中采用的布局在整个项目中，根据用户的需求来选择整体布局。（1）体现青春与活力、展示页页面需要轮播图的需求，整个页面的风格尽量统一，在整体...
