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