轻松打造个性求职网站（上）──个性化的首页
数码时尚
又到了大中专毕业生求职就业的时候了，如今求职竞争可是越来越激烈，不少毕业生已经开始在自己的求职形式上大动脑筋。如果能拥有一个个性鲜明、特点突出的个人求职网站，就可以更好地向用人单位展示自己的能力与实力，获得比别人更多的就业机会。
考虑到大家的实际情况，在制作过程中我们将尽量使用简单的操作，同时图片也尽量使用网上现有的素材，以便于每一位毕业生朋友都可以轻松上手。
我们将用到如下工具：Photoshop、Dreamweaver、Flash。这些工具可以说是大家再熟悉不过的网站制作工具了，即使没有相应的操作知识，只要一步一步跟着做就行啦。
首先，在动手制作之前，我们要为自己的求职网站构思一个准确的定位与风格，因为这不仅是做网站最重要的一步，同时更是做求职网站必不可少的一步。一般来说求职网站并不会有太多的内容，所以页面尽量以简约、大气为主。同时页面的设计应该以简洁明快为好。下面我们就开始动手打造这个风格简约、富有个性的求职网站首页(图1)。
在这个首页上，只用了一张自己的照片，然后做了几个字，下面附上自己的联系方式就OK了，给人的感觉好像一张名片一样，这和不少毕业生将自己的简历、联系方式写在名片上交给用人单位的思路是一样的！
一、制作首页效果图
用导入效果图方法的好处是不过多地和代码、表格打交道，因此在这里推荐广大朋友优先采用。
首先扫描一张自己的生活或登记照片，打开Photoshop，新建一个600×400像素的画布，然后在里面新建一个589×391像素的图层，然后选择“编辑→描边”，选择宽1像素，色彩为#B5B5B5。
然后将准备好的照片文件打开，选择“图像→调整→阈值”，适当调整图像的阈值色阶，会发现原来的照片变成了很酷的版画效果。然后利用工具箱上的多边形套索工具，将头部位置进行勾选，选择好后对它进行“选择→羽化(Alt+Ctrl+D)”的操作，设置羽化半径为3像素。
现在将头像拖入到画布当中，并调整其大小以及相应的位置，然后将它的不透明度调整为30%。
然后为整个画布描边，使边框成双线框，再选择工具箱里的直线工具，在头像右侧画一条水平线，并设置线条颜色为# B5B5B5，然后选择一款自己比较喜欢的英文字体在水平线下方输入“SHOW ME SHOW ABILITY SHOW MIEN”(图2)。笔者选择的是常用的04系列像素字体(提示：如果你的系统中没有该字库，可以用自己喜欢且和图片风格吻合的字体代替，也可以到网上去下载该字库)。
现在选择另一字体输入你的名字，调整字体的大小及位置并设置阴影效果(提示：选择字体图层，并点击图层面板最下方第一个“添加图层样式”按钮选择“阴影”)，进行如图3所示的设置并在其后加入英文字体“DE”。
接下来就是做右侧的“求职网站”四个字了，首先选取“汉鼎繁特行”字体依次输入“求职网站”四个字，然后选择工具箱中的椭圆选框工具，按住Shift键拖拉鼠标画一个正圆，将你输入的文字包在里面，然后为这个圆进行描边，其设置和图3类似，但要将其中的“描边”一项改为“3”，并将这个图层复制四次，分别与四个字一一组合起来，最后排列好它们位置即可。
一张“网络名片”不能没有联系方式，再用刚才输入“Show me …”的字体输入你的电话、手机、邮箱以及具体的联系方式，将它们放置于头像下方(图4加框处)。
二、导入效果图，完成首页
先将刚做好的图片保存为GIF或是JPG格式的图片，再打开Dreamweaver新建一个HTML文件，在页面中插入无边框的表格(具体表格操作，可参见近期《电脑报》的相关介绍)，然后调整表格的位置，让表格居于屏幕中央，在表格中以居中格式插入该图片(图5)。
然后修改HTML文档中的TITLE为“孤独笑的求职网站”。在表格下方再插入一个表格，加入一些版权以及联系的信息。把其中的E-mail地址选中，在其属性框的Link处填入mailto：my@my.com即可添加你的E-mail链接(其中my@my.com可以换成你自己的E-mail地址)。
现在页面基本做好了，保存页面时一定要将名字定为index.html或default.html，这时你会发现文字都非常大且难看(图6)，这是因为页面没有加入CSS风格代码。
新建一个文本文件，写入以下代码：
body {
FONT-SIZE: 9pt
}
A:link
{
COLOR: #4b4b4b;
TEXT-DECORATION: none
}
A:visited
{
COLOR: #4b4b4b;
TEXT-DECORATION: none
}
A:active
{
COLOR: #4b4b4b;
TEXT-DECORATION: none
}
A:hover {
COLOR: #ffffff;
TEXT-DECORATION: none
}
将它保存命名为style.css，用记事本打开首页，将“＜link href="style.css" rel="stylesheet" type="text/css"＞”插入到＜head＞＜/head＞标记之间。这样一个个性化的求职网站的首页就做好了！
回顾一下制作过程，图片、页面的制作可以说都没有什么难度，也没有用到太多的技巧。但是有一点必须注意，求职网站不同于个人网站，不宜做得过于华丽而应以简洁、明快、一目了然为主，而且首页又是网站中最重要的页面，第一印象很重要！在下一期中我们再继续为大家讲解二级页面的设计与制作，让用人单位为你丰富的“内涵”所折服！