第一章 绪言
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