【正文】 長(zhǎng) 沙 學(xué) 院個(gè)人博客設(shè)計(jì)說(shuō)明書(shū)題目個(gè) 人 博 客 系 統(tǒng)系(部)計(jì)算機(jī)科學(xué)與技術(shù)系專業(yè)(班級(jí))軟件服務(wù)外包四班姓名易 廣學(xué)號(hào)2010022413指導(dǎo)教師何文德老師起止日期20101001/20110401個(gè)人博客系統(tǒng)開(kāi)發(fā)實(shí)戰(zhàn)任務(wù)書(shū)系 計(jì)算機(jī)科學(xué)與技術(shù)系 專業(yè) 軟件服務(wù)外包 班級(jí) 04班 設(shè)計(jì)人 _易廣_ 學(xué)號(hào) 2010022413 題目：個(gè)人博客系統(tǒng)一．階段任務(wù)： 1. 明確個(gè)人博客系統(tǒng)的實(shí)訓(xùn)目的； 2. 明確個(gè)人博客系統(tǒng)的需求功能結(jié)構(gòu)； 3. 定義個(gè)人博客系統(tǒng)的需求用例； 4. 制定個(gè)人博客系統(tǒng)的開(kāi)發(fā)計(jì)劃；二．項(xiàng)目實(shí)戰(zhàn)： 1. 小組內(nèi)制定計(jì)劃，給各小組成員分配任務(wù)； 2. 小組成員根據(jù)計(jì)劃設(shè)計(jì)好各自的網(wǎng)頁(yè)，按照要求，各個(gè)要素都要齊全，且界面要簡(jiǎn)潔美觀，給人一種賞心悅目的感覺(jué)； 3. 提交好各自設(shè)計(jì)的網(wǎng)頁(yè)，將各個(gè)網(wǎng)頁(yè)鏈接起來(lái)，組成一個(gè)完整的個(gè)人博客系統(tǒng)；然后將完整的博客系統(tǒng)發(fā)給小組成員，根據(jù)各自的風(fēng)格進(jìn)行修改； 4. 交由知道審閱，確認(rèn)無(wú)誤后，到指定網(wǎng)站上提交效果圖、源代碼、設(shè)計(jì)總結(jié)； 5. 寫(xiě)出實(shí)訓(xùn)報(bào)告書(shū)。三．實(shí)訓(xùn)目的： 通過(guò)本實(shí)訓(xùn)，應(yīng)具有創(chuàng)建一個(gè)的靜態(tài)的小型個(gè)人網(wǎng)站，并將其發(fā)布到Internet上運(yùn)行的能力。1. 掌握有關(guān)的計(jì)算機(jī)網(wǎng)絡(luò)信息的收集、加工、處理、發(fā)布與維護(hù)的基本框架與工作流程。2. 了解有關(guān)Web網(wǎng)站建設(shè)的基本概念與方法。3. 掌握網(wǎng)頁(yè)設(shè)計(jì)制作的基本概念，有關(guān)美學(xué)基本知識(shí)與設(shè)計(jì)制作流程。4. 掌握網(wǎng)絡(luò)信息發(fā)布與維護(hù)的方法。5. 掌握HTML、CSS、Javascript等頁(yè)面設(shè)計(jì)方面相關(guān)的技術(shù)。四．功能結(jié)構(gòu)個(gè)人檔案心情日志技術(shù)文章特定功能友情鏈接溫馨相冊(cè)學(xué)生管理系統(tǒng)個(gè)人博客系統(tǒng)五．需求用例：1. 首頁(yè)展示 首頁(yè)主要顯示個(gè)人簡(jiǎn)單檔案，最新的心情日志信息2. 個(gè)人檔案顯示 個(gè)人檔案主要保護(hù)一下幾個(gè)大的分類1 基本資料 用戶名、、昵稱、MSN、性別、移動(dòng)電話、所在城市、固定電話、生日、Email2 自我評(píng)價(jià) 描述個(gè)人的評(píng)價(jià)信息3 開(kāi)發(fā)經(jīng)驗(yàn)介紹個(gè)人的開(kāi)發(fā)經(jīng)驗(yàn)4 教育背景介紹個(gè)人的教育經(jīng)歷5 工作經(jīng)驗(yàn)介紹個(gè)人的工作經(jīng)歷6 個(gè)人興趣介紹個(gè)人的興趣和愛(ài)好7 專業(yè)技能介紹個(gè)人的專業(yè)技能3. 心情日志列表顯示 列表顯示出所有的心情日志，包括日志名稱，發(fā)表時(shí)間。也可以考慮分頁(yè)顯示4. 心情日志詳細(xì)顯示 顯示指定日志的詳細(xì)信息5. 程序設(shè)計(jì)列表顯示 列表顯示出所有的程序設(shè)計(jì)文章，包括文章名稱，發(fā)表時(shí)間。也可以考慮分頁(yè)顯示6. 程序設(shè)計(jì)詳細(xì)顯示 顯示指定文章的詳細(xì)信息7. 網(wǎng)頁(yè)制作列表顯示列表顯示出所有的網(wǎng)頁(yè)制作文章，包括文章名稱，發(fā)表時(shí)間。也可以考慮分頁(yè)顯示8. 網(wǎng)頁(yè)制作詳細(xì)顯示 顯示指定文章的詳細(xì)信息9. 溫馨相冊(cè)列表顯示 列表顯示所有的相冊(cè)，包括相冊(cè)封頂和相冊(cè)名稱 顯示指定相冊(cè)下所有的相片 大圖顯示單張相片，可以以幻燈片的形式顯示 列表顯示友情信息 菜單欄如果有多個(gè)二級(jí)頁(yè)面可以采用下拉菜單的形式 頁(yè)面上要?jiǎng)討B(tài)時(shí)間 頁(yè)面要實(shí)現(xiàn)跑馬燈效果六．開(kāi)發(fā)計(jì)劃階 段任 務(wù) 名 稱開(kāi)發(fā)時(shí)間（工作日）知識(shí)準(zhǔn)備學(xué)習(xí)該項(xiàng)目開(kāi)發(fā)所涉及到的技術(shù)知識(shí)以及相關(guān)知識(shí)2需求分析需求理解1系統(tǒng) 設(shè) 計(jì)首頁(yè)設(shè)計(jì)1個(gè)人檔案頁(yè)設(shè)計(jì)心情日志列表頁(yè)面/詳細(xì)頁(yè)面技術(shù)文章列表頁(yè)面/詳細(xì)頁(yè)面1溫馨相冊(cè)列表頁(yè)面/照片列表頁(yè)面/照片詳細(xì)頁(yè)面友情鏈接頁(yè)面編碼測(cè)試下拉菜單，跑馬燈，動(dòng)態(tài)時(shí)間，幻燈片等特效制作1個(gè)人首頁(yè)制作2個(gè)人檔案頁(yè)面制作1心情日志列表/詳細(xì)頁(yè)面制作技術(shù)文章列表/詳細(xì)頁(yè)面制作溫馨相冊(cè)列表頁(yè)面/照片列表頁(yè)面/照片詳細(xì)頁(yè)面2友情鏈接頁(yè)面1第二套風(fēng)格實(shí)現(xiàn)2測(cè)試1結(jié) 項(xiàng)發(fā) 布項(xiàng)目部署與發(fā)布項(xiàng)目總結(jié)合 計(jì)22長(zhǎng)沙學(xué)院實(shí)訓(xùn)鑒定表姓 名易 廣學(xué)號(hào)2010022413專 業(yè)軟 件 工 程班 級(jí)04設(shè)計(jì)題目個(gè) 人 博 客 系 統(tǒng)指導(dǎo)教師何文德指導(dǎo)教師意見(jiàn)：評(píng)定等級(jí)： 教師簽名： 日期： 答辯小組意見(jiàn)：評(píng)定等級(jí)：　　　　　答辯小組長(zhǎng)簽名：　　　　　日期：　　　　教研室意見(jiàn)：教研室主任簽名： 日期： 　系（部）意見(jiàn)：系主任簽名：　　　　　　　　日期：　　　　　說(shuō)明課程設(shè)計(jì)成績(jī)分“優(yōu)秀”、“良好”、“及格”、“不及格”四類；摘 要 在制作博客之前首先要明確個(gè)人博客系統(tǒng)到底要做什么，即個(gè)人博客系統(tǒng)都包含哪些內(nèi)容，以及實(shí)現(xiàn)這些內(nèi)容的要求。從而制定項(xiàng)目開(kāi)發(fā)計(jì)劃，為更好的實(shí)現(xiàn)個(gè)人博客系統(tǒng)打好基礎(chǔ)。熟悉軟件項(xiàng)目項(xiàng)目開(kāi)發(fā)過(guò)程首先要做的工作。 通過(guò)本實(shí)訓(xùn)，應(yīng)具有創(chuàng)建一個(gè)靜態(tài)的小型的個(gè)人網(wǎng)站，并將其發(fā)布到Internet上運(yùn)行的能力。效果圖的設(shè)計(jì)需要用到繪圖工具，例如畫(huà)圖、photoshop等等，也可能會(huì)遇到技能不足而無(wú)法按時(shí)執(zhí)行的情況?？赏ㄟ^(guò)其他的途徑尋找解決方案，例如網(wǎng)絡(luò)資源、其他繪圖能力突出的人員等。在系統(tǒng)設(shè)計(jì)階段，也不可為了過(guò)分追求視覺(jué)上的沖擊，花大量的精力在效果圖制作上，更重要的是內(nèi)容上面的充實(shí)，讓用戶感覺(jué)到優(yōu)雅，實(shí)用的效果。詳細(xì)知識(shí)請(qǐng)參見(jiàn)光盤(pán)附帶的設(shè)計(jì)效果圖樣例。 關(guān)鍵字，博客、效果圖、工具、簡(jiǎn)潔美觀，實(shí)用詳細(xì)操作：請(qǐng)見(jiàn)書(shū)本p9目 錄一．個(gè)人博客系統(tǒng)開(kāi)發(fā)實(shí)戰(zhàn)任務(wù)書(shū)1二．長(zhǎng)沙學(xué)院實(shí)訓(xùn)鑒定表5三．摘 要6四．效果圖8五．源代碼14效 果 圖個(gè)人檔案?jìng)€(gè)人首頁(yè)技術(shù)文章1技術(shù)文章2溫馨相冊(cè)1溫馨相冊(cè)2總結(jié)溫馨相冊(cè)3心情日志1心情日志2友情鏈接源 代 碼： HTML： htmlheadtitle個(gè)人首頁(yè)/title //鏈接css link href= type=text/css rel=stylesheet//headbody div id=Applediv id=Headerdiv id=menu ul//字體屬性font face=Arial Black, Gadget, sansseriffont face=Comic Sans MS, cursivefont face=Verdana, Geneva, sansseriffont face=Courier New, Courier, monospacefont face=Georgia, Times New Romafont face=Tahoma, Geneva, sansserifliema href=個(gè)人首頁(yè)/a/em/li liema href=心情日志/a/em/li liema href=溫馨相冊(cè)/a/em/li liema href=技術(shù)文章/a/em/li /font/font/font/font/fontlifont face=Arial Black, Gadget, sansserif tahoma,=Tahoma, geneva,=Geneva, sansserif=sansserifa href=em個(gè)人檔案/em/a/font/liliema href=友情鏈接 /a/em/li/ul /div/divdiv id=banner//側(cè)欄div id=sidebar //個(gè)人信息pimg src= width=240 height=320 alt=/plistrongemName: Gloomy/em/strong/liliemstrongSex: Female/strong/em/liliemstrongAddress: Changsha/strong/em/liliemstrongTel: 10086/strong/em/liliemstrong: 913425678/strong/em/liliemstrongHobby: Reading/strong/em/liliemstrongProfetion: Student/strong/emstrong/strong/li/divdiv id=mainbody//主界面，文章及自我信息 liHello!Everyone that e in this web ,let me introduce e from Hunan Xiangtan in I live in a poor ,I think live in the countryside is I enjoy the clean air,I enjoy the silence and no body will disturbe can reading quietly,I can climb the mountain andappreciate the natural beautiful ,there are lots of wild animal,just like wild pig,rabbit,all kinds of bird,