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