网站规范与设计大作业

《网站规范与设计大作业》由会员分享，可在线阅读，更多相关《网站规范与设计大作业（9页珍藏版）》请在金锄头文库上搜索。

1、1 南京城建人才网网站项目规划与设计 目录目录 一、项目背景一、项目背景2 （1）网站需求分析.2 （2）网站的目的及功能定位.2 二、网站开发平台二、网站开发平台2 三、网站建设日程表三、网站建设日程表3 四、站点地图四、站点地图4 五、线框图五、线框图4 六、设计规范六、设计规范5 七、网页七、网页UI设计设计.7 八、主要页面的详细设计图八、主要页面的详细设计图8 九、网站测试九、网站测试10 （1 1）测试准备）测试准备 10 （2 2）用户界面测试）用户界面测试.10 （3 3）功能测试）功能测试 10 （4 4）兼容性测试）兼容性测试.10 十、网站推广十、网站推广10 2 一、项

2、目背景一、项目背景 （1）网站需求分析）网站需求分析 传统的人才双选招聘求职市场，往往会受到举办地点、组织人员、经费预算等多种因 素限制，使得人才招聘活动无法长期集中举行；而报纸、广播电视等常用媒体试用费用较 高，直接导致招聘成本大幅度升高。尤其可见使用传统的人才招聘方式存在着招聘信息传 播不畅，招聘求职成本较高、双方沟通脱节等难以弥补的缺点。现代社会，以互联网技术 为代表的高科技已经深入到日常生活中，网络已变得越来越普及。网络新闻讯息、网络购 物缴费、网络办公会议等已不再遥远，正迅速成为当代人生活和工作的组成部分之一，计 算机、网络技术等的高科技使用越来越普及。网络的便捷性、时效性，也吸引着

3、新一代的 年轻人更亲睐使用网络来进行办公办事。这也为网络招聘提供了较为深厚的生存、发展土 壤。 由于长期以来建设系统的行业特性，使得行业内用工形式比较灵活，人员流动性高， 从业人员择业就业非常频繁，以南京住建系统的现有人才规模和需求，需要一个专业性强 的人才服务中介为支撑。可目前南京乃至江苏省内市场上，尚未有一个专业性的网上建设 人才市场。因为从市场需求上来看，以建设行业为依托，由政府行业主管部门主导的，面 向南京建设行业提供的专业性的网络人才市场势必有着一定的生存基础和发展空间。 “南京 城建人才网”将以为南京建设行业服务发展宗旨，辐射省内外周边地区和城市，充分利用 网络资源，更好的为建设行

4、业提供人力资源保障，为建筑业提供发展的支持。 可以预想到的是， “南京城建人才网”建成之后，将以专业性的网络人才服务平台为载 体，为建设系统行业招聘单位和广大求职者提供高效、低成本的网络职业中介服务。一方 面，网站可以帮助企业发布招聘岗位信息，进一步降低招聘成本，优化企业的人力资源配 置。另一方面促进行业各类人员合理流动，帮助行业求职者顺利找到合适的工作，实现自 身价值。网站运营方也可以在为建设行业做好人才服务的同时，提高自身的知名度和美誉 度，实现一定的收益。 （2）网站的目的及功能定位）网站的目的及功能定位 基于以上原因，目前主流的人才招聘网站无法深入到特定的地区和行业，而目前南京 3 地

5、区建设系统内的专场招聘会一般仍采用现场招聘的形式，由于受到举办场地、集中举办 日期、发布宣传、经费等制约，往往达不到网络招聘的效应。网络招聘具有着低成本、高 传播率和业务效率等优势，因此日益受到当代的劳动者主体群体的亲睐，特别是 80、90 后 的新生劳动力群体，更倾向于使用网络招聘的方式在寻找工作。因此可以看出，具有地区 性、专业性的网络人才市场存在着着一定规模的市场需求和发展空间。另一方面，在现实 社会中，由于人才招聘网站运营方属于自负盈亏的市场主体，出于对自身企业运营成本的 考虑，过多的注重人才服务的专业性和地区性，往往反而限定了自身的市场和发展空间， 无法取得市场规模的优势，且政府也难

6、以给予政策和资金扶持，故这类网站无法确保收支 平衡，进而造成这类地区性的专业网站仍显得十分缺乏，因此通过细化网络招聘服务，可 以发现在区域性专业性人才招聘功能方面，市场的需求和供给之间产生了一定的偏差，因 此如果“南京城建人才网”定位准确清晰，牢固的把握住这一市场缺失之处，将能够满足 和获得一定的市场需求，最终取得运营成功。 网站主要功能需求网站主要功能需求 1 1、用户注册功能、用户注册功能 该系统的会员用户注册分三大类别，其中： 第一类是管理员用户。分系统超级管理员和普通管理员。系统超级管理员 具有网站的全部权限，可对网站进行数据库备份、网站恢复等维护工作。普通 管理员账号为系统超级管理员

7、在后台数据库中添加，无法自行注册或通过提升 权限获得系统超级管理员的相应功能；普通管理员的权限受到限制，具有网站 个人会员、企业会员管理、招聘信息、求职信息、新闻、公告和培训信息的发 布管理功能。 第二类是个人用户会员注册。该类用户通过在线注册成功后，可以在线填 写个人详细信息和求职简历，发布求职信息，同时可以查看或搜索相应招聘企 业发布的职位信息，并进行在线投档简历信息。个人会员用户的详细信息可通 过后期维护功能进行修改和完善。 第三类是企业会员用户注册。企业会员注册后，须填写企业的详细信息， 等待网站管理员进行真伪性审核，网站管理员采用人工审核的形式，将企业的 注册信息与江苏省建管局、南京

8、市住建委的建筑企业资料库数据库进行比对审 核，审核通过后企业会员可使用网站所提供的招聘功能，如发布招聘信息、接 收查看求职者网上投档信息等。同时还可以主动搜索和浏览求职的个人会员的 4 详细信息和求职档案。企业会员的详细信息可通过后期维护功能进行修改和完 善。 2 2、求职信息发布功能、求职信息发布功能 求职信息由个人注册会员发布。个人注册会员可以在完善个人基本信息和 求职档案后，通过使用该功能公开向招聘单位发布自己的求职信息。求职信息 发布以后，企业会员可以搜索到个人会员的求职档案。 3 3、招聘信息发布功能、招聘信息发布功能 招聘信息由企业注册会员发布。企业注册会员在完成基本信息资料填写和

9、 管理员审核后，可以编写招聘职位信息，并进行发布。招聘职位信息发布后， 可以被个人求职会员搜索和浏览。 4 4、招聘职位信息搜索功能、招聘职位信息搜索功能 个人会员用户可以在网站主页或个人界面，通过搜索学历、收入、工作区 域、行业、职位名称等特定条件，获取所需的招聘职位信息，职位名称支持模 糊搜索。 5 5、在线求职功能、在线求职功能 个人注册用户通过浏览或搜索功能，选中意向的职位后，可向企业投递个 人求职简历，并可查询求职投档记录和企业的反馈信息。 6 6、新闻和公告发布管理功能、新闻和公告发布管理功能 管理员用户可以添加网站新闻和公告，在线完成新闻和公告的编写后可发 布至网站首页，网站首页

10、按时间顺序现实最新新闻和公告。新闻和公告发布之 后，管理员可以对新闻和公告进行管理，如撤销、冻结（暂时停止发布） 、置顶、 突出显示、退回待发布状态等。 7 7、培训信息发布管理功能、培训信息发布管理功能 行业培训信息的发布功能类似于新闻和公告操作。管理员用户可编写、发 布、管理各类培训信息。为了方便培训单位发布培训信息，网站的超级管理员 可以 二、网站开发平台二、网站开发平台 5 功能模块技术和软件平台 操作系统Windows 8 设计稿、图形处理Photoshop CS6 动画设计制作Flash CS5 网页制作平台Dreamweaver 网站开发语言HTML, CSS, JavaScri

11、pt 网站测试平台Chrome，Firefox 三、网站建设日程表三、网站建设日程表 完成整个项目所需时间为三个月，其中各项规划任务如下表所示： 时间任务内容 6 月 9 日-16 日拟定项目 6 月 17 日-23 日制定初步项目计划 7 月 6 日-19 日网站初步框架 7 月 20 日-7 月 1 日网站内容具体丰富 8 月 2 日-8 月 10 日总结反思，网站细节完善 8 月 11 日-24 日计划微调，网站用户体验感测试 8 月 25 日-8 月 7 日网站装饰再加工，CSS 布局，JS 语言 9 月 8 日-9 月 15 日最终测试 四、四、网站功能模块设计网站功能模块设计 前台

12、职位搜索功能模块前台职位搜索功能模块 个人用户求职功能的使用流程如图 4-2 所示。在网站系统默认情况下，网 站用户可以直接在首页的职位搜索功能，选择相应的职位进行搜索。如果是未 6 注册用户，网站首先会提示用户必须先进行会员注册，未注册用户在进行系统 注册后，方能浏览到所需要的招聘信息；如果是已注册并登陆的用户，网站将 直接反馈搜索的招聘信息；如果是已注册未登陆的用户，将会提示请先进行登 陆，用户登陆后方可浏览或者搜索到所需的招聘信息。 会员登陆入口功能模块会员登陆入口功能模块 会员登陆入口功能是提供一个统一的会员注册和登陆入口。分“会员登陆” 、 “会员注册”和“忘记密码”三个超链接功能。

13、其中在会员登陆界面，个人或 企业会员输入之前注册的用户名和密码，即可登陆进相应的个人或企业界面， 如用户属未注册的普通浏览者，在此界面随意输入用户名和密码后，系统会提 示注册用户不存在，提示浏览者选择转到会员注册界面或密码找回界面；在会 员注册界面，浏览者可根据自身情况，选择进行个人用户注册或企业用户注册； “忘记密码”界面为个人或企业会员忘记注册的密码后，可根据此前注册时预 留的问题重新获取注册密码。该模块功能如图 4-3 所示。 7 五、网页设计五、网页设计 主页设计主页设计 在系统的首页中，可以看到新闻、公告、企业招聘信息和部分推荐人才。 主要有网站的标题、用户和企业注册和登录的一些选择

14、，本网站的首页做的比 较简单明了。用户可以在首页中根据自己的用户类型来选择自己的登录模式， 如个人求职登录、企业登录。没有注册的用户需先进行注册帐号。首页包括登 陆窗口、信息窗口等。实现的方法是，利用 JSP 技术，以 DreamWeaver 为主要 网页开发工具进行网页设计。设计好的首页部分界面效果如图 6-1 效果图所示： 8 图 6-1“南京城建人才网”首页效果图 在系统的首页中，主要由以下几个部分组成： 1、登录区。网页左上角是会员登录区。企业会员和个人会员通过点击会员 登录，从而进入到各自用户的后台界面；如果浏览者之前没有注册，那可以点 击“免费注册”功能，进入系统注册的页面，注册个

15、人或企业的各类信息，等 管理员审核后可以使用网站所提供的相应功能；如果各类会员忘记之前注册的 密码进不了后台，可通过点击网站首页的“忘记密码” ，进入会员信息找回界面， 用户再次输入用户名后，系统会提示之前注册时预留的问题，用户输入答案后， 系统会自动比对之前预留的答案，如果正确将返回重新修改密码界面，用户重 新修改密码后即可凭新密码登录系统。首页右上角为附加功能区，提示当前时 间和星期、把网站加入收藏和设置为首页等功能。 2、导航区。导航区主要是由导航条构成，主要内容为：首页、新闻、公告、 会员中心、招聘信息、招聘搜索、培训动态、法律法规等构成。该区域是网页 的导航区，存在于各个页面。通过导

16、航条，网站浏览者可以方便的进入网站的 各个分页面，或者从分页面返回网站首页。 3、新闻公告区。分为图片新闻、新闻咨询、公告专区三个部分，主要用于 发布网站的各类新闻和公告，该信息为滚动形式发布，保持新闻数据表中时间 排序最前的十条新闻在首页新闻区发布。 9 4、招聘信息区。该区域主要用于发布网站的最新招聘信息。该部分是招聘 信息数据表中最新发布的招聘岗位情况。 出于信息安全性考虑，网站不设置求职者信息展示。如企业用户需搜索求 职者，必须要通过会员用户登录功能进入后台方可从事相应操作。 六、网站测试六、网站测试 （1 1）测试准备）测试准备 测试前对被测系统做好以下准备：系统的全面备份，包括应用程序备份、数据备份等； 记录测试前系统状态；制定应急措施，确保在测试中发生问题时系统可恢复。测试员应在 测试开始前了解网页的相关情况，对测试的预期结果应进行准备和预测。测试前要做好真 实数据的准备工作，并进行系统的数据初始化。 （2 2）用户界面测试）用户界面测试 主要测试导航条、内容、颜色、背景、图像、返回等。 （3 3）功能测试）功能测试 主要测试站点中的链接等。 链接测