【文章內(nèi)容簡介】 的詳細(xì)設(shè)計(jì)，通過網(wǎng)站功能模塊圖可以確定：網(wǎng)站前臺(tái)主要由首頁以及和后臺(tái)數(shù)據(jù)庫連的個(gè)人信息注冊(cè)、查找招聘單位、查看招聘單位詳細(xì)信息、發(fā)布個(gè)人信息的二級(jí)或三級(jí)頁面組成，網(wǎng)站后臺(tái)數(shù)據(jù)庫設(shè)計(jì)完成新聞更改、個(gè)人信息發(fā)布、招聘單位信息修改的動(dòng)態(tài)功能。下面對(duì)一些比較重要的前臺(tái)頁面和后臺(tái)數(shù)據(jù)庫的設(shè)計(jì)進(jìn)行詳細(xì)介紹。 靜態(tài)頁面設(shè)計(jì) 前臺(tái)頁面設(shè)計(jì)包括導(dǎo)入頁，首頁和協(xié)議頁等二級(jí)頁 面的設(shè)計(jì)。 首頁及其他二級(jí)頁面設(shè)計(jì) 首頁：打開 dream weaver，新建。插入一行二列表格，選擇背景圖片插入，再插入一行三列表格，兩邊列寬設(shè)為 10%。在中間單元格中插入二行一列表格，上面的單元格拆分成兩列插入圖片制作站名，下面的單元格拆分兩列，左邊的插入表單域制作用戶登陸模塊。右邊的輸入站長提示文字，代碼中插入 Marquee direction ” up” scrollamout ” 2” 實(shí)現(xiàn)滾動(dòng)文字的效果。如圖 所示。 圖 首頁登陸和提示模塊 之后再插入表格制作新聞 /公告模塊、最新人才模塊和 熱門推薦模塊。 如圖 圖、 圖、 圖所示。 圖 公告模塊 圖 最新人才模塊 圖 熱門推薦模塊 在首頁的結(jié)尾處制作網(wǎng)站的版權(quán)信息和管理員登陸區(qū)域。如圖 所示。 圖 版權(quán)模塊 注冊(cè)協(xié)議頁面 插入單元格插入頁首圖片及相關(guān)提示，然后制作表單域插入文本區(qū)域，再在文本區(qū)域初始值中輸入?yún)f(xié)議的內(nèi)容。在文本區(qū)域下，制作兩個(gè)超連接。 將“我接受”連接至 zcxx 頁進(jìn)行個(gè)人信息的注冊(cè) 將“我不接受，退出”連接回 shouye。做返回處理，不再進(jìn)行下一步操作。 如圖 圖、 圖所示。 圖 用戶注冊(cè)題頭 圖 用戶協(xié)議 注冊(cè)返回頁 此頁作用為個(gè)人用戶在成功注冊(cè)或提交信息時(shí)做出的提示，并引導(dǎo)個(gè)人用戶返回首頁的頁面。 插入三行一列的單元格，邊框粗細(xì)為 0，間距和填充不填數(shù)，背景顏色設(shè)為FFCC99。在第一行插入文字“您已成功注冊(cè)或提交”，大小為 18 象素，顏色為0000FF 加粗。在第三行鍵入“點(diǎn)擊此處返回”，大小、顏色都為默認(rèn)。做超連接至首頁。 如圖 圖所示。 圖 信息提交成功頁 錯(cuò)誤頁面 此頁面是在個(gè)人用戶或管理員將用戶名或密碼輸入錯(cuò)誤時(shí)顯示的。具體做法和“注冊(cè)返回頁面 ”相同，只是將文字的顏色和大小進(jìn)行了更改，并將文字“返回”超連接至首頁。 如圖 所示。 圖 信息錯(cuò)誤頁面 彈出通知頁面 此頁面作為打開首頁時(shí)彈出的提示頁面。此頁面的特點(diǎn)就是不用做大，如果做大不但會(huì)是網(wǎng)頁打開速度下降而且使使用者造成反感。 所以插入的表格寬高分別為： 269 象素和 152 象素。背景顏色為 CCFFFF，文字顏色為 6600FF。分上下兩個(gè)單元格。分別輸入文字：“您好：本站最新添加了近百個(gè)新的招聘單位，祝您能夠在其中找到滿意的工作！”和“好工作求職網(wǎng)”。 如圖 圖所示。 圖 彈出的通知頁面 動(dòng)態(tài)網(wǎng)頁設(shè)計(jì) 填寫注冊(cè)信息 目的：將求職人的個(gè)人信息添加到數(shù)據(jù)庫中，并同時(shí)在首頁“最新人才”項(xiàng)目中顯示，這樣即使管理員易于管理也使用人單位直接通過首頁就可以看到求職者的個(gè)人信息，方便了用人單位的查找。 關(guān)鍵技術(shù)： 在填寫注冊(cè)信息的頁面中，求職者要填寫用戶名、密碼、真實(shí)姓名、性別、所學(xué)專業(yè)、求職意向共七個(gè)填寫項(xiàng)。其界面如圖 所示。 在表單中將所有項(xiàng)目都設(shè)置成了必填內(nèi)容：主要是為了使招聘單位能更多了了解求職者，在選擇中多一些深度的考察。在這頁中編寫在客戶端運(yùn)行的腳本程序以檢查訪問者的 輸入。檢查用戶是否填寫了某一個(gè)項(xiàng)目，主要驗(yàn)證表單里相應(yīng)的文本輸入組件的值是否為空。如果其中一項(xiàng)沒有被填寫，腳本程序就會(huì)彈出相應(yīng)的對(duì)話框提示訪問者完成輸入的內(nèi)容。 如圖 圖所示。 圖 新?lián)碛脩籼峤恍畔㈨撁? 本頁的各填寫項(xiàng)與 ACCESS 數(shù)據(jù)庫 find job 中的 grxx 表相連接。 具體對(duì)應(yīng)連接為： 填寫項(xiàng)目 數(shù)據(jù)表字段名 用戶名 yhm 密 碼 ma 真實(shí)姓名 zsxm 性 別 xb 專 業(yè) zy lxdh 求職意向 qzyx grxx 表如圖 圖所示。 圖 個(gè)人信息表 查找所有單位 設(shè)計(jì)此項(xiàng)功能目的：用戶在登陸后查找所有的招聘單位，這些單位只顯示一些簡要的信息單位名稱、所屬行業(yè)和單位地址。目的是讓求職者能快速的查找到所有的招聘單位。如圖 圖所示。 圖 查找單位頁面 查看單位詳細(xì)信息 設(shè)計(jì)此項(xiàng)功能目的：求職者在查找招聘單位時(shí)如果發(fā)現(xiàn)了意向單位，可以點(diǎn)擊進(jìn)入這個(gè)單位的詳細(xì)信息頁面，因?yàn)橹暗牟檎翼撁嬷械男畔⑹遣蝗娴?，所以這個(gè)頁面提供了比較詳細(xì)的招聘單位信息。除了上一頁顯示的單位名稱、所屬行業(yè)和單位地址外還有、 、需要人才類型和單位簡介。 如 圖 圖所示。 圖 查看單位詳細(xì)信息頁面 而這兩個(gè)頁面用的是同一個(gè)數(shù)據(jù)庫表： dwxx。 具體對(duì)應(yīng)連接為： 查找單位 查看單位信息 數(shù)據(jù)表字段名 單位名稱 單位名稱 dwmc 所屬行業(yè) 所屬行業(yè) sshy 單位地址 單位地址 dwdz lxdh Email 需要人才類型 sxrc 單位 簡介 dwjj dwxx 表如圖 圖所示。 圖 單位信息表 發(fā)送個(gè)人信息 設(shè)計(jì)此項(xiàng)功能目的：當(dāng)求職者發(fā)現(xiàn)自己的意向單位時(shí)，將自己的個(gè)人信息發(fā)送給招聘單位，讓招聘單位加以選擇。 此功能中的各個(gè)項(xiàng)目，將它們?cè)O(shè)置為了必填內(nèi)容，目的是讓招聘單位對(duì)求職者能有更清晰的認(rèn)識(shí)，并且易于聯(lián)系求職者。 如圖 圖所示。 圖 個(gè)人信息提交表 此頁面的各個(gè)填寫項(xiàng)與數(shù)據(jù)庫 fsgrxx 表相對(duì)應(yīng)。 具體對(duì)應(yīng)連接為： 發(fā)送個(gè)人信息 數(shù)據(jù)庫字段名 用戶名 yonghuming 姓 名 xingming 性 別 xingbie 年 齡 nianling 所學(xué)專業(yè) suoxuezhuanye 最高學(xué)歷 zuigaoxueli lianxidianhua 意向單位 yixiangdanwei fsgrxx 表如圖 所示。 圖 發(fā)送個(gè)人信息表 管理員登陸 設(shè)計(jì)此項(xiàng)功能目的：為管理員設(shè)置登陸功能，可以防止非管理員對(duì)網(wǎng)站信息進(jìn)行篡改。管理員登陸后可對(duì)網(wǎng)站的前臺(tái)、后臺(tái)和 數(shù)據(jù)庫進(jìn)行修改。對(duì)招聘單位和求職者的信息進(jìn)行管理，對(duì)日常的新聞和公告進(jìn)行管理。 管理員從首頁進(jìn)入密碼頁面，通過輸入密碼進(jìn)入管理系統(tǒng)界面。 具體如圖 圖、 圖所示。 圖 管理員登陸模塊 圖 管理員密碼頁面 管理系統(tǒng) 設(shè)計(jì)此項(xiàng)功能目的：管理員登陸后進(jìn)入管理系統(tǒng)界面。對(duì)首頁的新聞 /公告、招聘單位信息和求職者信息進(jìn)行管理。 此頁面實(shí)現(xiàn)了五大功能模塊，具體如下： ：主要完成管理員對(duì)首頁“新聞 /公告”部分新聞內(nèi)容的添加。 ：主要完成管理員對(duì)首頁“新聞 /公告”部分新聞內(nèi)容 的修改和刪除。 ：主要完成管理員對(duì)招聘單位信息的添加。 ：主要完成管理員對(duì)招聘單位信息的修改和刪除。 ：主要完成管理員對(duì)求職者發(fā)送給招聘單位個(gè)人信息的查看。 具體內(nèi)容如圖 圖、 圖、 圖、 圖、 圖、 圖所示。 圖 新聞管理的對(duì)象 圖 新聞添加 圖 新聞管理 圖 招聘單位添加 圖 招聘單 位信息管理 圖 求職者個(gè)人意向 網(wǎng)站全部頁面及功能 文件名稱 作用 簡介 ckdw 查看單位 用于查找所有單位的信息 dwxx 單位信息 查看單位的詳細(xì)信息 glxt 管理系統(tǒng) 管理員用于管理網(wǎng)站的頁面 shouye 首 頁 網(wǎng)站首頁， 發(fā)布信息和登陸使用 xieyi 協(xié) 議 注冊(cè)協(xié)議，用于規(guī)范求職者行為 zcfh 注冊(cè)返回 提交或發(fā)布信息后返回首頁 zcxx 注冊(cè)信息 求職者填寫個(gè)人信息 glydl 管理員登陸 管理員填寫密碼進(jìn)入管理頁面 fsgrxx 發(fā)送個(gè)人信息 求職意向單位發(fā)送個(gè)人信息 cwym 錯(cuò)誤頁面 當(dāng)輸入賬戶或密碼錯(cuò)誤時(shí)提示 tctz 彈出通知 在首頁打開時(shí)的彈出信息 網(wǎng)頁特效及代碼 ： marquee id info onMouseOver onMouseOut scrollamount 2 hspace 12 vspace 2 scrolldelay 10 ： script language javascript skee。 var brOK false。 var mie false。 ar aver parseInt navigtring 0,1 。 var aname 。 function checkbrOK if Inter Explorer ! 1 if aver 4 brOK 。 mie true。 if Netscape ! 1 if aver 4 brOK 。 var vmin 2。 var v 5。 var vr 2。 var timer1。 function Chip chipname,width,height function movechip chipname if brOK eval chip +chipname 。 if !mie pageX 。 pageW 。 pageY 。 pageH 。 else pageX 。 pageW 。 pageY 。 pageH 。 +。 +。 + vr* 。 + vr* 。 if v+vmin v+vmin *。 if vvmin vvmin *。 if v+vmin v+vmin *。 if vvmin vvmin *。 if pageX pageX。 vmin+v* 。 if pageX+ pageX+。 vminv* 。 if pageY pageY。 vmin+v* 。 if pageY+ pageY