招聘網(wǎng)站網(wǎng)站設(shè)計(jì)、制作思路

招聘網(wǎng)是一種常見(jiàn)的網(wǎng)絡(luò)形式。以招聘為例，招聘網(wǎng)站包含了不同的功能，如信息發(fā)布，會(huì)員注冊(cè)，會(huì)員管理，會(huì)員信息等。做這樣的網(wǎng)站，需要靈活地利用網(wǎng)頁(yè)靜態(tài)設(shè)計(jì)和網(wǎng)站程序編寫(xiě)等不同的知識(shí)，建立相對(duì)復(fù)雜的數(shù)據(jù)庫(kù)和程序。招聘會(huì)網(wǎng)站需要將網(wǎng)站的頁(yè)面效果和功能流程兩個(gè)方面作為重點(diǎn)。有了漂亮的網(wǎng)頁(yè)，才能被用戶(hù)所接受;有了強(qiáng)大的用戶(hù)功能，才能更好地實(shí)現(xiàn)與用戶(hù)的數(shù)據(jù)交互，才能完成招聘工作。

一、網(wǎng)站風(fēng)格定位

進(jìn)行網(wǎng)站設(shè)計(jì)前，需要對(duì)網(wǎng)站進(jìn)行總體定位。站點(diǎn)定位包括確定站點(diǎn)功能、規(guī)劃站點(diǎn)效果、Logo和Banner設(shè)計(jì)等工作。

1、網(wǎng)站的主要功能

一家求職網(wǎng)站，應(yīng)該是專(zhuān)業(yè)的應(yīng)用型網(wǎng)站，面對(duì)的對(duì)象，應(yīng)該是企業(yè)招聘人員和求職人員中的一員。因此，網(wǎng)站的風(fēng)格應(yīng)該是清新自然的色彩與大眾化的企業(yè)化網(wǎng)站內(nèi)容，使用太具個(gè)性的色彩和風(fēng)格是無(wú)法很好發(fā)揮控制的。

招聘會(huì)網(wǎng)站的功能應(yīng)圍繞招聘和求職，針對(duì)的對(duì)象分別是企業(yè)和會(huì)員。這些特性都需要通過(guò)編號(hào)來(lái)設(shè)計(jì)出強(qiáng)大的特性。

招聘會(huì)上，企業(yè)通過(guò)注冊(cè)成為企業(yè)會(huì)員。登陸后，可以發(fā)布企業(yè)招聘信息，查看企業(yè)成員的求職信息，設(shè)置企業(yè)資料等。

實(shí)現(xiàn)了個(gè)人會(huì)員功能，求職者通過(guò)注冊(cè)，成為網(wǎng)站的個(gè)人會(huì)員。用戶(hù)登陸后，可查看企業(yè)發(fā)布的招聘信息，可將個(gè)人簡(jiǎn)歷發(fā)送到所需招聘崗位，管理自己的簡(jiǎn)歷等功能。

此外，網(wǎng)站還需要公告發(fā)布、招聘會(huì)發(fā)布、網(wǎng)站新聞等內(nèi)容，這些不同功能板塊之間存在著各種邏輯關(guān)系。圖20-1中顯示了站點(diǎn)中的數(shù)據(jù)關(guān)系。

2、設(shè)計(jì)了網(wǎng)頁(yè)登錄界面

站點(diǎn)Logo是一個(gè)站點(diǎn)的標(biāo)志，需要在不同場(chǎng)合使用到站點(diǎn)的Logo。一家招聘網(wǎng)站需要設(shè)計(jì)一種創(chuàng)造性的Logo來(lái)作為網(wǎng)站的品牌標(biāo)志。

站點(diǎn)Logo首先要突出站點(diǎn)的功能，讓用戶(hù)在瀏覽該Logo時(shí)能聯(lián)想到站點(diǎn)招聘的功能。第二，網(wǎng)站的Logo需要有鮮明的顏色和內(nèi)容。許多Logo鏈接都能吸引用戶(hù)的注意力，然后點(diǎn)擊這個(gè)Logo鏈接。

3、Banner網(wǎng)站的設(shè)計(jì)

招聘會(huì)網(wǎng)站的Banner就是其中的動(dòng)畫(huà)部分，該部分需要用網(wǎng)站主要開(kāi)展的活動(dòng)來(lái)體現(xiàn)其中的內(nèi)容。在網(wǎng)站廣告中，首頁(yè)廣告是最主要的，需要美觀和高雅。Banner網(wǎng)站需要體現(xiàn)“眼球效應(yīng)”，可以制作成動(dòng)畫(huà)形式，以動(dòng)態(tài)效果吸引用戶(hù)的注意;如果是靜態(tài)圖片，則需要用鮮明的顏色顯示內(nèi)容。

二、用Dreamweaver創(chuàng)建一個(gè)表格結(jié)構(gòu)頁(yè)面

創(chuàng)建動(dòng)態(tài)網(wǎng)站前，需要繪制網(wǎng)站效果圖，并對(duì)Fireworks進(jìn)行優(yōu)化，將其導(dǎo)出為網(wǎng)頁(yè)，然后使用Dreamweaver進(jìn)行網(wǎng)頁(yè)布局和排版。

1、設(shè)計(jì)網(wǎng)站效果圖

設(shè)計(jì)網(wǎng)站前，必須先繪制網(wǎng)站效果圖。網(wǎng)頁(yè)效果圖是對(duì)網(wǎng)頁(yè)風(fēng)格、內(nèi)容、基本布局等進(jìn)行統(tǒng)一規(guī)劃和定位。在Dreamweaver中僅進(jìn)行網(wǎng)頁(yè)排版，缺乏整體規(guī)劃，就很難把漂亮的網(wǎng)頁(yè)排版出來(lái)。

招工網(wǎng)站，顏色要淡雅自然，不能用過(guò)于隆重的顏色。站點(diǎn)內(nèi)容主要表現(xiàn)在企業(yè)招聘信息和個(gè)人求職信息上，而非表現(xiàn)出站點(diǎn)突出的個(gè)性色彩和藝術(shù)效果。

可用于網(wǎng)站主調(diào)，可用于感覺(jué)淡白或淡藍(lán)。網(wǎng)頁(yè)圖片，可搭配藍(lán)色，深紅，灰色等。站點(diǎn)內(nèi)的廣告，圖片等需要考慮色彩搭配。在簡(jiǎn)潔的網(wǎng)頁(yè)中，與一些較深的顏色搭配可以顯示很好的視覺(jué)對(duì)比效果。

站點(diǎn)效果圖中，需要考慮站點(diǎn)的Logo布局、尺寸和相應(yīng)布局的顏色關(guān)系等，在效果圖中要很好地把握站點(diǎn)的整體色彩和布局效果。一旦你完成了網(wǎng)站效果圖，你就需要使用Fireworks來(lái)切割和優(yōu)化效果圖，然后導(dǎo)出為網(wǎng)頁(yè)。

2、網(wǎng)頁(yè)版式設(shè)計(jì)

在將站點(diǎn)效果圖導(dǎo)出為網(wǎng)頁(yè)后，需要使用Dreamweaver來(lái)布局和排版網(wǎng)頁(yè)。通過(guò)Dreamweaver的相關(guān)工具，參考效果圖中的網(wǎng)頁(yè)布局和效果，將這些效果在網(wǎng)頁(yè)中進(jìn)行排版。

當(dāng)設(shè)計(jì)字體時(shí)，需要考慮到網(wǎng)站設(shè)計(jì)中的便利性。通過(guò)程序動(dòng)態(tài)生成動(dòng)態(tài)網(wǎng)站的內(nèi)容，進(jìn)行布局設(shè)計(jì)時(shí)要有利于網(wǎng)站程序的編寫(xiě)。

除主頁(yè)版式設(shè)計(jì)和版式排版外，網(wǎng)站中的其它重要網(wǎng)頁(yè)也要進(jìn)行版式設(shè)計(jì)和排版。20.2.3靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)。

對(duì)于ASP網(wǎng)站服務(wù)器，靜態(tài)網(wǎng)站和動(dòng)態(tài)網(wǎng)站的處理方法是不同的。一個(gè)靜態(tài)站點(diǎn)的擴(kuò)展名為.htm或.html，當(dāng)用戶(hù)打開(kāi)一個(gè)網(wǎng)頁(yè)時(shí)，服務(wù)器會(huì)直接將此網(wǎng)頁(yè)發(fā)送給用戶(hù)。一個(gè)動(dòng)態(tài)站點(diǎn)的擴(kuò)展名為.asp，當(dāng)用戶(hù)請(qǐng)求該頁(yè)面時(shí)，服務(wù)器解釋執(zhí)行整個(gè)頁(yè)面，完成數(shù)據(jù)庫(kù)訪(fǎng)問(wèn)，生成相關(guān)頁(yè)面的HTML代碼，然后將結(jié)果頁(yè)面發(fā)送給用戶(hù)。

但在網(wǎng)頁(yè)文件中，靜態(tài)網(wǎng)頁(yè)與動(dòng)態(tài)網(wǎng)頁(yè)只是擴(kuò)展名，而非文本文件。若將靜態(tài)網(wǎng)頁(yè)的擴(kuò)展名改為.asp，則服務(wù)器上的網(wǎng)頁(yè)屬于動(dòng)態(tài)網(wǎng)頁(yè)。在網(wǎng)頁(yè)中，服務(wù)器解釋程序代碼。若將動(dòng)態(tài)網(wǎng)頁(yè)的擴(kuò)展名改為.htm或.html，則用戶(hù)打開(kāi)的網(wǎng)頁(yè)不需要服務(wù)器運(yùn)行。如網(wǎng)頁(yè)中有ASP代碼，ASP代碼將直接顯示在網(wǎng)頁(yè)中而非顯示運(yùn)行結(jié)果。

通過(guò)Dreamweaver布局排版的網(wǎng)頁(yè)，只需將文件保存為.asp擴(kuò)展名，或者將文件的擴(kuò)展名更改為.asp，就是動(dòng)態(tài)網(wǎng)頁(yè)，然后在動(dòng)態(tài)網(wǎng)頁(yè)中編寫(xiě)ASP程序代碼。

三、創(chuàng)建數(shù)據(jù)庫(kù)

招聘求職網(wǎng)站中的數(shù)據(jù)內(nèi)容比較復(fù)雜，有企業(yè)會(huì)員、個(gè)人會(huì)員、招聘信息、求職信息、招聘會(huì)信息、網(wǎng)站新聞等數(shù)據(jù)內(nèi)容。這些數(shù)據(jù)有很強(qiáng)的邏輯關(guān)系。因此，在設(shè)計(jì)這個(gè)網(wǎng)站時(shí)需要詳細(xì)分析每類(lèi)數(shù)據(jù)和其他數(shù)據(jù)的邏輯關(guān)系，畫(huà)出這些數(shù)據(jù)的關(guān)系圖。根據(jù)這些關(guān)系合理地設(shè)置不同表的字段，建立這些數(shù)據(jù)表。

1、設(shè)計(jì)數(shù)據(jù)表結(jié)構(gòu)

在這個(gè)網(wǎng)站中，可能有的數(shù)據(jù)內(nèi)容如下。

企業(yè)會(huì)員信息:記錄已經(jīng)注冊(cè)的企業(yè)會(huì)員，包括各種企業(yè)信息。企業(yè)招聘信息:企業(yè)會(huì)員發(fā)送的招聘信息，與企業(yè)會(huì)員有邏輯關(guān)系。

個(gè)人會(huì)員信息:個(gè)人會(huì)員注冊(cè)信息，詳細(xì)記錄個(gè)人求職的信息和個(gè)人資料，可以根據(jù)這些信息生成個(gè)人簡(jiǎn)歷。

個(gè)人會(huì)員向企業(yè)發(fā)送的簡(jiǎn)歷:個(gè)人會(huì)員查看招聘信息以后可以向此招聘信息發(fā)送應(yīng)聘簡(jiǎn)歷，和個(gè)人會(huì)員、企業(yè)會(huì)員、企業(yè)招聘信息有邏輯聯(lián)系。

網(wǎng)站公告信息:網(wǎng)站的各種公告和新聞信息，這些信息由管理員管理。網(wǎng)站管理員信息:網(wǎng)站管理員的登錄信息，實(shí)現(xiàn)網(wǎng)站的權(quán)限管理。招聘會(huì)信息:網(wǎng)站管理員發(fā)布的招聘會(huì)信息。有了這些數(shù)據(jù)關(guān)系后，即可設(shè)計(jì)數(shù)據(jù)庫(kù)的表。在設(shè)計(jì)數(shù)據(jù)表時(shí)，需要根據(jù)數(shù)據(jù)實(shí)際需要設(shè)置各個(gè)數(shù)據(jù)的字段和字段的數(shù)據(jù)類(lèi)型。

2、連接數(shù)據(jù)庫(kù)

同其他的ASP網(wǎng)站數(shù)據(jù)連接一樣，網(wǎng)站中需要連接Access數(shù)據(jù)庫(kù)時(shí)，可以使用下面的代碼。在數(shù)據(jù)庫(kù)連接文件中，需要把SERVER.MAPPATH("DATABASE/MYDB.ACCDB")中的數(shù)據(jù)庫(kù)路徑改為網(wǎng)站實(shí)際的數(shù)據(jù)庫(kù)路徑，然后將這個(gè)文件保存為 conn.asp。使用數(shù)據(jù)庫(kù)連接的網(wǎng)頁(yè)只需要包含這個(gè)文件。

3、會(huì)員的注冊(cè)

招聘求職類(lèi)的網(wǎng)站，為了加強(qiáng)權(quán)限的管理和增強(qiáng)會(huì)員功能，需要制作會(huì)員注冊(cè)功能。會(huì)員注冊(cè)并登錄以后，才可以使用網(wǎng)站的某些功能。

在會(huì)員注冊(cè)功能中，可以把個(gè)人會(huì)員與企業(yè)會(huì)員存放在同一個(gè)表中，用一個(gè)字段區(qū)分是個(gè)人會(huì)員還是企業(yè)會(huì)員。這個(gè)表中還存放會(huì)員的聯(lián)系方式等基本信息，需要有一個(gè)字段來(lái)表示會(huì)員的權(quán)限級(jí)別。用戶(hù)在填寫(xiě)好注冊(cè)信息以后，單擊“提交”按鈕，將把這個(gè)網(wǎng)頁(yè)的注冊(cè)信息發(fā)送到會(huì)員注冊(cè)保存的網(wǎng)頁(yè)。在保存會(huì)員時(shí)，需要先驗(yàn)證這個(gè)會(huì)員的名稱(chēng)是不是已經(jīng)被占用，驗(yàn)證會(huì)員名與口令是不是有效。如果出現(xiàn)無(wú)效字段，則會(huì)轉(zhuǎn)跳到出錯(cuò)網(wǎng)頁(yè)，并提示出錯(cuò)原因。如果填寫(xiě)的信息正確，則保存注冊(cè)信息。

4、個(gè)人會(huì)員填寫(xiě)資料

會(huì)員注冊(cè)以后，還需要登錄并填寫(xiě)會(huì)員資料。個(gè)人會(huì)員與企業(yè)會(huì)員所需要填寫(xiě)的資料是不同的，所以在數(shù)據(jù)庫(kù)表中需要分開(kāi)存放。在網(wǎng)頁(yè)中也需要使用不同的網(wǎng)頁(yè)實(shí)現(xiàn)會(huì)員資料的填寫(xiě)。在數(shù)據(jù)庫(kù)中，會(huì)員表中的一條數(shù)據(jù)會(huì)對(duì)應(yīng)會(huì)員資料表中的一條數(shù)據(jù)。個(gè)人會(huì)員需要填寫(xiě)個(gè)人專(zhuān)業(yè)、求職行業(yè)、學(xué)歷、個(gè)人資料、求職信等內(nèi)容。學(xué)科、求職行業(yè)等數(shù)據(jù)，需要有一個(gè)固定的范圍，因此需要在數(shù)據(jù)庫(kù)中建立相關(guān)的表。網(wǎng)頁(yè)會(huì)從數(shù)據(jù)庫(kù)中查找，生成下拉菜單的選項(xiàng)，用戶(hù)直接從下拉菜單中選取內(nèi)容。

5、企業(yè)會(huì)員填寫(xiě)資料

如同個(gè)人會(huì)員一樣，企業(yè)會(huì)員也需要填寫(xiě)與更新企業(yè)資料，用戶(hù)在應(yīng)聘時(shí)需查看這些企業(yè)資料。企業(yè)資料包括企業(yè)類(lèi)型、企業(yè)簡(jiǎn)介、聯(lián)系方式等內(nèi)容。企業(yè)會(huì)員要在登錄以后自己完成信息的添加與修改。下面是企業(yè)會(huì)員資料添加的網(wǎng)頁(yè)代碼。

6、企業(yè)會(huì)員發(fā)布招聘信息

在求職招聘網(wǎng)站中，企業(yè)會(huì)員登錄以后，需要自己完成發(fā)布招聘信息的工作。這個(gè)功能是通過(guò)表單提交與數(shù)據(jù)保存來(lái)實(shí)現(xiàn)的。用戶(hù)登錄以后，填寫(xiě)招聘信息，單擊“提交”按鈕以后，后臺(tái)程序?qū)⒄衅感畔⒈４娴綌?shù)據(jù)庫(kù)。

7、個(gè)人會(huì)員查看招聘信息與發(fā)送求職

在招聘求職網(wǎng)站中，個(gè)人會(huì)員查看企業(yè)招聘信息和向企業(yè)發(fā)送企業(yè)招聘信息是整個(gè)網(wǎng)站的重點(diǎn)。在這一模塊中，需要查詢(xún)多個(gè)數(shù)據(jù)表，每個(gè)數(shù)據(jù)表中的數(shù)據(jù)存在一定的邏輯聯(lián)系。在網(wǎng)站的設(shè)計(jì)中，需要正確處理這些關(guān)系，正確地生成企業(yè)招聘信息頁(yè)面和用戶(hù)投送簡(jiǎn)歷頁(yè)面。

在網(wǎng)站的首頁(yè)或者招聘信息頁(yè)會(huì)有招聘信息列表，單擊招聘信息后會(huì)顯示出招聘信息。在有招聘信息的網(wǎng)頁(yè)上需要有個(gè)人會(huì)員發(fā)送簡(jiǎn)歷的鏈接，個(gè)人會(huì)員單擊這個(gè)鏈接以后可以向這個(gè)招聘信息發(fā)送簡(jiǎn)歷。如果用戶(hù)沒(méi)有登錄，則顯示登錄的鏈接。下面是查看招聘信息的網(wǎng)頁(yè)代碼。

會(huì)員單擊發(fā)送簡(jiǎn)歷鏈接以后，需要有一個(gè)網(wǎng)頁(yè)保存用戶(hù)向企業(yè)發(fā)送的簡(jiǎn)歷。在實(shí)際操作中，只需要保存招聘的id與會(huì)員的id即可。當(dāng)企業(yè)查看會(huì)員時(shí)，會(huì)生成相關(guān)的會(huì)員簡(jiǎn)歷。下面是保存用戶(hù)簡(jiǎn)歷的代碼。

8、會(huì)員簡(jiǎn)歷的顯示

會(huì)員注冊(cè)并填寫(xiě)用戶(hù)資料以后，就可以生成用戶(hù)的求職簡(jiǎn)歷。在人才列表或企業(yè)查看會(huì)員信息時(shí)，可以鏈接到用戶(hù)簡(jiǎn)歷上面。用戶(hù)簡(jiǎn)歷的實(shí)現(xiàn)，就是在數(shù)據(jù)庫(kù)中讀出會(huì)員信息，然后將信息列表。下面是會(huì)員簡(jiǎn)歷的代碼。

9、企業(yè)會(huì)員查看應(yīng)聘信息

企業(yè)登錄以后，需要查看向自己企業(yè)發(fā)送簡(jiǎn)歷的個(gè)人會(huì)員列表。在簡(jiǎn)歷列表中，會(huì)列出企業(yè)所有的招聘信息與這一條招聘信息下面的求職簡(jiǎn)歷。求職簡(jiǎn)歷就是一個(gè)指向會(huì)員簡(jiǎn)歷的鏈接，企業(yè)用戶(hù)單擊這個(gè)鏈接后，可以打開(kāi)并查看會(huì)員的個(gè)人簡(jiǎn)歷。

10、網(wǎng)站中不同類(lèi)別會(huì)員發(fā)送信息的實(shí)現(xiàn)

在招聘求職網(wǎng)站中，會(huì)員與會(huì)員之間常需要在線(xiàn)發(fā)送信息，以實(shí)現(xiàn)用戶(hù)與用戶(hù)之間的交流。這就是會(huì)員之間的發(fā)送信息功能。會(huì)員登錄自己的賬戶(hù)以后，可以查看自己的信息列表。點(diǎn)擊列表中的信息以后，可以查看信息、回復(fù)信息或是刪除信息。這個(gè)功能如同多用戶(hù)留言板。會(huì)員發(fā)送信息的實(shí)現(xiàn)方式，是將一條記錄記錄在數(shù)據(jù)庫(kù)中，這一條記錄用會(huì)員的id號(hào)進(jìn)行標(biāo)識(shí)。會(huì)員登錄以后，根據(jù)這個(gè)標(biāo)識(shí)查找列表中的信息數(shù)據(jù)。

網(wǎng)頁(yè)名稱(chēng)：招聘網(wǎng)站網(wǎng)站設(shè)計(jì)、制作思路
分享URL：http://www.bm7419.com/news29/225579.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專(zhuān)注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司；服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話(huà)：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)