【文章內(nèi)容簡介】 卻很臭，對別人也是沒多大吸引力的。正所謂 “ 花里胡哨，空空如也 ” ，說的就是這 個道理。 在保證博文質(zhì)量的前提下，對博客做適當?shù)男揎椕阑怯斜匾?，因為博客是一個很私人的東西，是代表自己的符號，所以一定要體現(xiàn)出自己的風格以及審美，千人一面就太讓人乏味了。因為，這世界本就是多彩的。 美化自己的博客，首先要考慮的就是界面整體風格的和諧統(tǒng)一，一定要追求專屬于個人的標志及特色。 接下來就應(yīng)該是頭圖和背景圖的制作過程了，這部分大致分四步： ① 構(gòu)思：首先要明確的是，想要做出一幅什么風格的頭圖及與之對應(yīng)的背景圖。在腦海中勾勒出一個大致的輪廓，然后進行下一步的工作。 ② 搜集素材：當 明確設(shè)計的大致方向，利用網(wǎng)上的壁紙站、百度搜索等尋找所需要的各種元素。 ③ 制作：創(chuàng)建新圖層，調(diào)整顏色，然后把需要的各種元素經(jīng)過繪制、摳圖、濾鏡、描邊、調(diào)整、縮放等步驟后添加到圖中去，最后，經(jīng)過調(diào)整及修飾，最后完成制作。 ④ 應(yīng)用：挑選 與 設(shè)計的頭圖和背景圖所搭配的界面模版，然后開始應(yīng)用 。 個人博客設(shè)計的要求： 第一、導航清晰，布局合理，層次分明，頁面的鏈接層次不要太深，盡量讓瀏覽者用最短的時間找到自己感興趣的內(nèi)容； 第二、風格統(tǒng)一：保持統(tǒng)一的風格，有助于加深瀏覽者對博客系統(tǒng)的印象。要實現(xiàn)風格的統(tǒng) 一，不一定要把每個欄目做得一模一樣，舉個例子來說，可以嘗試讓導航條樣式統(tǒng)一，各個欄目采用不同的色彩搭配，在保持風格統(tǒng)一的同時為網(wǎng)站增加一些變化； 第三、色彩和諧、重點突出：在界面設(shè)計中，根據(jù)和諧、均衡和重點突出的平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 13 頁 原則，將不同的色彩進行組合、搭配來構(gòu)成美觀的頁面； 第四、界面清爽：要吸引訪問者長時間的停留在你的博客中，千萬不能讓瀏覽者第一眼就感覺壓抑。大量的文字內(nèi)容要使用舒服的背景色，前景文字和背景之間要對比鮮明，這樣訪問者瀏覽時眼睛才不致疲勞。適當?shù)牧舭卓梢宰尳缑娓逅? 第五、動態(tài)效果不宜太多：適 當?shù)膭討B(tài)效果可以起到畫龍點睛的作用，過多的動態(tài)效果會讓人眼花繚亂而抓不住主題。 在明確了我的個人網(wǎng)站的風格和定位后，就是網(wǎng)站的材料組織以及網(wǎng)站的頁面設(shè)計和數(shù)據(jù)庫設(shè)計。 建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴充和維護網(wǎng)站也相當困難。網(wǎng)站的題材確定后，并且收集和組織了許多相關(guān)的資料內(nèi)容，但如何組織內(nèi)容才能吸引網(wǎng)友們來瀏覽網(wǎng)站呢？欄目的實質(zhì)是一個網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主體明確顯示出來。因此我將 自己的個人網(wǎng)站分為五個欄目，分別是關(guān)于我、相冊、日記、音樂、留 言。 數(shù)據(jù)庫設(shè)計 使用 Access2021 實現(xiàn)關(guān)系型數(shù)據(jù)庫 。 用戶密碼登記表 Admin 該系統(tǒng)中需要建立的數(shù)據(jù)庫表如下： admin 表：主要用于保存網(wǎng)站中管理員的信息，表中包含了管理員的賬號、密碼、登錄時間、次數(shù)、權(quán)限等 存儲了系統(tǒng)用戶和普通用戶的信息，包括：姓名，口令，驗證碼，名稱。它的 表結(jié)構(gòu)如表 31所示。 表 31 登記表 字段名 類型 說明 Id 自動編號 Username 文本 用戶名 Password 文本 密碼 Oskey 文本 權(quán)限 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 14 頁 Loginip 文本 登錄 ip Logintime 日期 /時間 登錄時間 Logouttime 日期 /時間 上次登錄時間 Logintimes 數(shù)字 登錄次數(shù) 留言基本檔案表 存儲了用戶的檔案包括： ID,留言者名字、留言者 、留言者 Email,留言內(nèi)容，留言者主頁，留言時間，回復留言，留言頭像，留言表情，留言者 IP，留言者地址，留言主題 ,其中 ID 為該表的主關(guān)鍵字。它的設(shè)計視圖如表 32所示 。 表 32 留言 表 字段 類型 說明 ReViewID 自 動編號 NewsID 數(shù)字 要評論文章的 ID title 文本 所評論文章的標題 Content 備注 發(fā)表的內(nèi)容 Author 文本 發(fā)表留言或評論的作者名 UpdateTime 日期 /時間 留言或評論的時間 音樂分類表 在其中 設(shè)置了添加自己歌曲的功能， 展示個人喜歡的歌曲，朋友們可以在里面 添加 點播自己喜歡的歌 曲 。 如表 33 所示 。 表 33 音樂 表 字段 類型 說明 SpecialID 自動編號 Specialmaster 文本 發(fā)表專題的作者 SpecialName 文本 專題的名字 日記分類表 在其中 設(shè)置了添加自己日志的功能，展示個人喜歡的作品 ，可以在里面 添加自己喜歡的的文學作品和心情日志 。 如表 34 所示 。 如 表 34所示。 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 15 頁 字段 類型 說明 ReViewID 自動編號 title 文本 文章的標題 Content 備注 文章的內(nèi)容 editor 文本 文章的編輯者 UpdateTime 日期 /時間 發(fā)表文章的時間 click 數(shù)字 文章的點擊數(shù) 相冊分類表 在里面對相冊進行分類，展 示的圖片： 包括我的照片、我的同學、風景照片、木。讓大家一起來欣賞人物、風景風采 。 如 表 35 所示 。 表 35 相冊 表 字段 類型 說明 Class 自動編號 大類別名 MidCls 數(shù)字 小類別 Clid 文本 小類別所屬大類 ID Descs 備注 排序 以上數(shù)據(jù)表為 Access 類型的庫文件，將它定名為：“ ”。平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 16 頁 第 4 章 系統(tǒng) 具體 設(shè)計與實現(xiàn) 前臺頁面的設(shè)計和實現(xiàn) 系統(tǒng)后臺管理流程圖 圖 37 流程圖 首 頁模塊的設(shè)計和實現(xiàn) 首頁的板塊應(yīng)由 6大 摸 塊組成： 頭部板塊 ： 這一板塊由兩部分構(gòu)成，其一是博客介紹。有了介紹，他人一進入網(wǎng)站，便知你的博客的大致內(nèi)容，以便決定是否繼續(xù)瀏覽。人們常說：時間就是金錢。對于現(xiàn)代人來說，時間非常寶貴，沒有多少人愿意花很多時間、精力去做無益的事。因此，你有必要把自己博客的內(nèi)容、特色簡要展示給讀者，以便留住需要這類信息的人并讓其駐足下來詳細瀏覽你的博客。 其二是導航部分 ： 這一板塊特別重要。當讀者進入你的網(wǎng)站，必然要根據(jù)自己的需要選取閱讀信息。如果沒有導航欄，那么，當讀者進入你的網(wǎng) 站，就難以迅速地獲取他所需要的信息，因而也就不會有耐心繼續(xù)停留 。 設(shè) 計如下：（ 1） css 部分： 管理員名 管理系統(tǒng)后臺管理 用戶 發(fā)表 更改資料 后臺登錄 返回首頁 管理員 觀看 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 17 頁 /*===首頁導航條樣式 ====*/ !include file=Conn. asp meta equiv=ContentType content=text/html。 charset=gb2312 table border=0 cellspacing=0 cellpadding=0 tr tda href= target=_blankIMG SRC=images/ ALT= WIDTH=269 HEIGHT=106 border=0/a/td tdIMG SRC=images/ ALT= WIDTH=203 HEIGHT=106 border=0 usemap=Map/td tdIMG SRC=images/ ALT= WIDTH=207 HEIGHT=106 border=0 usemap=Map2/td tdIMG SRC=images/ ALT= WIDTH=197 HEIGHT=106 border=0 usemap=Map3/td tdIMG SRC=images/ WIDTH=126 HEIGHT=106 ALT=/td /tr map name=Map area shape=rect coords=12,41,55,85 href= area shape=rect coords=73,41,126,85 href= area shape=rect coords=141,42,199,83 href= /map map name=Map2 area shape=rect coords=8,42,58,85 href= area shape=rect coords=74,42,129,84 href= area shape=rect coords=145,43,201,82 href= /map map name=Map3 area shape=rect coords=15,45,67,86 href= area shape=rect coords=78,42,130,85 href= area shape=rect coords=147,40,191,83 href= /map /table href= （ 首頁 ） href= （ 動漫 ） 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 18 頁 href= （ 音樂 ） href= （ 相冊 ） href= （ 留言 ） href= （ 鏈接 ） 功能板塊 首頁是網(wǎng)站的門戶方便用戶的使用和查詢 。根據(jù)系統(tǒng)分析得出流程圖，如圖41所示。 圖 41首頁流程圖 頁面設(shè)計 一、界面設(shè)計 （一）相冊 是一個個人相片和精彩圖片展示的地方，在相冊中，我們可以了解到站長的個人風采和自己喜歡的圖片。 功能 利用 ASP 對象語句顯示圖片，讓大家可以看見所有圖片的縮略圖，同時每個圖片都有快照功能，可以瀏覽圖片的全圖。 主頁 首頁 本站動態(tài) 文學作品 圖片收藏 軟件下載 經(jīng)典動畫 影視天地 在線留言 熱門排行 動態(tài)標題 成長故事 心靈感悟 個人照片 風景美圖 同學朋友 常用軟件 教學軟件 動感電影 動感MTV 搞笑動畫 喜劇片 戰(zhàn)爭片 網(wǎng)站調(diào)查 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 19 頁 組成構(gòu)造 相冊結(jié)果顯示頁面 ：用來顯示所有圖片，同時還具備圖片的分類功能和圖片單個瀏覽功能。 站長基本信息顯示頁面 ： 數(shù)據(jù)庫連接頁面 相冊頁面瀏覽效果圖 ，如圖 42所示。 圖 42 相冊效果圖 圖片效果瀏覽圖，如圖 43。 圖 43 圖片 效果圖 (二 )日記是一個記錄個人日記和精品收藏文章的地方，供給大家一起分享。 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 20 頁 功能 利用 ASP 對象語句分類顯示日記或文章記錄，讓大家瀏覽到最新的日記或文章 組成結(jié)構(gòu) 日記或文章顯示頁面 ：顯示所有日記或文章，同時還具備顯示不同子類日記或文章 站長基本信息顯示頁面 數(shù)據(jù)庫連接頁面 日記頁面瀏覽效果圖，如圖 43。 圖 43日志 效果圖 （三 ） 、音樂頁面瀏覽效果圖 。 音樂是一個音樂收藏和音樂欣賞的地方。功能 是在于 利用 ASP 對象語句來顯示歌曲曲目、演唱人和在線播放功能。結(jié)構(gòu) 上采用 歌曲顯示播放頁面 ： 完成曲目的顯示和播放功能的頁面 ； 站長基本信息顯示頁面 ； 數(shù)據(jù)庫連接頁面 。如圖 44 所示。 平頂山工業(yè)職業(yè)技術(shù)學院畢業(yè)設(shè)計說明書 第 21 頁 圖 44音樂 效果圖 (四 )、留言本 是一個我與大家談心交流的地方，在留言板中，我們可以暢所欲言，和大家進行交流。就我們感興趣的話題展開討論。和大家進行溝通。 功能 利用 SQL 語法過濾特定的用戶留言意見 ，讓站長可以針對某位特定用戶所發(fā)表的意見作出獨立的回答，同時，用戶在發(fā)表個人意見時，若認為意見內(nèi)容涉及敏感的話題或是意見內(nèi)容涉及私人隱私，都可用“悄悄話”的方式發(fā)言，這些“悄悄話”將不會被顯示出來讓大家看到，當然，站長擁有管理的能力，只要以密碼登錄管理模式，就可以進行各個