【正文】 長 沙 學 院個人博客設計說明書題目個 人 博 客 系 統(tǒng)系(部)計算機科學與技術系專業(yè)(班級)軟件服務外包四班姓名易 廣學號2010022413指導教師何文德老師起止日期20101001/20110401個人博客系統(tǒng)開發(fā)實戰(zhàn)任務書系 計算機科學與技術系 專業(yè) 軟件服務外包 班級 04班 設計人 _易廣_ 學號 2010022413 題目：個人博客系統(tǒng)一．階段任務： 1. 明確個人博客系統(tǒng)的實訓目的； 2. 明確個人博客系統(tǒng)的需求功能結構； 3. 定義個人博客系統(tǒng)的需求用例； 4. 制定個人博客系統(tǒng)的開發(fā)計劃；二．項目實戰(zhàn)： 1. 小組內制定計劃，給各小組成員分配任務； 2. 小組成員根據計劃設計好各自的網頁，按照要求，各個要素都要齊全，且界面要簡潔美觀，給人一種賞心悅目的感覺； 3. 提交好各自設計的網頁，將各個網頁鏈接起來，組成一個完整的個人博客系統(tǒng)；然后將完整的博客系統(tǒng)發(fā)給小組成員，根據各自的風格進行修改； 4. 交由知道審閱，確認無誤后，到指定網站上提交效果圖、源代碼、設計總結； 5. 寫出實訓報告書。三．實訓目的： 通過本實訓，應具有創(chuàng)建一個的靜態(tài)的小型個人網站，并將其發(fā)布到Internet上運行的能力。1. 掌握有關的計算機網絡信息的收集、加工、處理、發(fā)布與維護的基本框架與工作流程。2. 了解有關Web網站建設的基本概念與方法。3. 掌握網頁設計制作的基本概念，有關美學基本知識與設計制作流程。4. 掌握網絡信息發(fā)布與維護的方法。5. 掌握HTML、CSS、Javascript等頁面設計方面相關的技術。四．功能結構個人檔案心情日志技術文章特定功能友情鏈接溫馨相冊學生管理系統(tǒng)個人博客系統(tǒng)五．需求用例：1. 首頁展示 首頁主要顯示個人簡單檔案，最新的心情日志信息2. 個人檔案顯示 個人檔案主要保護一下幾個大的分類1 基本資料 用戶名、、昵稱、MSN、性別、移動電話、所在城市、固定電話、生日、Email2 自我評價 描述個人的評價信息3 開發(fā)經驗介紹個人的開發(fā)經驗4 教育背景介紹個人的教育經歷5 工作經驗介紹個人的工作經歷6 個人興趣介紹個人的興趣和愛好7 專業(yè)技能介紹個人的專業(yè)技能3. 心情日志列表顯示 列表顯示出所有的心情日志，包括日志名稱，發(fā)表時間。也可以考慮分頁顯示4. 心情日志詳細顯示 顯示指定日志的詳細信息5. 程序設計列表顯示 列表顯示出所有的程序設計文章，包括文章名稱，發(fā)表時間。也可以考慮分頁顯示6. 程序設計詳細顯示 顯示指定文章的詳細信息7. 網頁制作列表顯示列表顯示出所有的網頁制作文章，包括文章名稱，發(fā)表時間。也可以考慮分頁顯示8. 網頁制作詳細顯示 顯示指定文章的詳細信息9. 溫馨相冊列表顯示 列表顯示所有的相冊，包括相冊封頂和相冊名稱 顯示指定相冊下所有的相片 大圖顯示單張相片，可以以幻燈片的形式顯示 列表顯示友情信息 菜單欄如果有多個二級頁面可以采用下拉菜單的形式 頁面上要動態(tài)時間 頁面要實現跑馬燈效果六．開發(fā)計劃階 段任 務 名 稱開發(fā)時間（工作日）知識準備學習該項目開發(fā)所涉及到的技術知識以及相關知識2需求分析需求理解1系統(tǒng) 設 計首頁設計1個人檔案頁設計心情日志列表頁面/詳細頁面技術文章列表頁面/詳細頁面1溫馨相冊列表頁面/照片列表頁面/照片詳細頁面友情鏈接頁面編碼測試下拉菜單，跑馬燈，動態(tài)時間，幻燈片等特效制作1個人首頁制作2個人檔案頁面制作1心情日志列表/詳細頁面制作技術文章列表/詳細頁面制作溫馨相冊列表頁面/照片列表頁面/照片詳細頁面2友情鏈接頁面1第二套風格實現2測試1結 項發(fā) 布項目部署與發(fā)布項目總結合 計22長沙學院實訓鑒定表姓 名易 廣學號2010022413專 業(yè)軟 件 工 程班 級04設計題目個 人 博 客 系 統(tǒng)指導教師何文德指導教師意見：評定等級： 教師簽名： 日期： 答辯小組意見：評定等級：　　　　　答辯小組長簽名：　　　　　日期：　　　　教研室意見：教研室主任簽名： 日期： 　系（部）意見：系主任簽名：　　　　　　　　日期：　　　　　說明課程設計成績分“優(yōu)秀”、“良好”、“及格”、“不及格”四類；摘 要 在制作博客之前首先要明確個人博客系統(tǒng)到底要做什么，即個人博客系統(tǒng)都包含哪些內容，以及實現這些內容的要求。從而制定項目開發(fā)計劃，為更好的實現個人博客系統(tǒng)打好基礎。熟悉軟件項目項目開發(fā)過程首先要做的工作。 通過本實訓，應具有創(chuàng)建一個靜態(tài)的小型的個人網站，并將其發(fā)布到Internet上運行的能力。效果圖的設計需要用到繪圖工具，例如畫圖、photoshop等等，也可能會遇到技能不足而無法按時執(zhí)行的情況?？赏ㄟ^其他的途徑尋找解決方案，例如網絡資源、其他繪圖能力突出的人員等。在系統(tǒng)設計階段，也不可為了過分追求視覺上的沖擊，花大量的精力在效果圖制作上，更重要的是內容上面的充實，讓用戶感覺到優(yōu)雅，實用的效果。詳細知識請參見光盤附帶的設計效果圖樣例。 關鍵字，博客、效果圖、工具、簡潔美觀，實用詳細操作：請見書本p9目 錄一．個人博客系統(tǒng)開發(fā)實戰(zhàn)任務書1二．長沙學院實訓鑒定表5三．摘 要6四．效果圖8五．源代碼14效 果 圖個人檔案個人首頁技術文章1技術文章2溫馨相冊1溫馨相冊2總結溫馨相冊3心情日志1心情日志2友情鏈接源 代 碼： HTML： htmlheadtitle個人首頁/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=個人首頁/a/em/li liema href=心情日志/a/em/li liema href=溫馨相冊/a/em/li liema href=技術文章/a/em/li /font/font/font/font/fontlifont face=Arial Black, Gadget, sansserif tahoma,=Tahoma, geneva,=Geneva, sansserif=sansserifa href=em個人檔案/em/a/font/liliema href=友情鏈接 /a/em/li/ul /div/divdiv id=banner//側欄div id=sidebar //個人信息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,