網(wǎng)站的設計和實現(xiàn)畢業(yè)論文_第1頁
已閱讀1頁,還剩12頁未讀, 繼續(xù)免費閱讀

下載本文檔

版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領

文檔簡介

1、<p><b>  畢 業(yè) 論 文</b></p><p>  論文題目: NBA 網(wǎng)站的設計和實現(xiàn) </p><p><b>  摘 要</b></p><p>  伴隨著社會的發(fā)展與進步,籃球體育在人們的日程生活中扮演著越來越重要的角色,成為生活的調和劑。在日常生活中我們可以深刻的感受到籃球帶給我們的意義

2、所在。 漸漸的,從愛看每一場比賽到愛看每一個球員,偶像換了一個又一個,但他們交給我的東西都一樣:決不認輸,永不放棄。NBA就是這樣,無論對方強弱,一開始便激烈拼搶,連續(xù)48分鐘的互相爭斗,沒有一絲的松懈,直到最后一分鐘,最后一秒鐘。這,就是他的魅力!這就是他們的魅力!無論失敗,還是成功,他們都去拼了;結果雖不盡相同,但沒有人感到不滿足,因為他們?yōu)樽约旱哪繕伺α耍床?,這就夠了!不僅是運動,不僅是永不服輸,NBA更需要不斷地拼搏!我愛

3、這拼搏,愛這拼搏的感覺,我也將為拼搏而不斷地拼搏!目前國內(nèi)的籃球網(wǎng)站有很多,但是關于NBA的網(wǎng)站較少。所以此網(wǎng)站應用而生。NBA網(wǎng)站展示NBA主要新聞信息,通過每個標題還可以點擊到各個網(wǎng)頁了解詳細信息。本網(wǎng)站主要以照片為主,文字解釋作為輔助。NBA網(wǎng)站的存在有著深遠的意義。</p><p>  [關鍵詞] PHPCMS 網(wǎng)站 籃球 </p><p><b>  

4、Abstract</b></p><p>  With the development of the society,the basketball sport plays an important role in our life.And it becomes a mixure of life.We can have a very profound feeling to what the basket

5、ball give us.Bit by bit,We first like every game,then we like every player.Our idol changes from one to another.But they teach us different things that is “Never gameness,Never give up” Such is NBA.Whatever strong or .Th

6、at is amazing.Whether the competion is successful or not ,they have a try.That is enough.NBA needs a </p><p>  Key words: PHPCMS, website, basketball</p><p><b>  目 錄</b></p&

7、gt;<p><b>  1 網(wǎng)站的主題1</b></p><p><b>  2 網(wǎng)站的規(guī)劃1</b></p><p>  3 網(wǎng)站的頁面設計1</p><p>  4頁面設計的主要技術2</p><p>  4.1 XHTML的關鍵標記元素、設計中常用的標記元素2<

8、/p><p>  4.2 CSS的介紹3</p><p>  4.3 joomla概述3</p><p>  4.3.1先進的網(wǎng)站技術的運用4</p><p>  4.3.2簡單且豐富的操作接口4</p><p>  4.3.3高度的客制和開發(fā)的彈性4</p><p>  5 Joomal

9、的技術實現(xiàn)4</p><p><b>  5.1管理后臺4</b></p><p>  5.1.1菜單介紹4</p><p>  5.1.2 頂部菜單4</p><p>  5.1.3 主菜單5</p><p>  5.1.4 內(nèi)容5</p><p>  5.1

10、.5 媒體管理器5</p><p><b>  論文注釋7</b></p><p><b>  參考文獻8</b></p><p><b>  致 謝9</b></p><p>  籃球不僅是運動,不僅是永不服輸,NBA更需要不斷地拼搏!我愛這拼搏,愛這拼搏的感覺,我

11、也將為拼搏而不斷地拼搏[1]!</p><p><b>  1 網(wǎng)站的主題</b></p><p>  籃球是我曾經(jīng)的夢,而NBA是這個夢最奪目的色彩,我知道我再也無法像以前一樣肆無忌憚的繼續(xù)著關于籃球的種種夢想,無法找回曾經(jīng)那種叱咤風云的感覺,但是,我會依然執(zhí)著地熱愛著她,它讓我明白了什么叫做爭取、也讓我明白了什么叫做努力、想要打得越好、就越要去努力、生命中沒有什么

12、不用努力就能爭取到的、一切的一切、都要靠自己努力、我想說、我不會再在籃球場上留下遺憾、盡管會輸、但也精彩、所以我將全力以赴、對待每一場、那怕會摔倒、更能激起我的斗心、摔得越厲害、斗心越強、想對自己說、加油……永遠將曾經(jīng)所有關于籃球美好的記憶珍藏[2]…… </p><p><b>  2 網(wǎng)站的規(guī)劃</b></p><p>  網(wǎng)站只要由一個主網(wǎng)頁,還有若干個通過超鏈

13、接進入的網(wǎng)頁。主網(wǎng)頁主要展示NBA一個大概信息,通過每個標題還可以點擊到各個網(wǎng)頁了解消息的信息[3]。本網(wǎng)站主要以照片為主,文字解釋輔助,因為照片統(tǒng)領了一個時刻的光彩和一個人精神,照片還有什么意義,那就是我們給這樣的照片賦予了背后的故事,或者后來的各種可能。所以照片所說的意義就是神秘的一種東西,它不會隨著時間的消失而消失。</p><p><b>  3 網(wǎng)站的頁面設計</b></p&

14、gt;<p>  4頁面設計的主要技術[4] </p><p>  XHTML是The Extensible Hypertext Markup Language(可擴展超文本標識語言)的縮寫。HTML是一種基本的WEB網(wǎng)頁設計語言,XHTML是一個基于XML的置標語言,看起來與HTML有些相象,只有一些小的但重要的區(qū)別,XHTML就是一個扮演著類似HTML的角色的XML,所以,本質上說,XHTML是

15、一個過渡技術,結合了部分XML的強大功能及大多數(shù)HTML的簡單特性[5]。 </p><p>  2000年底,國際W3C組織(World Wide Web Consortium)組織公布發(fā)行了XHTML 1.0版本。XHTML 1.0是一種在HTML 4.0基礎上優(yōu)化和改進的的新語言,目的是基于XML應用。XHTML是一種增強了的HTML,XHTML 是更嚴謹更純凈的 HTML 版本。它的可擴展性和靈活性將適

16、應未來網(wǎng)絡應用更多的需求。XML雖然數(shù)據(jù)轉換能力強大,完全可以替代HTML,但面對成千上萬已有的基于HTML語言設計的網(wǎng)站,直接采用XML還為時過早。因此,在HTML4.0的基礎上,用XML的規(guī)則對其進行擴展,得到了XHTML。所以,建立XHTML的目的就是實現(xiàn)HTML向XML的過渡。目前國際上在網(wǎng)站設計中推崇的WEB標準就是基于XHTML的應用(即通常所說的CSS+DIV)[6]。</p><p>  4.1

17、XHTML的關鍵標記元素、設計中常用的標記元素[7]</p><p><b>  基本結構標志 </b></p><p>  <HTML> ----------表示該文件為HTML文件 </p><p>  <HEAD> ----------包含文件的標題,使用的腳本,樣式定義等 </p><p>

18、;  <TITLE>HELLO WORLD!</TITLE> -包含文件的標題,標題出現(xiàn)在瀏覽器標題欄中 </p><p>  <HEAD> ----------</HEAD>的結束標志 </p><p>  <BODY> --------放置瀏覽器中顯示信息的所有標志和屬性,其中內(nèi)容在瀏覽器中顯 示

19、</BODY> </p><p>  </HTML> ----------<HTML>的結束標志 </p><p>  其它主要標志 以下所有標志用在<BODY></BODY>中 </p><p>  <A HREF="…"></A> ----------鏈接標志

20、,“…”為鏈接的文件地址 </p><p>  <IMG SRC="…"> ----------顯示圖片標志,“…”為圖片的地址 </p><p>  <BR> ----------換行標志 </p><p>  <P> ----------分段標志 </p><p>  <B&g

21、t;</B> ----------采用黑體字 </p><p>  <I></I> ----------采用斜體字 </p><p>  <HR> ----------水平畫線 </p><p>  <TABLE></TABLE> ----------定義表格,HTML中重要的標志 </p

22、><p>  <TR></TR> ----------定義表格的行,用在<TABLE></TABLE>中 </p><p>  <TD></TD> ----------表格單元,用在<TR></TR>中 </p><p>  <FONT></FONT>

23、 ----------字體樣式標志 </p><p><b>  屬性的用法: </b></p><p>  屬性是用來修飾標志的,屬性放在開始標志內(nèi)。 </p><p>  例如:屬性bicolor="BLACK"表示背景色為黑色。引用屬性的例子:<BODY bicolor="BLACK">

24、</BODY>表示頁面背景色為黑色,<TABLE bicolor="BLACK"></TABLE>表示表格背景色為黑色。 </p><p>  常用屬性:對齊屬性 范圍屬性 </p><p>  ALIGN=LEFT 左對齊(缺省值) WIDTH=象素值或百分比 對象寬度 </p><p>  ALIGN=CE

25、NTER 居中 HEIGHT=象素值或百分比 對象高度 </p><p>  ALIGN=RIGHT 右對齊 色彩屬性 </p><p>  COLOR=#RRGGBB 前景色 參考色彩對照表 </p><p>  BGCOLOR=#RRGGBB 背景色 </p><p>  4.2 CSS的介紹</p><p>  

26、CSS(Cascading Style Sheet,可譯為“層疊樣式表”或“級聯(lián)樣式表”)是一組格式設置規(guī)則,用于控制Web頁面的外觀。通過使用CSS樣式設置頁面的格式,可將頁面的內(nèi)容與表現(xiàn)形式分離。頁面內(nèi)容存放在HTML文檔中,而用于定義表現(xiàn)形式的CSS規(guī)則則存放在另一個文件中或HTML文檔的某一部分,通常為文件頭部分。將內(nèi)容與表現(xiàn)形式分離,不僅可使維護站點的外觀更加容易,而且還可以使HTML文檔代碼更加簡練,縮短瀏覽器的加載時間[8

27、]。</p><p>  在主頁制作時采用CSS技術,可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。</p><p>  只要對相應的代碼做一些簡單的修改,就可以改變同一頁面的不同部分,或者頁數(shù)不同的網(wǎng)頁的外觀和格式。</p><p><b>  它的作用可以達到:</b></p><p> ?。?/p>

28、1)在幾乎所有的瀏覽器上都可以使用。</p><p> ?。?)以前一些非得通過圖片轉換實現(xiàn)的功能,現(xiàn)在只要用CSS就可以輕松實現(xiàn),從而更快地下載頁面。</p><p>  (3)使頁面的字體變得更漂亮,更容易編排,使頁面真正賞心悅目</p><p> ?。?)你可以輕松地控制頁面的布局 。</p><p> ?。?)你可以將許多網(wǎng)頁的風格格

29、式同時更新,不用再一頁一頁地更新了。你可以將站點上所有的網(wǎng)頁風格都使用一個CSS文件進行控制,只要修改這個CSS文件中相應的行,那么整個站點的所有頁面都會隨之發(fā)生變動。</p><p>  想一想,沒有使用CSS前我們是如何控制字體的顏色和大小以及所使用的字體的?我們一般使用HTML標簽來實現(xiàn),代碼非常煩瑣。很難想象,如果在一個頁面里需要頻繁地更替字體的顏色大小,最終生成的HTML代碼的長度一定臃腫不堪說的實話,

30、CSS就是為了簡化這樣的工作誕生的,當然其功能決非這么簡單。 CSS是通過對頁面結構的風格控制的思想,控制整個頁面的風格的。式樣單放在頁面中,通過瀏覽器的解釋執(zhí)行,是完全的文本,任何懂得HTML的人都可以掌握,非常的容易[9]。</p><p>  4.3 joomla概述[10]</p><p>  4.3.1先進的網(wǎng)站技術的運用</p><p>  Joomla

31、應用了非常多的網(wǎng)站進步的新技術,像是「網(wǎng)站快取技術」可以加速網(wǎng)站的反應與效能?!窻SS新聞聯(lián)播與新聞讀取」是最近十分熱門的網(wǎng)站新聞讀取的技術,在部落格程序中(Blog)中十分常見。「SEO搜尋引擎最佳化」這個是目前所有網(wǎng)站必備的技術之一,這個功能主要是讓搜尋引擎更容易的瀏覽您網(wǎng)站上的數(shù)據(jù),讓更多人在搜尋引擎上找到您的網(wǎng)站,相當于為自己的網(wǎng)站帶來更多的人潮和商機。其實我們的網(wǎng)站就好比在互聯(lián)網(wǎng)這個大舞臺上來展示自己,更出色更貼近人們的需求我

32、們才能贏得商機,縱觀目前的行業(yè)中,比如說:音樂行業(yè)網(wǎng)站、交友網(wǎng)站、教育網(wǎng)站、汽車網(wǎng)站、服裝網(wǎng)站以及寵物網(wǎng)站等等,我們不難發(fā)現(xiàn)以下幾個行業(yè)將其運用的淋漓盡致。 </p><p>  龐大的附加套件及商機:來自全球上千種不同網(wǎng)站應用的附加套件及美工設計布景,都是以這套系統(tǒng)為基礎而開發(fā)。使用者可以很方便的安裝上這些附加套件,如同在桌上計算機中的Windows操作系統(tǒng)中,安裝新的軟件一般。開發(fā)社群總是發(fā)揮無止盡的創(chuàng)意,不

33、斷的開發(fā)符合使用社群需求的產(chǎn)品。Joomal的商用套件市場目前也有許多價廉物美的軟件及美工設計布景主題。</p><p>  4.3.2簡單且豐富的操作接口</p><p>  Joomal 的操作接口除了美觀之外,也花了很多心力在設計這些接口的簡易操作性。雖然初次使用者,需要花一點時間學習一下操作的方式,才能運用自如。但相信學會使用之后,這是很值得的。另外可搭配的多種所視即所得編輯程序

34、,更可讓對網(wǎng)頁設計語言不熟悉的管理者,很簡易的就可以管理和編輯網(wǎng)站上的文章[11]。</p><p>  4.3.3高度的客制和開發(fā)的彈性</p><p>  對于網(wǎng)站程序開發(fā)者和美工設計者,Joomal保留了最大的客制化彈性和整合能力。全世界的網(wǎng)站相關開發(fā)人員,都十分關注與推薦這套系統(tǒng)。是由于這套系統(tǒng)不斷在強大能力與客制彈性之間找尋平衡點,受到許多知名廠商的使用[12]。</p&g

35、t;<p>  5 Joomal的技術實現(xiàn)</p><p><b>  5.1管理后臺</b></p><p><b>  5.1.1菜單介紹</b></p><p>  菜單有使導航網(wǎng)頁上盡可能容易為用戶。那里不同的菜單不同的任Joomla !已預定四種菜單中的樣本數(shù)據(jù)。我們可以添加許多額外的菜單或作為您想

36、,當然,也禁用。第四菜單,順便說一下,是不會顯示在我們的例子。已登記的用戶看到了所謂的用戶菜單后,他或她登錄。</p><p>  5.1.2 頂部菜單</p><p>  在頂部菜單中的高增長是在網(wǎng)頁上。它使用戶快速訪問最重要的網(wǎng)頁內(nèi)容。這樣的菜單往往顯示產(chǎn)品,聯(lián)系人和公司信息。</p><p><b>  5.1.3 主菜單</b><

37、/p><p>  主菜單是中央導航領域的網(wǎng)頁。應該永遠是一個鏈接,返回第一頁。這個菜單應該會出現(xiàn)在相同的位置的每個頁面上的網(wǎng)站。主菜單是一個重要的方向發(fā)生的用戶。</p><p><b>  5.1.4 內(nèi)容</b></p><p>  內(nèi)容結構可以比較的目錄樹的硬盤。我們可以創(chuàng)建許多文章和類別你想要的。我們可以使用此結構上的一篇文章,但沒有通過

38、。我們可以選擇存檔內(nèi)容。在這種情況下,結構所承擔的檔案。 </p><p>  一個復選框前面的標題,我們可以使用選擇的因素,要修改。如果我們選中復選框的標題中,所有的內(nèi)容被選中的名單。標題是鏈接到編輯模式的文章。發(fā)布的文章顯示是否出版(綠色對號)或沒有(紅十字會)。除了這兩個符號有可能,這一條是過去的出版日期和這一因素已經(jīng)在存檔。有傳說中的

39、圖標為頁腳的網(wǎng)頁;之前的符號(在等待模式)和過期也有解釋。頭版的文章顯示是否出版(綠色對號)在頭版或不(紅十字會) 。在該命令欄,我們可以將物品按一下綠色箭頭的每篇文章。我們也可以排序的項目進入了一個號碼,隨后單擊磁盤圖標在標題中。 在訪問中,我們可以看到綠色公共聯(lián)系。我們可以更改訪問權限的三個群體之間的公共,登記,特別通過點擊其中的鏈接。 ID是Dataset的一些內(nèi)部的MySQL表。這個ID會重新出現(xiàn)在該URL到該項目。科的部分文章

40、被派往。如果我們點擊鏈接,會被帶到該科: [編輯]畫面。物品,有一節(jié)被認為是未歸類。類是結構下的部分,這一項目已被分配。點擊鏈接,我們可以到分類: [編輯]畫面。作者是文章作者。點擊此鏈接將帶我們到用戶管理器。日期是創(chuàng)建日期的文章。為了顯示我們的項目,我們必須首先創(chuàng)建一個類[13]。 為</p><p>  5.1.5 媒體管理器</p><p>  我們可以設想媒體經(jīng)理工作領域就

41、像一個文件資源管理器或像一個FTP程序在我們的操作系統(tǒng)[15]。默認情況下,我們可以上傳文件以JPG ,動畫和PNG后綴和管理這些在不同的目錄。這是特別有用的經(jīng)理時,我們沒有FTP訪問,即使我們有管理的權利。有兩個標簽在媒體領域:縮略圖視圖,其中顯示預覽的文件圖標,并詳細查看選項卡,其中顯示的名稱和大小的文件清單中。除了這些標簽上,有一個單獨的領域,文件夾和文件。如果您按一下左側的文件夾,您會看到文件夾中所載的權利。所有的媒體, Joo

42、mla !使用默認情況下,特別是笑臉圖形的M_images文件夾[16],是由媒體管理下職能可說到媒體管理:創(chuàng)建和刪除目錄(刪除只能從詳細查看),上傳和刪除單個或多個文件。</p><p><b>  論文注釋</b></p><p> ?。?]易小荷:《體育畫報》,花城出版社 ,2003年4月第11版,第15-19頁。</p><p> ?。?/p>

43、2]易小荷:《體育畫報》,花城出版社 ,2003年4月第11版,第45頁。</p><p> ?。?]楊選輝:網(wǎng)頁設計與制作教程[M].北京:清華大學出版社,2009。</p><p> ?。?]陳紅飛: PHP內(nèi)容管理系統(tǒng):Joomla快速建站指南. 電子工業(yè)出版社,第23-35頁。</p><p>  [5]王誠君,劉振華,郭竑暉,高中山:Dreamweaver

44、手冊 電子工業(yè)出版社; ,第24-26頁。</p><p>  [6]網(wǎng)頁設計應用教程[M].北京:清華大 學出版社,2007。</p><p> ?。?]王永福:Joomla架站123:圖解入門很簡單(已釋放免費電子書版本) ,第2-9頁。</p><p> ?。?]董冠伯:Joomla 1.5架站123-圖解入門很簡單棋峰,第9-19頁。&l

45、t;/p><p> ?。?]知新文化. HTML 完全手冊與速查辭典[M].北京:科學出版社,2007。</p><p> ?。?0]吳濤濤 :Joomla建站步步通 人民郵電出版社,第11-15頁。</p><p> ?。?1]胡崧: HTML 從入門到精通[M].北京:中國青年出版社,2007。</p><

46、p>  [12]uke Welling (作者), Laura Thomson (作者), 武欣 (譯者) :php和mysql web開發(fā)(原書第4版),機械業(yè)出版社; 第1版 (2009年2月1日) ,第22-30頁。</p><p> ?。?3] 嘉璽:BLOG啟示錄:WordPress博客建設與經(jīng)營, 清華大學出版社; 第1版 (2010年7月1日) ,第5-9頁。</p>

47、<p> ?。?4]方擎 :Drupal高手建站技術手冊,電子工業(yè)出版社; 第1版 (2010年10月1日) ,第44-46頁。</p><p> ?。?5]楊宇:PHP典型模塊與項目實戰(zhàn)大全 ,清華大學出版社; 第1版 (2012年1月1日),第22-28頁。</p><p>  [16] 周德華,許銘霖:新編網(wǎng)頁設計教程[M].北京:冶金工業(yè)出版社,2006。<

48、;/p><p><b>  參考文獻</b></p><p> ?、?王永福:Joomla架站123:圖解入門很簡單,棋峰,第2-9頁。</p><p> ?、?王永福 / 董冠伯:Joomla 1.5架站.123-圖解入門很簡單棋峰,第9-19頁。</p><p> ?、?吳濤濤:Joomla建站步步通. 人民郵

49、電出版社,第11-15頁。</p><p>  ④ uke Welling (作者), Laura Thomson (作者), 武欣 (譯者) :php和mysql web開發(fā)(原書第4版),機械工業(yè)出版社; 第1版 (2009年2月1日) ,第22-30頁。</p><p> ?、?劉韜,樓興華:SQL Server2000數(shù)據(jù)庫系統(tǒng)開發(fā)實例導航. 北京:人民郵電出版社,2004.。&l

50、t;/p><p> ?、?丁寶康,董健全: 數(shù)據(jù)庫實驗教程. 北京:清華大學出版社, 2003:125-170。</p><p> ?、?孫強. 基于:ASP.NET的專題網(wǎng)站的研究與設計. 東北師范大學,2006。</p><p>  ⑧ Michele Leroux Bustamants.Secure your ASP.NET Apps and WCF servic

51、es with Windows CardSpace. MSDN Magazine,April 2007.肖建編: ASP.NET編程實例與技巧集粹. 北京:北京希望電子出版社,2003。 </p><p>  ⑨ Jesse Libert.Programming :C#中文版. 電子工業(yè)出版社,2006。</p><p>  ⑩ 米切爾的等編著:ASP.NET權威指南. 北京:中國電力出版

52、社,2003。</p><p><b>  致 謝</b></p><p>  光陰似箭,歲月如梭,不知不覺我即將走完大學生涯的3個年頭,回想這一路走來的日子,父母的疼愛關心,老師的悉心教誨,朋友的支持幫助一直陪伴著我,讓我漸漸長大,也慢慢走向成熟。 </p><p>  首先,我要衷心感謝一直以來給予我無私幫助和關愛的老師們,特別

53、是我的導師。謝謝你們這3年以來對我的關心和照顧,從你們身上,我學會了如何學習,如何工作,如何做人。 </p><p>  其次,我還要真誠地謝謝本宿舍全體人們,在這3年當中,你們給予了我很多幫助,在我的學習工作生活各個方面,你們給我提出了很多寶貴的建議,我的成長同樣離不開你們。 </p><p>  再次,我還要認真地謝謝我身邊所有的朋友和同學,謝謝你們,你們對我的關心

溫馨提示

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

評論

0/150

提交評論