电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

校园招聘网站的设计VIP免费

校园招聘网站的设计_第1页
1/7
校园招聘网站的设计_第2页
2/7
校园招聘网站的设计_第3页
3/7
校园招聘网站的设计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 部分采用图表结合的表达方式来进行设计;(3)在功能上导航栏添加伪类特效,banner 图轮播。4、求才企业(1)在功能上,用来介绍参加招聘的企业方,主要为企业官网的链接;(2)在结构上, content 部分采用图片展示的表达方式来进行设计;(3)在功能上, 导航栏添加伪类特效,banner 图轮播, 添加参加招聘企业的官网链接。5、职位详情(1)在功能上,用来介绍参加招聘企业方并且给出职位链接,以及全部招聘职位汇总表的下载按钮;(2)在结构上, content 部分采用左右框架的结构,图文结合的方式来进行设计;(3)在功能上,导航栏添加伪类特效,banner 图轮...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

校园招聘网站的设计

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部