国际教育园大兼职网站的设计与实现
苏州国际教育园大学生兼职网站的设计与实现是基于国际教育园区的大学生平日利用课余时间进行勤工俭学，此网站建设目的是为大学生提供更便利的平台去找兼职，还可以通过大学生的不同程度要求来寻找更适合他们的兼职。本课题将以苏州市吴中区国际教育园大学生兼职为主题制作网站，通过HTML5，CSS3实现网页内容和具体的网页布局，使用jQuery增加页面特效，完成网站在主浏览器中的兼容性。此网站建立可以使大学生能够合理利用课余时间，丰富大学生的课余生活，节约时间来完成自己的学业任务，大学生的兼职不再局限于通过中介来找，或是到公司酒店之类地方去找，可以通过网络来满足自己的需求。
目 录
一、引言 1
（一）课题背景 1
（二）课题意义 1
二、网站需求分析 1
（一）网站需求 1
（二）可行性分析 1
1.可行性要求分析 1
2.可行性目标分析 1
3.可行性条件分析 2
三、网站设计计划 2
（一）网站建设构想 2
（二）网站页面建设 2
（三）网站外观设计 2
1.导航 2
2.内容 2
3.外观架构 2
4.外观设计小总结 16
四、网站制作步骤 16
（一）兼职网站登录页面制作 16
（二）注册页面 18
（三）首页介绍 19
（二）兼职工作简介 20
（三）全职工作页面 21
（四）简历中心界面 22
（五）求职指导 22
（六）企业发布信息页面 23
（七）关于我们 24
五、总结 25
致谢 26
参考文献 27
引言
（一）课题背景
随着社会经济的快速发展和大学生就业压力的日益沉重，以及在当今社会网络的迅速发展，人们找工作的方式也发生着丰富的变化，与那些没有目标性的四处寻找用人单位以及目标头向各种大型招聘会的的求职人员相比较，网络招聘就具有很多独有的优势，它既能提供最及时、最丰富的招聘信息、又能使求职者免
*好棒文|www.hbsrm.com +Q: ^351916072*
除了周车劳顿的辛苦。
（二）课题意义
设计开发一个招聘兼职网站，其根本意义就在于要实现求职人员和用人单位的互利和双赢。广大的求职者，包括社会普通求职人员、应届毕业生以及在校学生，可通过这个兼职网站寻找到丰富的最新招聘信息，向符合自己意愿、要求和能力的职位投放个人简介并提出申请应聘。而用人单位可以在网站上发布兼职信息，等待求职者向自己招聘信息投个人简历，从而向符合要求的求职者发出应聘意向，同时处理求职者提出的应聘申请。网上人才与招聘网站就是致力为双方提供了一个便利的信息交流和应用平台。
二、网站需求分析
（一）网站需求
首先根据使用该网站的用户的角色不同分为下面两种用户。
个人用户：可以浏览新闻、查看招聘和求职信息、向自己满意的公司递交简历等。个人用户在首页页面上进行个人用户的注册和登录，当个人用户登录本系统的时候，进入个人用户的简历中心页面可以添加自己的个人信息和创建个人简历、修改自己的个人信息和个人简历，也可以查看相关的招聘信息。当用户完成了自己的相关操作后可以退出网站。
企业用户：可以发布企业招聘信息、浏览新闻、查看求职和招聘信息、查看个人用户递交的简历等功能。企业用户先进入首页可以浏览招聘信息和求职信息，在首页面上有企业入口。当企业用户登录本系统，进入企业用户主页面，这时候企业用户可以进行发布招聘信息，企业用户可以对收到的简历进行管理招聘和删除。当企业用户完成自己的相关操作后可以退出网站。
（二）可行性分析
1.可行性要求分析
主要功能：为在校大学生、应届毕业生及社会上的求职人员提供一个方便的求职平台，并且为用人单位提供一个便利的招聘信息发布平台。
2.可行性目标分析
使大学生能够合理利用课余时间，丰富大学生的课余生活，节约时间来完成自己的学业任务，大学生的兼职不再局限于通过中介来找，或是到公司酒店之类地方，可以通过网络满足自己的需求。除此之外，企业及用人单位也可以通过此网站广纳贤才，创造双赢的局面，互利共赢。
3.可行性条件分析
硬件条件：HTML5、CSS3
运行环境：sublime Text3、Dreamweaver
三、网站设计计划
（一）网站建设构想
网上人才招聘网站是一个完整安全的网上人才招聘平台。企业用户可以发布招聘信息、查看求职信息、招聘、管理收到的简历等；个人用户可以添加自己的基本信息、可以创建个人简历、查看招聘信息、浏览网站新闻、投递简历等。前台开发工具我们使用了sublime Text3、Dreamweaver。
（二）网站页面建设
首先根据已经拟定的功能需求，对网站的大体框架做一个系统化的设计，搭建一个功能较为完善的框架。
首页的主体是首页页面，首页下面又分五个主要的板块，分别是：兼职工作，全职工作，简历中心，求职指导，关于我们。组织结构图如图31所示。
图31 组织结构图
（三）网站外观设计
1.导航
导航栏是设计页面头部的一个主导航，在页面中显示突出，让用户可以轻而易举的发现主导航，而页面的底部则辅以一个副导航栏，目的是当用户浏览到页面底部时可以更快的切换版块，而无需再次返回页面顶部。
2.内容
网站内容集中介绍了网站的最新资讯，并且各大招聘企业的招聘信息突出显示，便于用户浏览招聘动态，第一眼便发现最新的招聘信息，寻找到适合自己的招聘信息。
3.外观架构
首页的架构为上中下布局，中间部分又分为左右布局，如图32所示。
图32 首页架构图
二级界面的架构为上中下布局方式，主要内容为左右布局并且嵌套上下布局，如图33所示。
图33 二级界面架构图
三级子页的框架设计为上中下布局方式，主要内容为左右布局并且嵌套上下布局,如图34所示，
图34 三级子页框架图
首页DIV设计框架如图35所示。
图35 首页DIV图
首页主要div展示。
目 录
一、引言 1
（一）课题背景 1
（二）课题意义 1
二、网站需求分析 1
（一）网站需求 1
（二）可行性分析 1
1.可行性要求分析 1
2.可行性目标分析 1
3.可行性条件分析 2
三、网站设计计划 2
（一）网站建设构想 2
（二）网站页面建设 2
（三）网站外观设计 2
1.导航 2
2.内容 2
3.外观架构 2
4.外观设计小总结 16
四、网站制作步骤 16
（一）兼职网站登录页面制作 16
（二）注册页面 18
（三）首页介绍 19
（二）兼职工作简介 20
（三）全职工作页面 21
（四）简历中心界面 22
（五）求职指导 22
（六）企业发布信息页面 23
（七）关于我们 24
五、总结 25
致谢 26
参考文献 27
引言
（一）课题背景
随着社会经济的快速发展和大学生就业压力的日益沉重，以及在当今社会网络的迅速发展，人们找工作的方式也发生着丰富的变化，与那些没有目标性的四处寻找用人单位以及目标头向各种大型招聘会的的求职人员相比较，网络招聘就具有很多独有的优势，它既能提供最及时、最丰富的招聘信息、又能使求职者免
*好棒文|www.hbsrm.com +Q: ^351916072*
除了周车劳顿的辛苦。
（二）课题意义
设计开发一个招聘兼职网站，其根本意义就在于要实现求职人员和用人单位的互利和双赢。广大的求职者，包括社会普通求职人员、应届毕业生以及在校学生，可通过这个兼职网站寻找到丰富的最新招聘信息，向符合自己意愿、要求和能力的职位投放个人简介并提出申请应聘。而用人单位可以在网站上发布兼职信息，等待求职者向自己招聘信息投个人简历，从而向符合要求的求职者发出应聘意向，同时处理求职者提出的应聘申请。网上人才与招聘网站就是致力为双方提供了一个便利的信息交流和应用平台。
二、网站需求分析
（一）网站需求
首先根据使用该网站的用户的角色不同分为下面两种用户。
个人用户：可以浏览新闻、查看招聘和求职信息、向自己满意的公司递交简历等。个人用户在首页页面上进行个人用户的注册和登录，当个人用户登录本系统的时候，进入个人用户的简历中心页面可以添加自己的个人信息和创建个人简历、修改自己的个人信息和个人简历，也可以查看相关的招聘信息。当用户完成了自己的相关操作后可以退出网站。
企业用户：可以发布企业招聘信息、浏览新闻、查看求职和招聘信息、查看个人用户递交的简历等功能。企业用户先进入首页可以浏览招聘信息和求职信息，在首页面上有企业入口。当企业用户登录本系统，进入企业用户主页面，这时候企业用户可以进行发布招聘信息，企业用户可以对收到的简历进行管理招聘和删除。当企业用户完成自己的相关操作后可以退出网站。
（二）可行性分析
1.可行性要求分析
主要功能：为在校大学生、应届毕业生及社会上的求职人员提供一个方便的求职平台，并且为用人单位提供一个便利的招聘信息发布平台。
2.可行性目标分析
使大学生能够合理利用课余时间，丰富大学生的课余生活，节约时间来完成自己的学业任务，大学生的兼职不再局限于通过中介来找，或是到公司酒店之类地方，可以通过网络满足自己的需求。除此之外，企业及用人单位也可以通过此网站广纳贤才，创造双赢的局面，互利共赢。
3.可行性条件分析
硬件条件：HTML5、CSS3
运行环境：sublime Text3、Dreamweaver
三、网站设计计划
（一）网站建设构想
网上人才招聘网站是一个完整安全的网上人才招聘平台。企业用户可以发布招聘信息、查看求职信息、招聘、管理收到的简历等；个人用户可以添加自己的基本信息、可以创建个人简历、查看招聘信息、浏览网站新闻、投递简历等。前台开发工具我们使用了sublime Text3、Dreamweaver。
（二）网站页面建设
首先根据已经拟定的功能需求，对网站的大体框架做一个系统化的设计，搭建一个功能较为完善的框架。
首页的主体是首页页面，首页下面又分五个主要的板块，分别是：兼职工作，全职工作，简历中心，求职指导，关于我们。组织结构图如图31所示。
图31 组织结构图
（三）网站外观设计
1.导航
导航栏是设计页面头部的一个主导航，在页面中显示突出，让用户可以轻而易举的发现主导航，而页面的底部则辅以一个副导航栏，目的是当用户浏览到页面底部时可以更快的切换版块，而无需再次返回页面顶部。
2.内容
网站内容集中介绍了网站的最新资讯，并且各大招聘企业的招聘信息突出显示，便于用户浏览招聘动态，第一眼便发现最新的招聘信息，寻找到适合自己的招聘信息。
3.外观架构
首页的架构为上中下布局，中间部分又分为左右布局，如图32所示。
图32 首页架构图
二级界面的架构为上中下布局方式，主要内容为左右布局并且嵌套上下布局，如图33所示。
图33 二级界面架构图
三级子页的框架设计为上中下布局方式，主要内容为左右布局并且嵌套上下布局,如图34所示，
图34 三级子页框架图
首页DIV设计框架如图35所示。
图35 首页DIV图
首页主要div展示。
版权保护: 本文由 hbsrm.com编辑，转载请保留链接: www.hbsrm.com/jsj/xxaq/803.html
