个人求职网站设计—马智斌（定稿） - 图文

湖南安全技术职业学院

Hunan Vocational Institute of Safety Technology

设计（论文）题目： 设计个人求职网站

学 生 姓 名： 马 智 斌 专 业 班 级： 计算机信息管理0901班 指 导 老 师： 陈 文 芳 系主任（院长）： 刘 坚 评 阅 人：

2012 年 4 月

摘 要

在已跨入21世纪的今天，人类使用和学习信息的方式以及信息的包装方式正在进行着不可阻挡的革命，这次革命将比印刷术的出现所产生的影响以及对社会发展的推动远为复杂而巨大。目前，我国上网的人口已近一个亿，成立世界上网民最多的国家，许多人在需要查询信息，首先想到的就是上网。网站的迷人之处在于综合使用文本、图象、声音、动画和视频的信息和内容，具有丰富的多媒体表现与互动特点，无可置疑， 网站已成为最吸引人的也最有效的信息传递手段和方式。随着网络技术的发展，各类网站纷纷出现。个人网站也成为了一种时尚。越来越多的人希望拥有自己的网站，开辟网络世界的一片天地，展示自己的才华和风格。

本网站设计的功能是通过网络的连接，上传到相关的招聘单位去，可以供招聘者主动联系求职者，提供相关岗位的工作。

在信息时代飞速发展的世纪里，我们尤其要充分利用网络资源，在面临毕业求职之际，建立一个个人求职网站，对于我们来说，是很有必要的，利用网络，将网站发布至网上，既能够让更多的招聘单位看到，同时也节约资源，避免了带着纸质文档到处跑的麻烦，也节省了金钱，同时还能节约自己的时间，一个网站，多次利用，找工作就轻松多了。

关键词：信息时代；网站； 求职； 信息； 招聘单位

II

ABSTRACT

On the threshold of the twenty-first Century, human use and learning information and information way of packing is the irresistible revolution, this revolution will

appear than printing of the impact on the community and promote the development of the much more complex and enormous. At present, China's Internet population has nearly a billion, the world 's most populous nation was founded, when many people need to query information, the first thought is the internet. Site of the charm lies in the integrated use of text, image, sound, animation and video information and content, has the rich multimedia and interactive features, be above suspicion doubt, the site has become the most attractive is the most effective means and methods of information transmission. With the development of network technology, all kinds of sites appear in succession. Individual website also became a kind of fashion. More and more people hope to have their own website, open network of the world a piece of heaven and earth, to show their talent and style.

The website design functions through the network connection, upload to the

recruitment unit, can be used for active contact recruiters job seekers, provide relevant work.

In the era of rapid development of information century, especially we should make full use of cyber source, in the face of graduated from the occasion, establish an individual job site, for us, is very necessary, using the network, publish your web to online, can make more employers see, while saving resources, avoid with paper documents around trouble, save money, but also save your time, a website, use for many times, to find a job easier.

Key words: The information age, website, job, information, recruiters

III

目 录

引 言..............................................................................................................................1 第一章 绪言................................................................................................................2

1.1 个人求职网站介绍 ........................................................................................2 1.2 课题的目的和意义 ........................................................................................2 1.3 开发模式、工具及环境 ................................................................................2

1.3.1开发工具..............................................................................................2 1.3.2开发环境..............................................................................................2 1.4 网页制作注意事项 ........................................................................................3

1.4.1网站的页面设计..................................................................................3 1.4.2网站页面的风格..................................................................................3 1.4.3网站页面的编排..................................................................................3

第二章 设计理念与方式 ...........................................................................................5

2.1 JS设计 ...........................................................................................................5 2.2 页面设计 ........................................................................................................6 第三章 个人求职网站的设计 ...................................................................................8

3.1 需求分析 ........................................................................................................8 3.2 模块介绍 ........................................................................................................8 第四章 测试与维护 ................................................................................................ 16

4.1 测试 ............................................................................................................. 16 4.2 维护与更新................................................................................................. 17 结束语......................................................................................................................... 18 参考文献..................................................................................................................... 19 致谢............................................................................................................................. 20

IV

引 言

马上面临着我们的毕业，毕业季节都忙着找工作、解决就业问题，现如今，属于高速度、高节奏时代，找工作也如此，传统的看招聘信息一个个抄电话号码，再一个个公司走访的形式已经不能满足就业者与招聘者的需求了，既耽误时间，也浪费精力。

因此，在找工作之前，做一个属于自己的求职网站是非常有必要的，将自己的求职网站发布到网上，既节约自己宝贵的时间，也方便招聘者的浏览，只需要点击鼠标，轻松几分钟，就可以解决求职问题。

每年到了这个时候，往往是大学生寻找工作最繁忙的季节。对于一个即将步入社会的学子来说，第一份工作找得好不好，一定程度上直接关系到未来的前途。不过，对部分大学生来说，现在的关键恐怕不是挑三捡四，而是能不能顺利就业的问题。“大学生就业难”的声音出现了好几年，而多数毕业生最后还是找到了适合自己的工作，或者开始自主创业，规划着自己的人生。其实这种情况大多数也是因为没有好好利用现代的科技。

本毕业设计拟实现一个个人求职网站。

1

第一章 绪言

1.1 个人求职网站介绍

本网站是一个求职者通过网站的形式展现个人信息的平台，招聘方可以通过这个网站了解到应聘者的基本 信息，包括：个人基本信息、所学课程、获得的荣誉、兴趣爱好等，网站对个人信息展现的比较全面，同时本网站有留言功能，让招聘方能给应聘者一些意见和建议，能实现双方的互动。

1.2 课题的目的和意义

现在随着科技的进步，以及电脑的普遍使用。传统的求职方式已经不能满足招聘者和求职者的需要，设计这个个人求职网站，一方面可以节约自己宝贵的时间，不需要一家家招聘单位去找，也不需要大海捞针式的搜集报纸，只需要将自己网站上传到相关招聘单位，招聘者若觉得自己适合他们的岗位，会主动打电话跟本人预约。另一方面也算学以致用，大学临近毕业了，将自己学到的知识利用到求职中去，也算是两全其美的事情。

1.3 开发模式、工具及环境

1.3.1开发工具

在开发个人求职网站的工具上我选用了以下网页制作工具开发：

Photoshop软件：它是由Adobe公司开发的图形处理系列软件之一，主要应用于在图像处理、广告设计的一个电脑软件。

Dreamweaver 8：利用其中的记事本功能，我可以在其中去添加删除我的个人信息，同时，通俗，易操作，适合我们这种学的不是很精的人操作。 1.3.2开发环境

1.硬件要求：

CPU：PentiumⅢ733以上之兼容机； 内存：512MB以上容量；

显卡：16MB或以上显存之AGP接口绘图卡； 硬盘：至少1GB剩余空间。

2

2.软件要求：

操作系统：Microsoft Windows XP/2007简体中文版； 开发工具：dreamweaver；

文档工具：Microsoft Word XP/2007简体中文版； 图片工具：Adobe Photoshop 7.0/CS4 简体中文版；

1.4 网页制作注意事项

1.4.1网站的页面设计

页面设计是给浏览者的第一感觉，是求职者的第一形象，招聘者在没看到求职者本人的情况下，通常会根据网页来判断一个人，给求职者的印象分，因此，网站的页面设计是非常重要的，页面设计通常包括：页面色彩、页面字体、页面的图片等等。 1.4.2网站页面的风格

页面的美化首先要考虑风格的定位。任何页面都要根据主题的内容决定其风格与形式，因为只有形式与内容的完美统一，才能达到理想的宣传效果。

做这个求职网站，主要是给招聘者来看，招聘者在没有看到本人的情况下，会根据求职者的求职网站来给与第一印象分数。那么在做这个求职网站的时候，首先要注意一下几点：

1.朴素大方。作为一个求职者来，求职本身就是一件非常严肃的事情，那么求职简历来说，也要朴素，给人的第一感觉就有种庄重而慎重的感觉，同时，作为求职网站，切忌太过节约。

2.色彩轻松明丽。鲜艳的色彩给人以轻松越快的心情，招聘者看了心情自然也会跟着好起来的。

3.页面排版。页面风格的形成主要依赖于页面的版式设计，依赖于页面的色调处理，还有图片与文字的组合形式等。这些问题看似简单，往往需要主页的设计和制作者具有一定的美术素质和修养。要使主页设计、制作得美观大方、切合主题，必然离不开对主页进行艺术的加工和处理。 1.4.3网站页面的编排

原则上，一个 HTML 网页页面的配置，能够加强作者所企图表达的概念与目

3

的。页面上的每一个元素，都会影响读者对页面上其他元素的解读，在看一个页面时，我们应该把整个组合看做是一个统一的整体，而非许多小单位的集合。在进行版面配置时，应把焦点放在版面的平衡与留白空间的处理，设计者应该根据图像与背景的关系、对比的关系、类似的原理、以及比例的关系，将整个空间以最有效的方式加以分配、组织。

4

第二章 设计理念与方式

2.1 JS设计

在今天的网页中javascript 使用相当广泛，它能使网页增加互动性。javascript 使有规律地重复的html文段简化，减少下载时间。javascript 能及时响应用户的操作，对提交表单即使的检查，无需浪费时间交由cgl验证。javascript 的特点是无穷无尽的，只要你有创意。那么javascript 在网页的用法是什么呢，下面我来具体讲讲。

Javascript加入网页有两种方法： 1. 直接加入HTML文档

这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如： ＜script language=\＞

＜!-- document.writeln(\这是Javascript！采用直接插入的方法！\//-Javascript结束--＞ ＜/script＞

在这个例子中，我们可看到一个新的标签： ＜script＞??＜/script＞，而＜script language=\ 用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。

HTML的注释标签＜!--和--＞：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript 语言的浏览器来说是很有用的。

//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去，这在后面将会详细介绍。另外一点需要注意的是，＜script＞??＜/script＞的位置并不是固定的，可以包含在＜head＞......＜/head＞ 或＜body＞.....＜/body＞中的任何地方。

2. 引用方式

如果已经存在一个Javascript源文件（以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：

＜script src＝url language=\＞＜/script＞

5

其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。 如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：

document.writeln(\这是Javascript！采用直接插入的方法！\在网页中可以这样调用程序：

＜script src＝\＞＜/script＞ 。

2.2 页面设计

1.网页内容要易读

网站设计最重要的诀窍，恐怕就是你的网页要易读 。这就意味着,你必须花点心思来规划文字与背景颜色的搭配方案。 注意不要使背景的颜色冲淡了文字的视觉效果，别用花里胡哨的色彩组合，让人看起来你的网页来很费劲。一般来说，浅色背景下的深色文字为佳 。这个要点要求你最好别把文字的规格设得太小、也不能太大。文字太小，人家读起来难受；文字太大，或者文字视觉效果变化频繁，像是冲着人大喊大叫，看起来不舒服。另外，最好让文本左对齐，而不是居中。按当代中文的阅读习惯，文本大都居左的。当然，标题一般应该居中，因为这符合读者的阅读习惯。

2.网站导航要清晰

所有的超链接应清晰无误地向读者标识出来，所有导航性质的设置， 像图像按钮，都要有清晰的标识，让人看得明白，千万别光顾视觉效果的热闹的， 而让人家不知东西南北。链接文本的颜色最好用约定俗成的：未访问的，蓝色； 点击过的，紫色或栗色。总之，文本链接一定要和页面的其他文字有所区分，给 读者清楚的导向。

3.网页风格要统一

网页上所有的图像、文字，包括像背景颜色、区分线、字体、标题、注脚什么的，要统一风格，贯穿全站。这样子读者看起来舒服、顺畅，会对你的网站留下一个“很专业”的印象。

4.页面容量要较小

有研究显示，如果一个网站页面的主体在15秒之内显现不出来，访客会很快失去对该站的兴趣。如果用户不能够迅速地进入你的网站，或操作不便捷， 网

6

站设计就是失败的。不要让用户失望而转向你的对手的网站。要限定页面的大小，就得从各个角度考虑节省 。最大的一头是图像，有的好东西，只得割爱了。

5.页面内容要新颖

网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求我们在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。 放眼望去，网上的许多个人主页简直就是\杂货店\，内容包罗万象,题材千篇一律，人人都是\软件下载\个个都有\网络导航\，从头到尾找不出一丝“鲜”意。所以，我们在设计网页时，要把功夫下在选材上。选材要尽量做到“少”而“精”,又必须突出“新”，如能坚持天天更新的话,我相信这样的网页一定会受到大家的欢迎。

7

第三章 个人求职网站的设计

3.1 需求分析

建立一个网站好比写一篇文章，首先要拟好提纲，文章才能主题明确，层次清晰。如果网站结构不清晰，目录庞杂，内容东一块西一块。结果不但浏览者看得糊涂，自己扩充和维护网站也相当困难。网站的题材确定后，并且收集和组织了许多相关的资料内容，但如何组织内容才能吸引网友们来浏览网站呢？栏目的实质是一个网站的大纲索引，索引应该将网站的主体明确显示出来。

通常情况下，假设个人求职网站主要是为了通过互联网表达个人基本信息，例如自己的兴趣爱好、学历、社会经历、联系方式等，具有较强的目的性，我的个人网站一般体现在：为了展示自己的风采，让招聘者第一眼就能够认可，从我的简历中能够感知到我的人物特色。因为是个人网站，所以只是选择了自己擅长和喜爱的内容，在突出自己的风格和特点的同时，还应用了现在流行的网站设计技术和PS技术。

3.2 模块介绍

我的个人求职网站是由6个部分构成，分别是自荐信、个人简历、所学课程、所获荣誉、兴趣爱好、留言板。

1. 自荐信

自荐信是自我推销采用的一种形式，推荐自己适合担任某项工作 或从事某种活动，以便对方接受的一种专用信件。自荐信是有目标地针对不同用人单位做自我介绍。相对目录式的简历，自荐信书写格式与一般书信相同，信的开头本人就进行了简要的自我介绍，姓名、联系方式、邮箱，具体内容是写到自己对从事此工作感兴趣的原因、并且愿意到该单位，让面试者一看就能感受到自己的求职诚意。自荐信最重要的是于它与履历表起着不同作用，自荐信告是诉别人我能为雇佣者做些什么，这部分内容是用来强调我的才能和经验将会有益于公司的发展。所以我通过真实质朴的话语让阅读的人一看就能感到我想表达的是\我怎样才能帮你。\这样才能吸引网站浏览者的目光，让其更有兴趣将我的网站看下去，为自己的求职路增加一份有力的筹码！

8

自荐信图像展示：

2.个人简历

一份卓有成效的个人简历是开启事业之门的钥匙。个人简历是用来是陈述有利信息，争取成功机会，一份好的个人简历，就是在自我评价中尽可能的突出自身与求职岗位要求相匹配的优点，以达到让用人单位一看就能留下突出印象，为自己找工作增加更多的筹码！在个人简历中，主要包括几大板块：个人宣言、自我风采、我的资料、联系方式。个人宣言是我对工作的一种努力认真的态度。自我风采主要是提供给工作提供方（公司方）展示我富有朝气的面目，使得后期我在面试过程中更加的具有竞争力。我的资料是给工作提供方（公司方）查阅我的资料，详细的了解我所获得的奖项，学习成绩，所参加的培训，让工作提供方（公司方）在一定程度上了解我，联系方式是为让工作提供方（公司方）有信息联系我。

个人简历图像展示：

9

3.所学课程

用人单位主要通过学历情况了解应聘者的智力及专业能力水平，学了什么课，就写什么课；如果没有选，就不要写。因为在面试时，自己的简历就是面试官的靶子，他会就简历上的任何问题提出疑问。如果自己学了或做了，就能答上来，否则我和考官都会很尴尬，那么自己在其眼里的信誉也就没有了，这是很不利的。讲真话，不要言过其实，相信自己的判断力是十分重要的。因为主考官知道自己是刚刚要毕业的学生，而学生的本质工作就是学习。或许就是重点地学了本专业，没有顾上其他； 或许在学习本专业同时选择了第二专业或辅修专业；或许虽然没有在校外兼职，但在校内系里或班里做了大量社会工作。总之，我会有自己的选择，也会珍惜自己的选择，并为自己的选择骄傲。这样自己就没有必要为没有兼职工作而苦恼或凭空捏造。我相信，主考官都是从学生过来的，他们会尊重我的选择。 所学课程图像展示:

10

4.所获荣誉

荣誉作为一种社会评价，是对一个人肯定性的、褒扬性的评价。品行是一个人的内在，名誉是一个的外貌，而荣誉是对品行和素养的肯定。展出所获荣誉，目的是让招聘方看到我的所获荣誉时，就能够了解我的学习状况和品质素养。进而对我有一个全方位的大致了解，增加我应聘成功的几率。 所获荣誉图像展示：

5．兴趣爱好

特长、兴趣爱好与性格。是指自己拥有的技能，特别是指中文写作、外语及计算机能力。兴趣爱好与性格特点能够展示我的品德、修养、社交能力及团队精神，它与工作性质关系密切，所以用词要贴切。通过兴趣爱好的展示，招聘方能够大致判断出我是一个什么样的性格的人，是否能够胜任其职位。 兴趣爱好图像展示：

11

6.留言板

网站设计有动态留言版，招聘者可以在看过我的个人信息之后给我留言，并且可以在留言板和大家交流，同时，也可以对我的各方面进行一个客观评价是一个我与大家谈心交流的地方，在留言板中，我们可以畅所欲言，和大家进行交流。就我们感兴趣的话题展开讨论。和大家进行沟通。也供招聘者和各同道中人相互沟通。

留言板图像展示：

12

留言板代码：