個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)_第1頁
個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)_第2頁
個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)_第3頁
個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)_第4頁
個(gè)人博客系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)_第5頁
已閱讀5頁，還剩18頁未讀， 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡介

文與實(shí)現(xiàn)號(hào)101406107姓 名：專班級(jí)算機(jī)多媒體術(shù)指導(dǎo)教師：完成日期2013 年3 月29 日?qǐng)?bào)BBS:;其他交Web2.0特征內(nèi)功經(jīng)成戶性化川。本首先介紹概念和點(diǎn)更深入理解化還將其BBS人站進(jìn)行比較。然后闡述展歷史詳細(xì)分析三款內(nèi)化。然性千其更、性化、性。HTMLS樣作DreamWaver研究基礎(chǔ)上其中功詳細(xì)述。本系和行功具降低成本。關(guān)鍵詞、、、tggmasaspecifick,differenceisthatthetraditionalforumBBS:Theuserisabletohaveaspaceoftheirown,accordingtotheirpreferencesinadditiontofriendlypostneedtodesignthelayout,definedfunctions;accumulatedintheprocessofinteractionwithotherusersabletotraceintoastring,areviewofthehistory,combinedwithfeaturesinherentfunction,thebloghasbecomeauserofinformationplatformSichuan.Thispaperfirstintroducestheconceptsandfeaturesoftheblog,morein-depthunderstandingoftheblogculturealsocomparedwithBBSandpersonalwebsites.Thendescribedthehistoryofthedevelopmentoftheblog,andadetailedanalysisofthethreemainstreamcommercialblogsystem.Althoughtheyhaveagreatdealofdiversityintermsofperformance,butthecommondefectsupdatesslow,thepersonalizedweak,high-performanceandhighinvestmentcoexist.characteristics,thedefinitionofCSS,style,anditsroleisdescribedindetailinthethesis,andalsointroducescharacteristics.Andonthebasisofthetheoreticalresearch,designofablogsystem,andtheofwhichseveralfunctionsdiscussedindetail.Thesystemdevelopmentandruntimeplatform,opensourcebutalsoapowerfultooltocosts.fne一5（一）開發(fā)背景 5（二）開發(fā)意義 5（三）論文的主要工作 6二相關(guān)技術(shù)與開發(fā)平臺(tái) 7（一）HTML 7（二）CSS 7（三）Dreamwaver 9三系統(tǒng)需求分析 11四系統(tǒng)設(shè)計(jì) 12（一）總體設(shè)計(jì) 12（二）博客系統(tǒng)開發(fā)框架 12（三）交互設(shè)計(jì) 13五系統(tǒng)實(shí)現(xiàn) 15（一）系統(tǒng)主頁 15（二）日志管理 17（三）照片管理 17（四）網(wǎng)絡(luò)素材 20（五）我的作品 20六22、緒論（）博客(Blog)199719992002[1]。博客作為BBS能夠、的，同Web2.0的內(nèi)在功能，博客己成為個(gè)用戶的個(gè)性化信息平臺(tái)[2]。個(gè)互網(wǎng)的的用戶是作為個(gè)信息的者地個(gè)網(wǎng)信息，著網(wǎng)絡(luò)的日，網(wǎng)頁的出現(xiàn)，使互網(wǎng)與用戶交互的能不種用是在這種背景是個(gè)的網(wǎng)絡(luò)用程是博客用的網(wǎng)絡(luò)技術(shù)以展現(xiàn)網(wǎng)絡(luò)服務(wù)的特，來了崇尚自、分享的風(fēng)尚[3]。博客的使用者可以自地發(fā)表自己的看法種逐漸增多的博客用戶成為種的信息傳播力量，成為信息的提供者。（二）開發(fā)意義2002中國，其量不1;2003約20;2004候博客量200;20051600;20066000。個(gè)數(shù)增長放慢絕對(duì)數(shù)增加數(shù)字預(yù)會(huì)達(dá)到甚至?xí)黄埔蚩梢苑治鍪紫茸罱K規(guī)模實(shí)扮演色向者、提供并舉轉(zhuǎn)變自聲音雖然微弱但通過博客聚合已經(jīng)和正在成為互聯(lián)網(wǎng)上一股愈來愈強(qiáng)力量用積[4]。（三）主要工作文將實(shí)現(xiàn)一個(gè)博客和第2實(shí)現(xiàn)和HTMCSSDreamWaver3求4設(shè)計(jì)過程5，論文實(shí)現(xiàn)。在6目。二、相關(guān)技術(shù)與開發(fā)平臺(tái)（一） HTML超級(jí)文本標(biāo)記語言[2]（英文縮寫：HTML）是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個(gè)應(yīng)用，其中的內(nèi)容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。瀏覽器按順序出其錯(cuò)誤，且不停止其解釋執(zhí)行過程，編制者只能通過顯示效果來分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是，對(duì)于不同的瀏覽器，對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋，因可能會(huì)有不同的顯示效果[5]。，也是網(wǎng)（WWW）行的原因一，其要如下：2.1HTML要編號(hào) 點(diǎn) 超級(jí)文本標(biāo)記語言本級(jí)用超，加1 可2

。符等要，超級(jí)文本標(biāo)記語言的，性來。用MAC人平臺(tái)無3 萬關(guān)性網(wǎng)（WWW）行的一個(gè)原因。（二） CSS級(jí)（CascadingStyleSheet）“CSS”，通常又“風(fēng)（e t ），它是用來行網(wǎng)頁的。如，如果字點(diǎn)是的，標(biāo)后字的且有下，是一種。通過設(shè)，可以一制 中各標(biāo)的顯示。級(jí)可以能有以及創(chuàng)建特殊果的能力[6]。CSS[1]是英語CascadingStyleSheets（層疊樣式表單）的縮寫，它是一種用來表現(xiàn)HTML或XML等文件樣式的計(jì)算機(jī)語言。CSS表現(xiàn)與內(nèi)容分離的一種樣式設(shè)HTMLCSS中的對(duì)象的位置排版進(jìn)行像素級(jí)的精確對(duì)象和模型樣式編輯的能CSS[6]。：樣式外內(nèi)行部頁內(nèi)樣 樣 樣式 式 式內(nèi)樣式創(chuàng)建的樣式表。行內(nèi)樣式用內(nèi)樣式到各元素。一種法有優(yōu)所有或的一用相同樣式時(shí)，可使用樣式表。一或樣式表中定它到所有能確所有的一果定樣式表中一到所有與樣式表相的。樣式表以.css，Mystyles.css。樣式的中進(jìn)來，：<linkhref="/css/Mystyles.css"rel="stylesheet"type="text/css"/>們只是定義前的樣式表是一種“嵌”在網(wǎng)頁的<HEAD>中的只能在同一網(wǎng)<styletype="text/css">/*html這style*/body{background:grey;}--></style>使用內(nèi)嵌以應(yīng)用<pstyle="@importurl('style3.css');">CSSdocument</p><!-style屬性中使用@import將擴(kuò)充或覆蓋外部中的指定屬性。（三）DreamwaverMacromedia[7]。它使用所見即所得的接口HTMLMacWindowsMacromediaeexr了MXOpera的排版引擎"PrestoDreamwaver的優(yōu)勢體現(xiàn)在制作效率網(wǎng)站和制能上。(1). 制作效率rsdp工具上的可定接的網(wǎng)頁對(duì)制只一個(gè)步驟便可完成Dreamweaver您喜愛的計(jì)工具如PlaybackFlashShockwave和外掛模組搭配不需離開DreamweaverDreamweavr

可體用自。外只可使開FireworPhotosho編輯定的8。網(wǎng)站HTML度未連續(xù)之輕易轉(zhuǎn)換成表格的層置的式進(jìn)行置。所所得Dreamweaver成功動(dòng)式視覺編輯及的支援能力Third-partyASPApache，BroadVisionColdFusion，iCATTango的軟您Dreamweaver設(shè)計(jì)動(dòng)頁您需要透過瀏覽器能預(yù)覽頁。夢幻樣XMLDreamweaver將內(nèi)容分開快團(tuán)隊(duì)建立外觀部內(nèi)容內(nèi)容卻小心可輸入XML內(nèi)容呈現(xiàn)網(wǎng)頁，位的的器。對(duì)于cascadingstylesheets的動(dòng)HTML標(biāo)換，和動(dòng)DHTMLNetscape和Microsoft瀏覽器上執(zhí)行。同瀏覽器檢示功能告知您在同瀏覽器上執(zhí)行的成效如何有新的瀏覽器上市只要從 Dreamweaver的下載它的描述檔，便得知詳盡的成效報(bào)告。、系統(tǒng)需求分析在校老師的博客系統(tǒng)。因此本系統(tǒng)有明顯的教師群體的個(gè)性化特征;在系統(tǒng)的功能上要以師生交流為主要目;界設(shè)要、人性化、動(dòng)，以學(xué)生的興趣和。本系統(tǒng)現(xiàn)以博網(wǎng)客照絡(luò)我關(guān)左內(nèi)片素的于鄰容管材作自右管理管品己舍理理圖3.1、系統(tǒng)設(shè)計(jì)（一）總體設(shè)計(jì)4.1素材管理，我的作品管理，關(guān)于自己和左鄰右舍等。博網(wǎng)客照絡(luò)我關(guān)左內(nèi)片素的于鄰容管材作自右管理管品己舍理理圖4.1系統(tǒng)需求分析（二）博客系統(tǒng)開發(fā)框架博客系統(tǒng)是典型的B/S直接相鄰的層，層的層具體，只層用接據(jù)以用將應(yīng)用程序分用層，業(yè)務(wù)層和數(shù)據(jù)訪問層。用層只接用在的據(jù)需要將數(shù)據(jù)理業(yè)務(wù)層則照一的業(yè)務(wù)規(guī)則對(duì)數(shù)據(jù)進(jìn)行一定將數(shù)據(jù)數(shù)據(jù)是數(shù)據(jù)數(shù)據(jù)據(jù)需用數(shù)據(jù)數(shù)據(jù)的封裝了層的層據(jù)需將的數(shù)據(jù)用層。層將的數(shù)據(jù)示在，呈系統(tǒng)的用。;。4.2web（三）交互設(shè)計(jì)交互設(shè)計(jì)目使產(chǎn)品讓戶簡單使何產(chǎn)品都通過人提供方導(dǎo)快便航速退功反出能饋則則的控面允許兼用鼠標(biāo)和鍵盤語言4.21)2)“3)同種同時(shí)可以多種可4)例如用手機(jī)寫新短信時(shí)候收到短信或電話完成回來仍夠找到剛才正寫新短信5而非技術(shù)6)給心理上暗避免焦急7)方8導(dǎo)隨時(shí)轉(zhuǎn)移很容易從個(gè)跳到另外個(gè)“返“小公告”和“長廊”代碼：<tr><tr><tdcolspan="5"rowspan="3"><mapname="FPMap0"><areahref="rj.htm"shape="rect"coords="51,33,131,56"><areahref="xp.htm"shape="rect"coords="57,61,135,86"><areahref="sc.htm"shape="rect"coords="61,91,142,116"><areahref="zp.htm"shape="rect"coords="65,119,148,145"><areahref="zj.htm"shape="rect"coords="61,149,144,177"><areahref="lj.htm"shape="rect"coords="54,180,132,208"></map><imgsrc="images/index_08.gif"width="196"height="275"alt=""usemap="#FPMap0"border="0"></td><td><imgsrc="images/Spacer.gif"width="1"height="83"alt=""></td><tdrowspan="8">alt=""></td><tdcolspan="2"rowspan="6"><iframe name="I1" width="392" height="344" align="middle"src="pic/rj.htm"border="0"frameborder="0">。</iframe></td><tdrowspan="9"><img src="images/index_11.gif" width="119" alt=""></td><td><imgsrc="images/Spacer.gif"width="1"height="120"alt=""></td></tr><tr><td><imgsrc="images/Spacer.gif"width="1"height="72"alt=""></td></tr>“”后即可得到列表如圖5.25.2列表5.2左側(cè)依然為導(dǎo)航欄方便用戶返回到或者直接進(jìn)行其它操作。這種設(shè)計(jì)模式使得使用網(wǎng)站變得極為容易。三照片varfrom=varto=4;vardelay55;varfrom=varto=4;vardelay55;//閃速度varglowColor"lime";//varito;varj=0;textPulseDown();functiontextPulseUp(){if(!document.all)returnif(i<to){theText.style.filter="Glow(Color="+glowColor+",Strength="+i")";i++;theTimeout=setTimeout('textPulseUp()',delay);return0;}if(i=to){theTimeout=setTimeout(

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論