初中英語短語練習(xí)網(wǎng)站

1、<p><b>　　河北農(nóng)業(yè)大學(xué)</b></p><p>　　本科畢業(yè)論文(設(shè)計)</p><p>　　題 目： 初中英語短語練習(xí)網(wǎng)站 </p><p>　　學(xué) 院： 信息科學(xué)與技術(shù)學(xué)院 </p><p>　　專業(yè)班級：

2、 計算機1001班 </p><p>　　學(xué) 號： 2010234030321 </p><p>　　學(xué)生姓名： 陸雷 </p><p>　　指導(dǎo)教師姓名： 常淑惠 </p><p

3、>　　指導(dǎo)教師職稱： 副教授 </p><p>　　二O一四年五月三十日</p><p><b>　　摘要</b></p><p>　　通過使用開發(fā)的初中英語短語網(wǎng)站，讓初中生在短語練習(xí)的過程中產(chǎn)生興趣，對于學(xué)習(xí)英語短語有著很好的幫助。網(wǎng)站提供了多元化的練習(xí)方式，讓乏味的英語不再那么的枯燥，而變

4、的有樂趣。這使得學(xué)生們更愿意去學(xué)習(xí)、練習(xí)短語，從而能有效的幫助初中生更好的掌握英語。</p><p>　　論文闡述了網(wǎng)站開發(fā)的目的，結(jié)合初中生在英語學(xué)習(xí)過程中缺乏樂趣的實際情況，利用 php語言作為開發(fā)的編程語言詳細闡述了初中生短語學(xué)習(xí)網(wǎng)站的開發(fā)。本網(wǎng)站以靜態(tài)網(wǎng)頁為主，以html5為網(wǎng)站制作頁面的語言。采用 mysql數(shù)據(jù)庫作為后臺數(shù)據(jù)庫。通過對數(shù)據(jù)庫基本理論的闡述并在此理論的指導(dǎo)下，詳細的給出了從初中英語短語網(wǎng)

5、站的數(shù)據(jù)分析。網(wǎng)站的總體設(shè)計、詳細設(shè)計與實現(xiàn)及網(wǎng)站的練習(xí)功能的各個環(huán)節(jié)都在網(wǎng)站的前后臺得以體現(xiàn)。</p><p>　　關(guān)鍵詞 ：html 、 css+div 、my sql 、 php、英語短語。</p><p><b>　　Abstract</b></p><p>　　In this paper, through the developmen

6、t of junior middle school English phrases, let students interested in the course of practice, for the study of English idioms have a very good help. There are many diversified practice, let the boring English not so dull

7、, and have fun. Make students willing to learn, practice. Can effectively help the junior middle school students to learn English well.</p><p>　　This paper expounds the purpose of website development, combin

8、ed with junior high school students lack of interest of the actual situation and needs in the process of English learning, using PHP language of programming language. This website to static Webpage, taking HTML5 as the w

9、eb page language. Using MySQL as the backstage database. Based on the basic theories of database States and under the guidance of this theory, gives a detailed analysis from the junior middle school English phrase webs&l

10、t;/p><p>　　Keywords:：html、css+div、mysql 、php、English phrases.</p><p><b>　　目錄</b></p><p><b>　　1緒論1</b></p><p>　　1.1系統(tǒng)開發(fā)背景1</p><p>　　1

11、.2系統(tǒng)開發(fā)的目的及意義1</p><p>　　1.3系統(tǒng)開發(fā)及運行環(huán)境3</p><p>　　2系統(tǒng)可行性分析及技術(shù)簡介4</p><p>　　2.1技術(shù)可行性4</p><p>　　2.2經(jīng)濟可行性4</p><p>　　2.3操作可行性4</p><p>　　2.4相關(guān)技術(shù)簡介

12、4</p><p>　　2.4.1 網(wǎng)頁制作工具Dreamweaver8介紹4</p><p>　　2.4.2 html技術(shù)5</p><p>　　2.4.3 css+div技術(shù)6</p><p>　　2.4.4 javascript6</p><p>　　2.4.5 php技術(shù)7</p>

13、<p>　　2.4.5 MySQL 數(shù)據(jù)庫7</p><p>　　3需求分析與設(shè)計及實現(xiàn)9</p><p><b>　　3.1需求規(guī)范9</b></p><p>　　3.1.1產(chǎn)品背景9</p><p>　　3.1.2產(chǎn)品概述9</p><p>　　3.1.3性能需求9<

14、;/p><p>　　3.1.4總體設(shè)計概述9</p><p>　　3.2系統(tǒng)功能描述10</p><p>　　3.3數(shù)據(jù)庫分析與設(shè)計10</p><p>　　3.4系統(tǒng)主要功能模塊實現(xiàn)11</p><p>　　3.4.1系統(tǒng)前臺11</p><p>　　3.4.2普通管理員模塊12<

15、;/p><p>　　3.4.3練習(xí)功能模塊13</p><p>　　3.5 php與數(shù)據(jù)庫的連接17</p><p><b>　　4結(jié)束語18</b></p><p><b>　　致謝19</b></p><p><b>　　參考文獻20</b>&

16、lt;/p><p><b>　　1緒論</b></p><p><b>　　1.1系統(tǒng)開發(fā)背景</b></p><p>　　隨著科技的發(fā)展，計算機本身經(jīng)歷了巨大的變化。計算機的概念也由原始的分立式走向今天的網(wǎng)絡(luò)式。網(wǎng)絡(luò)技術(shù)已逐漸成為現(xiàn)代信息技術(shù)的主流，網(wǎng)絡(luò)的概念也隨著Internet技術(shù)和應(yīng)用的發(fā)展而漸入人心。Internet

17、/Intranet的作用正為越來越多的人所認(rèn)識，通過網(wǎng)絡(luò)共享信息正成為科學(xué)研究的一種重要手段?？梢赃@么說，誰擁有信息，誰就能在科技信息革命的大潮中獲得主動權(quán)，就能獲取成功。</p><p>　　面對信息時代的挑戰(zhàn)，網(wǎng)絡(luò)的功能越來越強，國內(nèi)教育系統(tǒng)也在積極建設(shè)或升級計算機網(wǎng)絡(luò)，并已建成了規(guī)模較大的英語網(wǎng)站，全國也紛紛建立許多的初中英語練習(xí)網(wǎng)站，許多高校還有自己的英語練習(xí)的網(wǎng)站。英語短語練習(xí)網(wǎng)站是結(jié)合多媒體來發(fā)展英語

18、的一個橫好的媒介。</p><p>　　但是，目前很多的英語練習(xí)網(wǎng)站的利用率卻不是很高，主要原因是缺少好的練習(xí)應(yīng)用、有趣的方式。以前開發(fā)的網(wǎng)站往往是在單機上運行，或者采用單調(diào)的頁面開發(fā)出來的，對于今天因特網(wǎng)時代來說，這些網(wǎng)站很大程度上已經(jīng)不能滿足新生代的初中生更好的來學(xué)習(xí)英語。學(xué)習(xí)英語最初是自己背誦、練習(xí)，顯然在信息化發(fā)展的今天，這遠遠不能滿足新生代的初中生了。后來，一些簡單的英語短語練習(xí)的開發(fā)，這在很大程度上解

19、決了上述問題但是，這種網(wǎng)站如今也不能滿足的要求了，這主要是由于新生代的初中生接觸的對媒體越來越多。因此，開發(fā)多元化又有趣的英語短語練習(xí)網(wǎng)站是勢在必行。</p><p>　　本文正是在這種背景下提出的，目的是為了開發(fā)出一套功能完善、操作便捷、及時性好、適用面廣初中短語練習(xí)網(wǎng)站，以提高初中生學(xué)習(xí)英語效率。</p><p>　　隨著計算機互聯(lián)網(wǎng)技術(shù)的飛速發(fā)展，計算機在各行各業(yè)的應(yīng)用越來越廣泛，而

20、且網(wǎng)絡(luò)化是21世紀(jì)計算機技術(shù)發(fā)展的重要趨勢之一。目前，我國的計算機網(wǎng)絡(luò)發(fā)展己初具規(guī)模，大部分中學(xué)網(wǎng)都已開通。因此，如何充分利用中學(xué)網(wǎng)絡(luò)，發(fā)揮其巨大功能來為中學(xué)的教學(xué)和科研服務(wù)成為擺在我們面前的一個需要深入探討和解決的重大課題。隨著網(wǎng)絡(luò)技術(shù)的日益成熟，網(wǎng)頁技術(shù)的應(yīng)用已經(jīng)深入到了生活的每個角落。</p><p>　　一直以來人們使用傳統(tǒng)學(xué)習(xí)英語短語的方式，這種學(xué)習(xí)方式存在著許多缺點,如:效率低、趣味性低,另外時間一長

21、,學(xué)生們也會感覺到乏味,這對于學(xué)習(xí)英語帶來了不少困難。隨著科學(xué)技術(shù)的不斷提高,計算機科學(xué)日漸成熟,其強大的功能已為人們深刻認(rèn)識,它已進入人類社會的各個領(lǐng)域并發(fā)揮著越來越重要的作用。</p><p>　　1.2系統(tǒng)開發(fā)的目的及意義</p><p>　　21世紀(jì)以來，人類經(jīng)濟高速發(fā)展，人們發(fā)生了日新月異的變化，特別是計算機的應(yīng)用及普及到經(jīng)濟和社會生活的各個領(lǐng)域。使原本的舊的學(xué)習(xí)方法越來越不適應(yīng)

22、現(xiàn)在社會的發(fā)展。許初中生還停留在舊的一些網(wǎng)站乏味的練習(xí)方式中。這大大地阻礙了初中生學(xué)習(xí)英語的發(fā)展。為了適應(yīng)現(xiàn)代社會人們高度強烈的時間觀念，好的初中英語短語練習(xí)網(wǎng)站為學(xué)生帶來了極大的方便。近年來，隨著計算機技術(shù)、網(wǎng)絡(luò)技術(shù)的發(fā)展和普及，各行各業(yè)的工作信息化程度越來越高，教育行業(yè)也不例外。隨著英語在全球的普及，以及其在各行業(yè)的重要性。顯然我們要更好的來學(xué)習(xí)英語，二英語短語又是英語中重要的部分。英語在中學(xué)階段是一個需要熟記，和記憶的過程。因此開

23、發(fā)一個學(xué)習(xí)和復(fù)習(xí)英語短語網(wǎng)站就顯得尤為重要。隨著網(wǎng)絡(luò)的普及，我們的生活已經(jīng)離開不了網(wǎng)絡(luò)，在今天，網(wǎng)絡(luò)技術(shù)已經(jīng)相當(dāng)?shù)某墒欤乙呀?jīng)基本普及，網(wǎng)絡(luò)技術(shù)在生活中更是隨處可見，英語在現(xiàn)在是一門很重要的課程，隨著中國逐漸走進國際，使用英語的范圍也越來越廣?，F(xiàn)在在日常的生活中許多地方都用得到英語，如平常同學(xué)之間經(jīng)常說的口語：thanks、sorry。英語一門主要的課程，與語數(shù)英并列，英語以后是要考四六級的，現(xiàn)在不學(xué)好英語，以后</p>

24、<p>　　在各大中小學(xué)校，用簡單的網(wǎng)站練習(xí)來復(fù)習(xí)英語已經(jīng)越來越普遍了。用計算機不但可以提高學(xué)習(xí)效率，而且還節(jié)省了許多人力物力，增強了學(xué)生的自學(xué)性。為此，用網(wǎng)站來學(xué)習(xí)英語，是非常必要的。</p><p>　　初中英語短語練習(xí)網(wǎng)站是一個初中生對于學(xué)習(xí)英語的重要部分。一個功能齊全、簡單易用的初中英語短語網(wǎng)站不但能有效地減輕學(xué)生的學(xué)習(xí)壓力，全世界75％的電視節(jié)目是英語，四分之三的郵件是用英語書寫，電腦鍵盤是

25、英語鍵盤，任何一個會議敢號稱是國際會議，其會議工作語言一定要用英語，也是聯(lián)合國的正式工作語言。我們看到，很多官方的、政府性質(zhì)的活動、文件、交流方式都使用英語。外貿(mào)行業(yè)也把英語作為通用語言，外貿(mào)交往、國際禮儀、書信函電、進出口文件、還有銀行文件語言等等，統(tǒng)統(tǒng)以英語作為標(biāo)準(zhǔn)通用語言。大多數(shù)國家的高等學(xué)府，大學(xué)院校，都開設(shè)英語語言文學(xué)專業(yè)，僅在中國，就有一百多所大學(xué)設(shè)有英語專業(yè)或英語相關(guān)專業(yè)。電腦和互聯(lián)網(wǎng)，也是建立在英語的基礎(chǔ)上，這個行業(yè)的語

26、言，就是英語。</p><p>　　初中英語短語練習(xí)網(wǎng)站，其開發(fā)主要包括后臺數(shù)據(jù)庫的建立和維護以及前端應(yīng)用程序的開發(fā)兩個方面。對于前者要求建立起數(shù)據(jù)一致性和完整性強,數(shù)據(jù)安全性好的數(shù)據(jù)庫。而對于后者則要求練習(xí)功能完備、多遠化、有趣化。清晰明了又易操作等特點。本網(wǎng)站實現(xiàn)了初中英語短語練習(xí)的主要功能。</p><p>　　作為計算機應(yīng)用的一部分,使用計算機對學(xué)校的各類信息進行管理,具有手工管理

27、所無法比擬的優(yōu)點.例如:檢索迅速、查詢方便、效率高、可靠性好、存儲量大、保密性好、壽命長、成本低等。這些優(yōu)點能夠極大地提高學(xué)校信息管理的效率,也是一個單位科學(xué)化、正規(guī)化管理,與世界接軌的重要條件。</p><p>　　如今時代是飛速發(fā)展的信息時代，在各行各業(yè)中離不開信息處理，這正是計算機被廣泛應(yīng)用于學(xué)習(xí)的環(huán)境。而初中英語短語練習(xí)網(wǎng)站是一個學(xué)生們不可缺少的學(xué)習(xí)方式。它中國在近幾十年的確發(fā)生了翻天覆地的變化，各方面都

28、發(fā)展得很快。但是，不容置疑的是，我們在很多技術(shù)方面仍然落后于西方先進國家。要發(fā)展，要進步，要在較短的時間內(nèi)掌握各種技術(shù)，我們不可能單靠自己搞研究，必須學(xué)習(xí)發(fā)達國家先進的技術(shù)，而學(xué)習(xí)的必要前提便是要掌握世界通用技術(shù)交流語言－英語。就計算機程序開發(fā)為例，雖然目前的計算機操作系統(tǒng)已經(jīng)有中文版，但要進行應(yīng)用程序開發(fā)，程序還是用英語編寫的。高新技術(shù)資料大部分都是以英語編寫。印度雖然在很多方面的發(fā)展比不上中國，但印度的軟件開發(fā)業(yè)卻比中國發(fā)達很多，造

29、成這種差距的一個重要原因就是印度程序員普遍英語應(yīng)用水平比中國程序員高。我們在學(xué)習(xí)別人先進技術(shù)，經(jīng)驗的同時，也需要與世界各國展開各種技術(shù)上和經(jīng)濟上的合作。如果不懂英語，便無法與合作方溝通交流，也更談不上合作了。譬如某公司開發(fā)了一個具有世界水平的產(chǎn)品，如果能打開國際市場，前途將是一片光明。但偏偏公司人員不懂英語，無法很好地與國外客戶溝通，無法將產(chǎn)品的優(yōu)良性能展示出</p><p>　　1.3系統(tǒng)開發(fā)及運行環(huán)境<

30、/p><p>　　操作系統(tǒng)：WindowsXP/win7/win8；</p><p>　　數(shù)據(jù)庫：mysql；</p><p>　　服務(wù)器：Tomcat6.0</p><p>　　開發(fā)工具包：php以及html5；</p><p>　　2系統(tǒng)可行性分析及技術(shù)簡介</p><p>　　可行性研究（Fe

31、asibilityStudy）是為了弄清所定義的項目是不是可能實現(xiàn)并值得進行?？尚行匝芯康哪康氖怯幂^小的代價盡可能快的確定問題是否能夠解決，是否值得解決，并通過分析以避免冒太大的風(fēng)險。從技術(shù)、經(jīng)濟和操作三個方面分析本系統(tǒng)的可行性。</p><p><b>　　2.1技術(shù)可行性</b></p><p>　　初中英語短語練習(xí)網(wǎng)站，它采用了當(dāng)前流行的html5和Intern

32、et網(wǎng)絡(luò)技術(shù)。技術(shù)上的可行性分析主要分析現(xiàn)有技術(shù)條件能否順利完成開發(fā)工作，軟硬件配置能否滿足開發(fā)者需要等，這一特點非常適合計算機的特點，發(fā)揮計算機的數(shù)據(jù)處理速度快，準(zhǔn)確率高的優(yōu)勢，現(xiàn)代計算機硬件和軟件技術(shù)的飛速發(fā)展，為系統(tǒng)的建設(shè)提供了技術(shù)條件。由于對英語練習(xí)網(wǎng)站這一類的網(wǎng)站進行開發(fā)已有一定的時期，有很多成功的實例，技術(shù)基礎(chǔ)也已經(jīng)非常雄厚，因而技術(shù)上的準(zhǔn)備應(yīng)該不成問題。其相關(guān)技術(shù)簡介詳見2.4節(jié)。</p><p>

33、<b>　　2.2經(jīng)濟可行性</b></p><p>　　主要是對項目的經(jīng)濟效益進行評價，一方面是支出的費用，其中包括設(shè)備購置費，軟件開發(fā)費，管理和維護費，人員工資和培訓(xùn)費等。另一方面是取得的收益中可以用錢來衡量的那部分（收益的另一部分難以用錢來表示）?；谄髽I(yè)的現(xiàn)有計算機及配套設(shè)備，建設(shè)網(wǎng)站。不但能大大減少重復(fù)性的附資料的，學(xué)生的負(fù)重，提高初中生們的學(xué)習(xí)效率，而且能提初中生的樂趣性，為初中

34、生提供很方便。由于初中英語短語是一個比較小型的網(wǎng)站，是由我一個人進行開發(fā)的，所以從人力、物力、財力方面來說都是可行的。</p><p><b>　　2.3操作可行性</b></p><p>　　網(wǎng)絡(luò)化已經(jīng)成為社會的趨勢，本系統(tǒng)操作簡單方便，初中生們可以通過網(wǎng)站的提示就能輕松使用該網(wǎng)站。采用本網(wǎng)站，能夠使整個網(wǎng)站內(nèi)部所有數(shù)據(jù)的簡化的出現(xiàn)來幫助學(xué)生完成練習(xí)，提高學(xué)習(xí)效益。

35、由于采用最新更新的數(shù)據(jù)信息，使相關(guān)學(xué)習(xí)數(shù)據(jù)能夠快速地查詢所需的數(shù)據(jù)、資料及，使初中生們學(xué)習(xí)英語快速高效、笨企鵝具有樂趣性。</p><p><b>　　2.4相關(guān)技術(shù)簡介</b></p><p>　　2.4.1 網(wǎng)頁制作工具Dreamweaver8介紹</p><p>　　Macromedia Dreamweaver 8是建立Web站點和應(yīng)用程

36、序的專業(yè)工具。它將可視布局工具、應(yīng)用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)人員和設(shè)計人員都能夠快速創(chuàng)建界面吸引人的基于標(biāo)準(zhǔn)的網(wǎng)站和應(yīng)用程序。從對基于CSS的設(shè)計的領(lǐng)先支持到手工編碼功能，Dreamweaver提供了專業(yè)人員在一個集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用Dreamweaver及所選擇的服務(wù)器技術(shù)來創(chuàng)建功能強大的Internet應(yīng)用程序，從而使用戶能連接到數(shù)據(jù)庫、Web服務(wù)和舊式系統(tǒng)。

37、·</p><p>　　Dream weaver是在網(wǎng)頁設(shè)計與制作領(lǐng)域中用戶最多、應(yīng)用最廣、功能最強大的軟件，隨著Dream weaver 8的發(fā)布，更堅定Dream weaver在該領(lǐng)域的地位。它集網(wǎng)頁設(shè)計、網(wǎng)站開發(fā)和站點管理[1]功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網(wǎng)站設(shè)計、開發(fā)、制作的首選工具。其特點如下：</p><p>　　（1） 靈活的編寫方式D

38、ream weaver具有靈活編寫網(wǎng)頁的特點，不但將世界一流水平的“設(shè)計”和“代碼”編輯器合二為一，而且在設(shè)計窗口中還精化了源代碼，能幫助用戶按工作需要定制自己的用戶界面。</p><p>　?。?） 可視化編輯界面Dreamweaver是一種所見即所得的HTML編輯器，可實現(xiàn)頁面元素的插入和生成?；蛞暬庉嫮h(huán)境大量減少了代碼的編寫，同時亦保證了其專業(yè)性和兼容性，并且可以對內(nèi)部的HTML編輯器和任何第三方的HTM

39、L編輯器進行實時的訪問。無論用戶習(xí)慣手工輸入HTML源代碼還是使用可視化的編輯界面，Dreamweaver都能提供便捷的方式使用戶設(shè)計網(wǎng)頁和管理網(wǎng)站變得更容易。</p><p>　?。?） 功能更多的CSS支持——CSS可視化設(shè)計、CSS檢查工具</p><p>　?。?） 動態(tài)跨瀏覽器驗證當(dāng)保存時系統(tǒng)自動檢查當(dāng)前文檔的跨瀏覽器有效性，可以指定何種瀏覽器為測試用瀏覽器，同時系統(tǒng)自動檢驗以確

40、定頁面有沒有目標(biāo)瀏覽器不支持的tags或CSS結(jié)構(gòu)。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應(yīng)目前的主瀏覽器。</p><p>　?。?） 強大的WEB站點管理功能</p><p>　?。?） 內(nèi)建的圖形編輯引擎</p><p>　　（7） Dreamweaver的集成特性Dreamweaver 8繼承了Fireworks、Flash和Sho

41、ckwave的集成特性，可以在這些Web創(chuàng)作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網(wǎng)頁。</p><p>　?。?） 豐富的媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設(shè)計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網(wǎng)頁元素的動作和交互操作。Dreamweave

42、r還提供行為和時間線兩種控件來產(chǎn)生交互式響應(yīng)和進行動畫處理。</p><p>　?。?） 超強的擴展能力Dreamweaver還支持第三方插件，任何人都可以根據(jù)自己的需要擴展Dreamweaver的功能，并且可以發(fā)布這些插件。</p><p>　　2.4.2 html技術(shù) </p><p>　　首先html（HyperText Markup Language）是學(xué)

43、生會網(wǎng)站的基礎(chǔ)，html即超文本標(biāo)記語言?！俺谋尽本褪侵疙撁鎯?nèi)可以包含圖片、鏈接，甚至音樂、程序等非文字元素。超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（外語：Head）、和“主體”部分（外語：Body），其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容。</p><p>　　超級文本標(biāo)記語言文檔制作不是很復(fù)雜，但功能強大，支持不同數(shù)據(jù)格式的文件鑲?cè)?，其主要特點如下：簡易性、可擴展性、平臺無關(guān)性、通用性&

44、lt;/p><p>　　一個網(wǎng)頁對應(yīng)一個HTML文件，超文本標(biāo)記語言文件以.htm（磁盤操作系統(tǒng)DOS限制的外語縮寫）為擴展名或.html（外語縮寫）為擴展名?？梢允褂萌魏文軌蛏蒚XT類型源文件的文本編輯器來產(chǎn)生超文本標(biāo)記語言文件，只用修改文件后綴即</p><p>　　標(biāo)準(zhǔn)的超文本標(biāo)記語言文件都具有一個基本的整體結(jié)構(gòu)，標(biāo)記一般都是成對出現(xiàn)（部分標(biāo)記除外例如：<br/>），即超文

45、本標(biāo)記語言文件的開頭與結(jié)尾標(biāo)志和超文本標(biāo)記語言的頭部與實體兩大部分。有三個雙標(biāo)記符用于頁面整體結(jié)構(gòu)的確認(rèn)。</p><p>　　標(biāo)記符<html>,說明該文件是用超文本標(biāo)記語言（本標(biāo)簽的中文全稱）來描述的,它是文件的開頭;而</html>,則表示該文件的結(jié)尾，它們是超文本標(biāo)記語言文件的開始標(biāo)記和結(jié)尾標(biāo)記。<head></head>；這2個標(biāo)記符分別表示頭部信息的開始

46、和結(jié)尾。頭部中包含的標(biāo)記是頁面的標(biāo)題、序言、說明等內(nèi)容，它本身不作為內(nèi)容來顯示，但影響網(wǎng)頁顯示的效果。<body></body>；，網(wǎng)頁中顯示的實際內(nèi)容均包含在這2個正文標(biāo)記符之間。正文標(biāo)記符又稱為實體標(biāo)記。</p><p>　　2.4.3 css+div技術(shù)</p><p>　　DIV+CSS是WEB設(shè)計標(biāo)準(zhǔn)，它是一種網(wǎng)頁的布局方法。與傳統(tǒng)中通過表格（table）

47、布局定位的方式不同，它可以實現(xiàn)網(wǎng)頁頁面內(nèi)容與表現(xiàn)相分離。提及DIV+CSS組合，還要從XHTML說起。XHTML是一種在HTML基礎(chǔ)上優(yōu)化和改進的新語言，目的是基于XML應(yīng)用與強大的數(shù)據(jù)轉(zhuǎn)換能力，適應(yīng)未來網(wǎng)絡(luò)應(yīng)用更多的需求。</p><p>　　“DIV+CSS”其實是錯誤的叫法，而標(biāo)準(zhǔn)的叫法應(yīng)是XHTML+CSS。因為DIV與Table都是XHTML或HTML語言中的一個標(biāo)記，而CSS只是一種表現(xiàn)形式。也許其提

48、出者本意并沒有錯，但是跟風(fēng)者從表現(xiàn)曲解了其意思，認(rèn)為整個頁面就應(yīng)當(dāng)是DIV+CSS文件的組合。</p><p>　　css是層疊樣式表（Cascading Style Sheets）的縮寫，用于定義HTML元素的顯示形式，是W3C推出的格式化網(wǎng)頁內(nèi)容的標(biāo)準(zhǔn)技術(shù)。網(wǎng)頁設(shè)計者必須掌握的技術(shù)之一。</p><p>　　精簡的代碼，使用DIV+CSS布局，頁面代碼精簡，提高訪問速度、增加用戶體驗性

49、，div+css結(jié)構(gòu)清晰，很容易被搜索引擎搜索到，天生就是適合優(yōu)化seo，降低網(wǎng)頁大小，讓網(wǎng)頁體積變得更小。</p><p>　　頁面內(nèi)嵌法：就是將樣式表直接寫在頁面代碼的head區(qū)。類似這樣：</p><p>　　<style type="text/css"> <!-- body { background : white ; color : blac

50、k ; } --> </style></p><p>　　外部調(diào)用法：將樣式表寫在一個獨立的.css文件中，然后在頁面head區(qū)用類似以下代碼調(diào)用。</p><p>　　<link href="css/style.css" type="text/css" rel="stylesheet"/></

51、p><p>　　"@import"命令方法：類以下代碼, <style type="text/css" media="all">@import url( css/style01.css );</style></p><p>　　2.4.4 javascript</p><p>　　Jav

52、aScript是一種基于對象和事件驅(qū)動并具有相對安全性的客戶端腳本語言。同時也是一種廣泛用于客戶端Web開發(fā)的腳本語言，常用來給HTML網(wǎng)頁添加動態(tài)功能，比如響應(yīng)用戶的各種操作。是一種動態(tài)、弱類型、基于原型的語言，內(nèi)置支持類。一個完整的 JavaScript 實現(xiàn)是由以下 3 個不同部分組成的：核心（ECMAScript）、文檔對象模型（Document Object Model，簡稱DOM）、瀏覽器對象模型（Browser Objec

53、t Model，簡稱BOM）。</p><p>　　JavaScript是客戶端腳本語言，也就是說JavaScript是在用戶的瀏覽器上運行，不需要服務(wù)器的支持而可以獨立運行。</p><p>　　JavaScript程序是由若干語句組成的，語句是編寫程序的指令。JavaScript提供了完整的基本編程語句，它們是：</p><p>　　賦值語句、switch選擇語

54、句、while循環(huán)語句、for循環(huán)語句、for each循環(huán)語句、do...while循環(huán)語句、break循環(huán)中止語句、continue循環(huán)中斷語句、with語句、try…catch語句、if語句（if..else，if…else if…）。</p><p>　　Javascript加入網(wǎng)頁有兩種方法：直接方式和引用方式。大部分含有Javascript的網(wǎng)頁都采用這種方法，例如：</p><p

55、>　　<script type="application/javascript"><!--document.write("這是Javascript！采用直接插入的方法！");//-Javascript結(jié)束--></script></p><p>　　2.4.5 php技術(shù)</p><p>　　PHP（PHP:

56、 Hypertext Preprocessor的縮寫，中文名：“PHP：超文本預(yù)處理器”）是一種通用開源腳本語言。語法吸收了C語言、Java和Perl的特點，入門門檻較低，易于學(xué)習(xí)，使用廣泛，主要適用于Web開發(fā)領(lǐng)域。用PHP做出的動態(tài)頁面與其他的編程語言相比，PHP是將程序嵌入到HTML文檔中去執(zhí)行，執(zhí)行效率比完全生成HTML標(biāo)記的CGI要高許多；PHP還可以執(zhí)行編譯后代碼，編譯可以達到加密和優(yōu)化代碼運行，使代碼運行更快。PHP支持幾

57、乎所有流行的數(shù)據(jù)庫以及操作系統(tǒng)。開放的源代碼所有的PHP源代碼事實上都可以得到。PHP是免費的</p><p>　　和其它技術(shù)相比，PHP本身免費且是開源代碼。具有以下幾種優(yōu)勢：</p><p>　　快捷性：程序開發(fā)快，運行快，技術(shù)本身學(xué)習(xí)快。嵌入于HTML：因為PHP可以被嵌入于HTML語言，它相對于其他語言。編輯簡單，實用性強，更適合初學(xué)者。</p><p>　

58、　跨平臺性：由于PHP是運行在服務(wù)器端的腳本，可以運行在UNIX、LINUX、WINDOWS、Mac OS下。</p><p>　　效率高：PHP消耗相當(dāng)少的系統(tǒng)資源。</p><p>　　圖像處理：用PHP動態(tài)創(chuàng)建圖像,PHP圖像處理默認(rèn)使用GD2。且也可以配置為使用image magick進行圖像處理。</p><p>　　面向?qū)ο螅涸趐hp4,php5 中，面

59、向?qū)ο蠓矫娑加辛撕艽蟮母倪M，php完全可以用來開發(fā)大型商業(yè)程序。</p><p>　　專業(yè)專注：PHP支持腳本語言為主，同為類C語言。</p><p>　　PHP 在數(shù)據(jù)庫方面的豐富支持，也是它迅速走紅的原因之一，它支持下列的數(shù)據(jù)庫或是數(shù)據(jù)文件：Adabas 、D、 DBA、dBase 、dbm 、filePro 、Informix 、InterBase、mSQL 、Microsoft S

60、QL Server、·MySQL、Solid、Sybase、 Oracle 、PostgreSQL</p><p>　　2.4.5 MySQL 數(shù)據(jù)庫</p><p>　　MySQL是一個關(guān)系型數(shù)據(jù)庫管理系統(tǒng)，關(guān)聯(lián)數(shù)據(jù)庫將數(shù)據(jù)保存在不同的表中，而不是將所有數(shù)據(jù)放在一個大倉庫內(nèi)，這樣就增加了速度并提高了靈活性。MySQL所使用的SQL語言是用于訪問數(shù)據(jù)庫的最常用標(biāo)準(zhǔn)化語言。MySQ

61、L軟件采用了雙授權(quán)政策（本詞條“授權(quán)政策”），它分為社區(qū)版和商業(yè)版，由于其體積小、速度快、總體擁有成本低，尤其是開放源碼這一特點，一般中小型網(wǎng)站的開發(fā)都選擇MySQL作為網(wǎng)站數(shù)據(jù)庫。由于其社區(qū)版的性能卓越，搭配PHP和Apache可組成良好的開發(fā)環(huán)境。</p><p>　　與其他的大型數(shù)據(jù)庫例如Oracle、DB2、SQL Server等相比，MySQL自有它的不足之處，但是這絲毫也沒有減少它受歡迎的程度。對于一

62、般的個人使用者和中小型企業(yè)來說，MySQL提供的功能已經(jīng)綽綽有余，而且由于MySQL是開放源碼軟件，因此可以大大降低總體擁有成本。使用C和C++編寫，并使用了多種編譯器進行測試，保證源代碼的可移植性。MySQL使用標(biāo)準(zhǔn)的SQL數(shù)據(jù)語言形式，Mysql對PHP有很好的支持，PHP是目前最流行的Web開發(fā)語言。優(yōu)化的SQL查詢算法，有效地提高查詢速度。</p><p>　　3需求分析與設(shè)計及實現(xiàn)</p>

63、<p>　　軟件需求分析是軟件開發(fā)期的第一個階段，也是關(guān)系到軟件開發(fā)成敗的關(guān)鍵步驟。準(zhǔn)確、完整和規(guī)范化的軟件需求是軟件開發(fā)成功的關(guān)鍵。它的重要性在于讓用戶完全清楚對網(wǎng)站的確切要求，它不是確定網(wǎng)站怎樣完成它的工作，而僅僅是確定系統(tǒng)必須完成哪些工作。也就是對目標(biāo)系統(tǒng)提出完整、準(zhǔn)確、清晰、具體的要求。反復(fù)的調(diào)查和研究，了解數(shù)據(jù)庫的組織的詳細情況，了解網(wǎng)站的業(yè)務(wù)流程等系統(tǒng)需求，它對于設(shè)計好概念模型是至關(guān)重要的。而需求分析的好壞直接影

64、響到系統(tǒng)設(shè)計的好壞。</p><p><b>　　3.1需求規(guī)范</b></p><p>　　本網(wǎng)站根據(jù)初中生英語教材，將初中英語短語練習(xí)整個練習(xí)過程分成若干環(huán)節(jié)，通過網(wǎng)頁完成初中生放學(xué)后，自主練、學(xué)習(xí)英語的方式。運用數(shù)據(jù)庫及網(wǎng)頁技術(shù)，控制練習(xí)的各個環(huán)節(jié)，動態(tài)統(tǒng)計各種數(shù)據(jù)，完成對練習(xí)各個環(huán)節(jié)的質(zhì)量監(jiān)控。</p><p><b>　　3

65、.1.1產(chǎn)品背景</b></p><p>　　目前，我國的計算機網(wǎng)絡(luò)發(fā)展己初具規(guī)模，很多的英語網(wǎng)站都已開通。因此，如何充分利用初中英語短語練習(xí)網(wǎng)站來很好的幫助學(xué)生，發(fā)揮其巨大功能來為初中生學(xué)習(xí)英語服務(wù)成為擺在我們面前的一個需要深入探討和解決的重大課題。隨著網(wǎng)絡(luò)技術(shù)的日益成熟，網(wǎng)頁技術(shù)的應(yīng)用已經(jīng)深入到了生活的每個角落。</p><p><b>　　3.1.2產(chǎn)品概述&l

66、t;/b></p><p>　　初中英語短語練習(xí)網(wǎng)站，是將初中生各個學(xué)期中的短語分成若干環(huán)節(jié)，來進行練習(xí)。采用3種模式，通過網(wǎng)頁完成畢業(yè)論文各環(huán)節(jié)的信息采集工作，運用數(shù)據(jù)庫及網(wǎng)頁技術(shù)，控制英語短語練習(xí)各個環(huán)節(jié)，動態(tài)統(tǒng)計各種數(shù)據(jù)。</p><p><b>　　3.1.3性能需求</b></p><p>　　本系統(tǒng)由php語言所開發(fā)，所以具有

67、高度的可移植性。在軟件方面，響應(yīng)時間，更新處理時間都比較快且迅速，完全滿足初中學(xué)生需求。當(dāng)用戶需求，如操作方式，運行環(huán)境發(fā)生變化時，設(shè)計的網(wǎng)站要做適當(dāng)調(diào)整，靈活性非常大。</p><p>　　3.1.4總體設(shè)計概述</p><p>　　本網(wǎng)站整體設(shè)計非常簡單、明晰。程序設(shè)計時并不是一個網(wǎng)頁一個網(wǎng)頁設(shè)計的，而是以網(wǎng)站主頁為模板，分別制作其他頁面，采用統(tǒng)一的css+div布局，通過引入不同的j

68、avascript形成一個完整的網(wǎng)頁，減少了設(shè)計的工作。本次網(wǎng)站設(shè)計所有頁面均是以這種方式設(shè)計完成。對于后臺部分，前臺網(wǎng)站與數(shù)據(jù)庫連接后，即可通過數(shù)據(jù)庫在添加、修改英語短語。前臺用戶可以隨時復(fù)習(xí)其中的英語短語，同樣，后臺管理員進行的操作也會相應(yīng)的呈現(xiàn)在前臺。這種結(jié)構(gòu)，可以輕松的添加要都系的內(nèi)容。</p><p>　　系統(tǒng)主要實現(xiàn)的功能：學(xué)生能方便快捷的來完成英語短語的復(fù)習(xí)內(nèi)容?？梢院芎茫芸斓奶砑幼约阂獙W(xué)習(xí)、復(fù)習(xí)

69、的內(nèi)容。</p><p><b>　　3.2系統(tǒng)功能描述</b></p><p>　　本系統(tǒng)主要包括學(xué)生、管理員用戶二種角色。其功能主要有：</p><p><b>　　學(xué)生用戶：</b></p><p>　　直接登陸便能進行練習(xí)。</p><p><b>　　管理

70、員用戶：</b></p><p>　　在后臺添加和修改一些需要更改的數(shù)據(jù)。</p><p>　　初中生們進行練習(xí)的方式：</p><p>　　1、選擇：給你漢語意思，通過漢語意思在3個英語短語中，選擇出正確的那個答案</p><p>　　2、判斷：通過漢語意思判斷出給你的英語短語對還是錯。</p><p>

71、　　3、翻譯：圖中給你漢語意思，下面給短語的單詞，按順序排序。</p><p>　　4、答對了會有：加油啊的提示。答錯了會有：小伙子真棒，繼續(xù)努力的提示。</p><p>　　5、提示：如果遇見不會的會有提示查看</p><p><b>　　公告：</b></p><p>　　網(wǎng)站的更新會及時的出現(xiàn)在提示中。</p

72、><p>　　3.3數(shù)據(jù)庫分析與設(shè)計</p><p>　　數(shù)據(jù)庫是本網(wǎng)站的基礎(chǔ)，把英語短語數(shù)據(jù)按照一定的順序和單元組織起來，提供存儲、檢索數(shù)據(jù)的功能，使網(wǎng)站可以方便、及時、準(zhǔn)確安全的從數(shù)據(jù)庫中獲取所需要的信息。數(shù)據(jù)庫是網(wǎng)站的各個部分能否緊密的結(jié)合在一起以及如何結(jié)合的關(guān)鍵所在。</p><p>　　由于數(shù)據(jù)量不會很大，所以本網(wǎng)站設(shè)計采用數(shù)據(jù)庫mysql 存儲英語短語信息。

73、根據(jù)初中生每學(xué)期的要求增減信息，共3個表,uint表中存放著choice中的數(shù)據(jù)、unit_judge表中存放著judge中的數(shù)據(jù)、unit_select表中存放內(nèi)容translate中的內(nèi)容如圖3-1所示。</p><p><b>　　圖3-1 數(shù)據(jù)庫表</b></p><p>　　unit、unit_judge、unit_select類似。表中內(nèi)容，如圖3-2：&

74、lt;/p><p><b>　　圖3-2 數(shù)據(jù)庫表</b></p><p>　　3.4系統(tǒng)主要功能模塊實現(xiàn)</p><p>　　詳細設(shè)計是軟件開發(fā)時期的第三個階段，也是軟件設(shè)計的第二步?？傮w設(shè)計階段已經(jīng)確定了軟件系統(tǒng)的總體結(jié)構(gòu)，給出了系統(tǒng)中各個組成模塊的功能和模塊間的聯(lián)系。這一步的工作，就是要在上述結(jié)果的基礎(chǔ)上，考慮“怎樣實現(xiàn)”這個軟件系統(tǒng)，直到對

75、系統(tǒng)中的每個模塊給出足夠詳細的過程性描述。需要指出，這些描述應(yīng)該用詳細設(shè)計的表達工具來表示，但它們還不是程序，一般不能在計算機上運行。</p><p>　　詳細設(shè)計是編碼的先導(dǎo)。這個階段所產(chǎn)生的設(shè)計文檔的質(zhì)量，將直接影響下一階段程序的質(zhì)量。為了提高文檔的質(zhì)量和可讀性，說明書除了說明詳細設(shè)計的目的、任務(wù)與表達工具外，還要介紹結(jié)構(gòu)程序設(shè)計的基本原理，以及如何用這些原理來指導(dǎo)模塊內(nèi)部的邏輯設(shè)計，提高模塊控制結(jié)構(gòu)的清晰度

76、。</p><p>　　1、根據(jù)原型化的開發(fā)原則，為系統(tǒng)的每個模塊功能進行界面設(shè)計，作為進一步優(yōu)化的基礎(chǔ)。</p><p>　　2、進行系統(tǒng)的流程分析，為模塊的細化做好準(zhǔn)備。</p><p>　　3、對每個模塊進行詳細的算法設(shè)計。</p><p><b>　　3.4.1系統(tǒng)前臺</b></p><p&

77、gt;　　打開主頁的時候，漸變的背景讓人感覺到親切有自然感，體現(xiàn)練習(xí)中的樂趣和快樂，努力塑造更好的學(xué)習(xí)氛圍，圖中有頂端的標(biāo)題，背景圖片。有網(wǎng)站名字。還具有3中練習(xí)方式的圖標(biāo)choice、judge、translate。如下圖3-3所示。</p><p><b>　　圖3-3 網(wǎng)站主頁</b></p><p>　　3.4.2普通管理員模塊</p><

78、p>　　管理員只是在后臺進行網(wǎng)站數(shù)據(jù)的添加和刪改還有，網(wǎng)站的維護、網(wǎng)站日常管理。后臺管理員輸入正確的用戶名和密碼后才能正確登陸，登陸的界面如圖3-4所示，</p><p>　　圖3-4 管理員認(rèn)證</p><p>　　進行登陸時驗證算法的流程圖如圖3-5所示。</p><p>　　圖3-5 登陸流程</p><p>　　管理員登陸成功

79、之后可以對數(shù)據(jù)進行添加、修改，具體操作界面如圖3-6所示。</p><p>　　圖3-6 管理員修改數(shù)據(jù)頁面</p><p>　　3.4.3練習(xí)功能模塊</p><p>　　在進行練習(xí)時，經(jīng)分析設(shè)定了下面三種不同的練習(xí)方法，可根據(jù)需要進行不同的選擇。具體選擇操作的界面如圖3-7所示。</p><p>　　圖3-7 學(xué)生模塊圖</p>

80、;<p>　　1、選擇功能是題目給出了漢語意思，選項中給出了出3個英文選項，要求從中選出一個符合上述漢語意思的英文選項。如圖3-8</p><p>　　圖3-8 選擇模塊圖</p><p>　　選擇題算法的流程圖如圖3-9所示</p><p>　　圖3-9 選擇模塊圖</p><p>　　在做題過程中會出現(xiàn)作對或做錯的情況，這時

81、不管對錯都會有提示的窗口出現(xiàn)。如果答題正確會出現(xiàn)一個笑臉并且有句勉勵的話在笑臉下面出現(xiàn)“小伙伴真棒，繼續(xù)努力！”會鼓舞初中生的學(xué)習(xí)勁頭。如圖3-10所示。</p><p>　　圖3-10 選擇模塊圖</p><p>　　如果答題錯誤會出現(xiàn)一個哭泣的臉并且有鼓勵的話在哭泣的臉下“加油啊！”，會鼓勵初中生繼續(xù)努力好好學(xué)習(xí)。如圖3-11所示。</p><p>　　圖3-1

82、1 選擇模塊圖</p><p>　　（另外的兩種練習(xí)方式都會出現(xiàn)一樣的對錯功能界面，就不再一一列舉了。）</p><p>　　2、判斷功能是給出漢語，在漢語意思下給出一個英文的短語?？从⑽亩陶Z意思是否和上面的漢語意思一致。如果對就點right，如果不一致就點wrong。如圖3-12</p><p>　　圖3-12判斷模塊圖</p><p>　

83、　3、translate功能主要是給出一個漢語的意思，在它的下方有一藍色區(qū)域，在藍色區(qū)域中錯亂排列著短語中的單詞，在藍色區(qū)域下有個答題框。需要初中生把藍色區(qū)域中的單詞拿鼠標(biāo)脫下來到答題框并且正確排列。如圖3-13</p><p>　　圖3-13 翻譯模塊圖</p><p>　　3.5 php與數(shù)據(jù)庫的連接</p><p>　　建立好數(shù)據(jù)庫表以后，本網(wǎng)站采用mysql

84、_connect() 函數(shù)方法連接數(shù)據(jù)庫。具體的關(guān)鍵代碼如下。</p><p>　　$host="127.0.0.1";</p><p>　　$user="admin";</p><p>　　$pwd="123456";</p><p>　　$db=mysql_connect($ho

85、st, $user, $pwd) or die('Could not connect: ' . mysql_error());</p><p>　　mysql_select_db("TABLE1", $db);</p><p>　　mysql_query("SET NAMES gb2312", $db); 這里是一個字符都不能錯的否則

86、將不能正確連接。</p><p><b>　　4結(jié)束語</b></p><p>　　本次初中英語短語網(wǎng)站設(shè)計與開發(fā)歷時三個月左右，初中英語短語網(wǎng)站的設(shè)計與架構(gòu)是一項大工程，不可能是一個人在短時間內(nèi)可以完成的，我這個網(wǎng)站設(shè)計也只是完成了一小部分。因為是初學(xué)者，在設(shè)計過程中遇到了不少技術(shù)性問題。一個人曾迷茫過、困惑過、沮喪過，迫于畢業(yè)的壓力，還是做下來了。這里只是實現(xiàn)了初

87、中英語短語網(wǎng)站最基本的功能，如選擇、判斷、翻譯，和后臺數(shù)據(jù)的增減。對于資料上傳下載。每一個網(wǎng)站的建立都是制作人員辛勤勞動的結(jié)果，完成一個很小的功能，布局都要仔細的修改代碼再反復(fù)測試再修改才能達到一個理想的效果。一個嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)態(tài)度是開發(fā)過程中所必須的。</p><p><b>　　致謝</b></p><p>　　在論文即將完成之際，回顧緊張但又充實的學(xué)習(xí)班和開發(fā)過程，

88、本人在此向所有關(guān)心我的及幫助我的老師和同學(xué)們致以最真誠的感謝。</p><p>　　本論文設(shè)計是在指導(dǎo)老師常淑惠的悉心指導(dǎo)和嚴(yán)格要求下完成的。從課題選擇、研究方法到程序設(shè)計都得到了常老師無私的幫助與指導(dǎo)，在大學(xué)學(xué)習(xí)中也感受著老師一絲不茍、嚴(yán)謹(jǐn)細致的工作作風(fēng)。在設(shè)計程序中，遇到了不少技術(shù)性問題，多虧了常老師的精心指導(dǎo)和同學(xué)們的熱心幫助。在此，誠摯的向老師表示衷心的感謝。，身上學(xué)到了很多東西。他認(rèn)真負(fù)責(zé)的工作態(tài)度，嚴(yán)

89、謹(jǐn)?shù)闹螌W(xué)精神和深厚的理論水平都使我收益匪淺。他無論在理論上還是在實踐中，都給與我很大的幫助，使我得到很大的提高，這對于我以后的工作和學(xué)習(xí)都有一種巨大的幫助，在此感謝他耐心的輔導(dǎo)。在撰寫論文階段，常老師幾次審閱我們的論文，提出了許多寶貴意見，沒有他的指導(dǎo)，我們就不能較好的完成課題設(shè)計的任務(wù)。</p><p>　　另外，我還要感謝在這幾年來對我有所教導(dǎo)的老師，他們孜孜不倦的教誨不但讓我學(xué)到了很多知識，而且讓我掌握了學(xué)

90、習(xí)的方法，更教會了我做人處事的道理，在此表示感謝。同時，在網(wǎng)站開發(fā)過程中還有同組的同學(xué)也給了我不少幫助，這里一并表示感謝。</p><p><b>　　參考文獻</b></p><p>　　[1] 唐四新. 基于web標(biāo)準(zhǔn)的網(wǎng)頁設(shè)計與制作 北京：清華大學(xué)出版社，2009年.</p><p>　　[2] RobbibsJ.N. 學(xué)習(xí)web設(shè)計者.

91、機械工業(yè)出版社.2009年</p><p>　　[3] 何翠平. HTML網(wǎng)頁制作從入門到精通.人民郵電出版社》2007年7月</p><p>　　[4] 何秀芳，孫良營 網(wǎng)頁制作與網(wǎng)站建課堂實錄. 人民郵電出版社 2009年5月</p><p>　　[5] 旭日東升 網(wǎng)頁設(shè)計與配色經(jīng)典案例解析.電子工業(yè)出版社 2011年3月</p><p&g

92、t;　　[6] 前沿科技 曾順. 精通CSS+DIV網(wǎng)頁樣式與布局. 人民郵電出版社,2009年11月</p><p>　　[7] 鄒天思,孫鵬. PHP從入門到精通[M]. 北京: 清華大學(xué)出版社, 2008年.</p><p>　　[8] 陳湘揚, 陳國益. PHP5