【文章內(nèi)容簡(jiǎn)介】 覽器中顯示的第一個(gè)頁(yè)面。為了瀏覽方便，所以在進(jìn)行版面設(shè)計(jì)時(shí)，將本站的幾個(gè)主要版塊的內(nèi)容都濃縮在主頁(yè)的界面里，從而令用戶能快速的看到用戶所感興趣的內(nèi)容，節(jié)省用戶瀏覽時(shí)間。圖42 主頁(yè)效果圖 網(wǎng)站字體網(wǎng)站字體(Font)設(shè)置是網(wǎng)站制作中設(shè)計(jì)師經(jīng)常遇到的一個(gè)很關(guān)鍵的問(wèn)題，每一個(gè)網(wǎng)站都應(yīng)該仔細(xì)，認(rèn)真地思考自己網(wǎng)站的字體，合適的網(wǎng)站字體能讓客戶對(duì)網(wǎng)站產(chǎn)生信賴(lài)感，產(chǎn)生一種權(quán)威感，而不合適的字體往往會(huì)使用戶產(chǎn)生一種排斥感，和低級(jí)感。網(wǎng)站的字體是一門(mén)學(xué)問(wèn)，網(wǎng)站優(yōu)化不能僅僅從技術(shù)角度去做，應(yīng)該把網(wǎng)站自身的設(shè)計(jì)做好，只有這些好的基礎(chǔ)，網(wǎng)站的優(yōu)化，推廣才會(huì)真正產(chǎn)生效果。網(wǎng)站設(shè)計(jì)中字體的使用原則： 。字體太多則顯得雜亂，沒(méi)有主題。 。因?yàn)榘婷媸怯邢薜?，大字體占的版面太多也沒(méi)有什么效果。 。會(huì)讓瀏覽者眼花繚亂。 網(wǎng)站版塊本網(wǎng)站主要是根據(jù)用戶的需求制作的個(gè)人網(wǎng)站。用戶可以直接瀏覽該網(wǎng)站的所有內(nèi)容，也可注冊(cè)用戶。內(nèi)容包括：主頁(yè)、個(gè)人簡(jiǎn)介、日志、留言板、圖片、管理等版塊。(如圖43所示)圖43 主頁(yè)導(dǎo)航界面就是網(wǎng)站給瀏覽者的第一印象，往往決定著網(wǎng)站的可看性，本站的主頁(yè)是通過(guò)“家”的感覺(jué)來(lái)呈現(xiàn)的，可以給瀏覽者一種溫馨的感覺(jué)，會(huì)感到幸福。而導(dǎo)航就是通過(guò)與相關(guān)版塊的聯(lián)系而制作的相關(guān)聯(lián)的形狀，更形象生動(dòng)的表現(xiàn)了網(wǎng)站的生動(dòng)活潑。構(gòu)建一個(gè)網(wǎng)站就好比寫(xiě)一篇論文，首先要列出題綱，才能主題明確、層次清晰。網(wǎng)站建設(shè)初學(xué)者，最容易犯的錯(cuò)誤就是，確定題材后立刻開(kāi)始制作，沒(méi)有進(jìn)行合理規(guī)劃。從而導(dǎo)致網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜混亂，板塊編排混亂等。結(jié)果不但瀏覽者看得糊里糊涂，制作者自己在擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。所以，我們?cè)趧?dòng)手制作網(wǎng)頁(yè)前，一定要考慮好欄目和板塊的編排問(wèn)題。另外，板塊的編排設(shè)置也要合理安排與劃分。版塊比欄目的概念要大一些，每個(gè)版塊都有自己的欄目。 數(shù)據(jù)庫(kù)邏輯結(jié)構(gòu)設(shè)計(jì)。：用戶注冊(cè)表、留言表、日志表、管理員表。下面分別介紹這幾個(gè)表的結(jié)構(gòu) 表41 admin1編號(hào)字段說(shuō)明數(shù)據(jù)類(lèi)型1Id編號(hào)自動(dòng)編號(hào)2name姓名文本3mima密碼數(shù)字4sex性別文本5shengri出生日期日期/時(shí)間6work職業(yè)文本7phone聯(lián)系方式數(shù)字8time時(shí)間日期/時(shí)間 表42 book編號(hào)字段說(shuō)明數(shù)據(jù)類(lèi)型1id編號(hào)自動(dòng)編號(hào)2name姓名文本3sex性別文本4work職業(yè)文本5time時(shí)間日期/時(shí)間6liuyan留言?xún)?nèi)容備注7huifu回復(fù)內(nèi)容備注8pinglun評(píng)論內(nèi)容備注 表43 rizhi2編號(hào)字段說(shuō)明數(shù)據(jù)類(lèi)型1Id編號(hào)自動(dòng)編號(hào)2rtitle標(biāo)題備注3zuozhe作者文本4nei內(nèi)容備注5riqi時(shí)間日期/時(shí)間6nr主要內(nèi)容備注4. 管理員表表44 guanli編號(hào)字段說(shuō)明數(shù)據(jù)類(lèi)型1name管理員文本2password密碼文本第五章 系統(tǒng)的實(shí)現(xiàn)該系統(tǒng)的實(shí)現(xiàn)主要包含主頁(yè)，個(gè)人簡(jiǎn)介，日志，圖片，留言和管理界面的制作。其中留言界面是很重要的，對(duì)與瀏覽頁(yè)面，提供了瀏覽和發(fā)布信息的功能。而留言就提供了交流和動(dòng)態(tài)的感覺(jué)這樣就成了交互的功能。達(dá)到了溝通和交流的目的。所以，本設(shè)計(jì)最大的特點(diǎn)就是這個(gè)留言模塊，提供了交流的設(shè)計(jì)。 留言板的實(shí)現(xiàn) 留言板的主界面 完整的留言板具有發(fā)表留言和查看別人留言及評(píng)論留言的功能，下面有留言板頁(yè)面的效果圖。（如圖51所示）圖51 留言板效果圖 留言板主界面的制作“”,在右側(cè)的【應(yīng)用程序】中【數(shù)據(jù)庫(kù)】的“+”在彈出的下拉列表中選擇【數(shù)據(jù)源名稱(chēng)（DSN）】，在彈出的【數(shù)據(jù)源名稱(chēng)（DSN）】對(duì)話框中，設(shè)置【連接名稱(chēng)】為“conm”，【數(shù)據(jù)源名稱(chēng)（DSN）】為“conm”，單擊右側(cè)的【測(cè)試】，會(huì)彈出【成功連接腳本】對(duì)話框，表示數(shù)據(jù)庫(kù)添加完成。（如圖52所示）圖52 連接數(shù)據(jù)源 【綁定】點(diǎn)擊“+”【記錄集（查詢(xún)）】，彈出【記錄集】對(duì)話框，在其中設(shè)置【連接】為“conm”，【表格】為“book”，【列】選擇【全部】，【排序】中選擇【id，降序】，并單擊【確定】。（如圖53所示）圖53 綁定記錄集 【插入記錄】—【表單】，在表單中插入4行3列的表格，將【記錄集】里的字段拖曳到相應(yīng)的單元格中。然后在右側(cè)的屬性欄中選擇【服務(wù)器行為】點(diǎn)擊“+”【重復(fù)區(qū)域】，彈出【重復(fù)區(qū)域】對(duì)話框中設(shè)置【顯示】為“7”條記錄(根據(jù)個(gè)人喜好設(shè)置)，單擊【確定】。（如圖54所示）圖54 重復(fù)區(qū)域 ，選擇【插入】【數(shù)據(jù)對(duì)象】【顯示記錄計(jì)數(shù)】【記錄集導(dǎo)航狀態(tài)】，單擊【確定】。再選擇【插入】【數(shù)據(jù)對(duì)象】【記錄集分頁(yè)】【記錄集導(dǎo)航條】，【顯示方式】選擇【圖像】。（如圖55，圖56所示）圖55 記錄集導(dǎo)航狀態(tài) 圖56 記錄集導(dǎo)航條 【確定】，然后選中“評(píng)論”，點(diǎn)擊【服務(wù)器行為】單擊“+”選擇【轉(zhuǎn)到詳細(xì)頁(yè)面】，在【轉(zhuǎn)到詳細(xì)頁(yè)面】對(duì)話框中設(shè)置【詳細(xì)信息頁(yè)】為“”等，然后單擊【確定】。（如圖57所示）圖57 詳細(xì)頁(yè)設(shè)置 【Ctrl+S】保存操作，按F12，預(yù)覽效果。（如圖58，59所示）圖58 留言板效果圖 圖59 留言板效果圖 發(fā)表留言界面的制作 發(fā)表留言是為瀏覽者可以與管理進(jìn)行交流的平臺(tái)，可以發(fā)表留言信息，然后在主界面上顯示。（如圖510所示）圖510 發(fā)表留言界面 “”，在網(wǎng)頁(yè)中插入表單，在表單中插入個(gè)4行2列的表格，并輸入文本，并且設(shè)置它們的“文本域”與數(shù)據(jù)庫(kù)中的字段相同。（如圖511所示）圖511 設(shè)置文本域 【綁定】點(diǎn)擊“+”【記錄集（查詢(xún)）】，彈出【記錄集】對(duì)話框，在其中設(shè)置【連接】為“conm”，【表格】為“book”，【排序】中選擇【id，降序】，并單擊【確定】。（如圖512所示）圖512 綁定記錄集 【服務(wù)器行為】點(diǎn)擊“+”【插入記錄】，彈出【插入記錄】對(duì)話框，在其中設(shè)置【連接】為“conm”，【表格】為“book”，【插入后，轉(zhuǎn)到】為“”，【表單元素】中設(shè)置相對(duì)應(yīng)的字段，并單擊【確定】。（如圖513所示）圖513 插入記錄 ，按F12預(yù)覽效果。（如圖514所示）圖514 發(fā)表留言效果圖通過(guò)留言板的制作，希望瀏覽者瀏覽本站而了解我，與許久未聯(lián)系的朋友們交流，彼此交流愛(ài)好和興趣，留言板還可以與其他網(wǎng)絡(luò)上志同道合的朋友們互相交流，探討知識(shí)等。 后臺(tái)管理界面 在一個(gè)網(wǎng)站中，后臺(tái)管理是非常重要的，管理員可以通過(guò)后臺(tái)登錄，驗(yàn)證成功后可以對(duì)網(wǎng)站進(jìn)行信息的更新，留言的回復(fù)和系統(tǒng)的修改完善，所以一個(gè)好的網(wǎng)站需要有一個(gè)完善的后臺(tái)管理系統(tǒng)。 登錄界面在對(duì)系統(tǒng)進(jìn)行管理之前，需要通過(guò)系統(tǒng)的身份驗(yàn)證。本站中使用“”進(jìn)行身份驗(yàn)證。只有用戶名和密碼正確才可以進(jìn)入管理界面，否則就會(huì)進(jìn)入“”，登錄界面如圖515所示。圖515 登錄界面本系統(tǒng)只因?yàn)槭荄reamweaver開(kāi)發(fā)而成的，里面的代碼都是自動(dòng)生成的。后臺(tái)登錄界面所需要的關(guān)鍵代碼如下：table width=26% height=91 border=0 align=center tr td width=38%div align=center class=STYLE6用戶名：/div/td td width=62%input type=text name=name id=name //td /tr tr tddiv align=center class=STYLE6密碼：/div/td tdinput type=password name=mima id=mima //td /tr tr td height=23amp。nbsp。/td tdinput type=submit name=button id=button value=提交 /amp。nbsp。amp。nbsp。amp。nbsp。amp。nb