圖書管理網頁制作畢業(yè)論文

1、<p>　　論文題目 圖書管理網頁制作</p><p>　　姓 名 </p><p>　　學 院 </p><p>　　專 業(yè) 計算機網絡技術專業(yè)</p><p>　　指導教師 講師</p><p><b>　　備 注</b>&

2、lt;/p><p>　　2012年12月 31日</p><p>　　畢業(yè)設計（論文）任務書</p><p>　　課 題：圖書管理網頁制作</p><p><b>　　編 號：</b></p><p>　　專 業(yè)：計算機網絡技術</p><p><b&g

3、t;　　班 級： </b></p><p><b>　　學生姓名： </b></p><p><b>　　摘 要</b></p><p>　　隨著二十一世紀新興產品的出現(xiàn)，互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，他在人么政治、經濟、文化、科學、生活等各個方面發(fā)揮著重要的作用。因此網站建設在Int

4、ernet應用上的地位顯而易見，他已成為政府、企事業(yè)單位信息化建設的重要組成部分，從而備受人們的重視。</p><p>　　目前，使用最多的網站設計軟件就是Dreamweaver，利用Dream-Weaver中的可視化編輯功能，可以快速的創(chuàng)建頁面而無需編寫任何代碼。同時Dreamweaver CS2提供了強大的設計功能來確保高質量網頁的完成，設計環(huán)境也使用了CSS樣式表來進行網頁樣式的統(tǒng)一管理，可以迅速高效的開發(fā)

5、出代碼簡潔、專業(yè)的站點。并且，借助Dreamweaver，還可以使用服務器語言，生成支持動態(tài)數(shù)據庫的Web應用程序。</p><p>　　關鍵詞：Internet；Dreamweaver </p><p><b>　　目錄 </b></p><p><b>　　目錄III</b></p><p>

6、<b>　　前 言1</b></p><p><b>　　第一章 緒論2</b></p><p>　　1.1 網頁制作的背景和意義2</p><p>　　第二章 圖書管理網頁制作開發(fā)軟件3</p><p>　　2.1 網頁設計工具——dreamwraver8.03</p>

7、<p>　　2.2 網頁圖像設計工具——photoshop4</p><p>　　2.3 網頁圖像設計工具——flash4</p><p>　　第三章 圖書管理需求分析7</p><p>　　3.1.網站的需求分析7</p><p>　　3.2.網頁的界面設計7</p><p>　　3.3.網頁建

8、站目的7</p><p>　　3.4網站實現(xiàn)功能8</p><p>　　第四章 網站的總體規(guī)劃9</p><p>　　4.1制作網頁的一般步驟9</p><p>　　4.2網頁包括的元素10</p><p>　　4.3網頁層次結構11</p><p>　　4.4目錄的層次結構11&

9、lt;/p><p>　　第五章 圖書管理網頁總體設計12</p><p>　　5.1站點設計12</p><p>　　5.2 CSS樣式設計12</p><p>　　5.3模塊設計13</p><p>　　5.3.1首頁模塊：13</p><p>　　5.3.2借書管理模塊：16<

10、/p><p>　　5.3.3還書管理模塊：17</p><p>　　5.3.4 借閱查詢模塊：18</p><p>　　5.3.5 賬號管理模塊：19</p><p>　　5.3.6 書籍搜索模塊:22</p><p><b>　　第六章 結論25</b></p><p&

11、gt;<b>　　致 謝26</b></p><p><b>　　參考文獻27</b></p><p><b>　　前 言</b></p><p>　　圖書館作為一種信息資源的集散地，圖書和用戶借閱資料繁多，包含很多的信息數(shù)據的管理。對于圖書借閱情況（如借書天數(shù)、超過限定借書時間的天數(shù)）的

12、統(tǒng)計和核實等往往采用對借書卡的人工檢查進行，對借閱者的借閱權限、以及借閱天數(shù)等用人工計算、手抄進行。數(shù)據信息處理工作量大，容易出錯；由于數(shù)據繁多，容易丟失，且不易查找。總的來說，缺乏網頁，規(guī)范的信息管理手段。</p><p>　　數(shù)據處理手工操作，工作量大，出錯率高，出錯后不易更改。圖書館采取手工方式對圖書借閱情況進行人工管理，由于信息比較多，圖書借閱信息的管理工作混亂而又復雜；一般借閱情況是記錄在借書證上，圖書

13、的數(shù)目和內容記錄在文件中，圖書館的工作人員和管理員也只是當時對它比較清楚，時間一長，如再要進行查詢，就得在眾多的資料中翻閱、查找了，造成查詢費時、費力。如要對很長時間以前的圖書進行更改就更加困難了。</p><p>　　基于這此問題，有必要建立一個圖書管理網頁，使圖書管理工作規(guī)范化，系統(tǒng)化，程序化，避免圖書管理的隨意性，提高信息處理的速度和準確性。</p><p><b>　　第

14、一章 緒論</b></p><p>　　1.1 網頁制作的背景和意義</p><p>　　我們讀書就是為了獲得知識，現(xiàn)在我們學習了網頁設計，當然就是要能做一個精美的網頁。在此次畢業(yè)設計中，我們要能更加的了解Dreameaver強大的功能和更好的使用它。通過此次設計我們還要能夠知道靜態(tài)網頁和動態(tài)網也的區(qū)別。誠然，次此設計的個人網頁，一方面是為了完成畢業(yè)作業(yè)，但更重要的是把我們所

15、學到的東西用在具體的實踐之中，所以，這次設計的目的也是要我們更好的掌握和使用好ASP的核心工具和技術，以便提高對網頁知識的更深層了解。第三點也是最要的一點是，把我們在書本上學到的知識充分運用到此次設計之中。使我們的在書上學到的東西不僅僅停留在表面上，把這些東西都用在所要做的網頁上面。以達到老師要求的效果和學以致用。</p><p>　　Internet是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)

16、模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上百萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速

17、發(fā)展，特別是數(shù)據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。我們發(fā)現(xiàn)這樣一個事實，一個用戶在訪問一個網站時一般來講只對該網站的部分內容感性趣，而且這種興趣會持續(xù)一段時間。這點啟發(fā)了我們，如果能根據用戶的喜好為不同的用戶顯示其個性化的頁面，即著重顯示該用戶感興趣的內容，將為用戶節(jié)約大量的檢索時間，而且這樣的網頁顯然是更具有吸引力的。一些站點已經在這方面作出了一定的嘗試，通常采用的方法是，在用

18、戶登陸時為其提供一系列的選項，使用戶能夠對</p><p>　　第二章 圖書管理網頁制作開發(fā)軟件</p><p>　　2.1 網頁設計工具——dreamwraver8.0</p><p>　　Macromedia Dreamweaver 8是建立Web站點和應用程序的專業(yè)工具。它將可視布局工具、應用程序開發(fā)功能和代碼編輯支持組合在一起，其功能強大，使得各個層次的開發(fā)

19、人員和設計人員都能夠快速創(chuàng)建界面吸引人的基于標準的網站和應用程序。從對基于CSS的設計的領先支持到手工編碼功能，Dreamweaver提供了專業(yè)人員在一個集成、高效的環(huán)境中所需的工具。開發(fā)人員可以使用Dreamweaver及所選擇的服務器技術來創(chuàng)建功能強大的Internet應用程序，從而使用戶能連接到數(shù)據庫、Web服務和舊式系統(tǒng)。 ·語言版本：中文 ·版本：8 中文版 系統(tǒng)配置 Win9x/Me/NT/2000/XP

20、/2003/win7/ </p><p>　　Dreamweaver是在網頁設計與制作領域中用戶最多、應用最廣、功能最強大的軟件，隨著Dreamweaver 8的發(fā)布，更堅定Dreamweaver在該領域的地位。它集網頁設計、網絡開發(fā)和站點管理功能于一身，具有可視化、支持多平臺和跨瀏覽器的特性，是目前網站設計、開發(fā)、制作的首選工具。</p><p>　　1、靈活的編寫方式Dreamweav

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

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

23、tags或CSS結構。動態(tài)跨瀏覽器有效性檢查功能可以自動核對tags和CSS規(guī)則是否適應目前的主瀏覽器。</p><p>　　5、強大的WEB站點管理功能</p><p>　　6、內建的圖形編輯引擎</p><p>　　7、Dreamweaver的集成特性Dreamweaver 8繼承了Fireworks、Flash和Shockwave的集成特性，可以在這些Web創(chuàng)

24、作工具之間自由地切換，輕松地創(chuàng)建美觀實用的網頁。</p><p>　　8、豐富的媒體支持能力可以方便地加入Java、Flash、Shockwave、ActiveX以及其他媒體。Dreamweaver具有強大的多媒體處理功能，在設計DHTML和CSS方面表現(xiàn)得極為出色，它利用JavaScript和DHTML語言代碼輕松地實現(xiàn)網頁元素的動作和交互操作。Dreamweaver還提供行為和時間線兩種控件來產生交互式響應和

25、進行動畫處理。</p><p>　　9、超強的擴展能力Dreamweaver還支持第三方插件，任何人都可以根據自己的需要擴展Dreamweaver的功能，并且可以發(fā)布這些插件。</p><p>　　2.2 網頁圖像設計工具——photoshop</p><p>　　是Adobe公司旗下最為出名的圖像處理文件之一 。多數(shù)人對于Photoshop的了解僅限于“一個很好的

26、圖像編輯軟件”，并不知道它的諸多應用方面，實際上，Photoshop的應用領域很廣泛的，在圖像、圖形、文字、視頻、出版等各方面都有涉及。</p><p>　　Adobe Photoshop CS5 作為Adobe的核心產品，Photoshop CS5歷來最受關注，Adobe也在去年底發(fā)布了其測試版。選擇Photoshop CS5的理由不僅僅是它會完美兼容Vista，更重要的是幾十個激動人心的全新特性，諸如支持寬屏

27、顯示器的新式版面、集20多個窗口于一身的dock、占用面積更小的工具欄、多張照片自動生成全景、靈活的黑白轉換、更易調節(jié)的選擇工具、智能的濾鏡、改進的消失點特性、更好的32位HDR圖像支持等。另外，Photoshop從CS5首次開始分為兩個版本，分別是常規(guī)的標準版和支持3D功能的Extended(擴展)版。</p><p>　　2.3 網頁圖像設計工具——flash</p><p>　　Fl

28、ash，是一種動畫創(chuàng)作與應用程序開發(fā)于一身的創(chuàng)作軟件，目前最新的零售版本為Adobe Flash Professional CS6(2012年發(fā)布)。Adobe Flash Professional CS6為創(chuàng)建數(shù)字動畫、交互式Web站點、桌面應用程序以及手機應用程序開發(fā)提供了功能全面的創(chuàng)作和編輯環(huán)境。Flash廣泛用于創(chuàng)建吸引人的應用程序，它們包含豐富的視頻、聲音、圖形和動畫。可以在Flash中創(chuàng)建原始內容或者從其它Adobe應用程序

29、（如Photoshop或Illustrator）導入它們，快速設計簡單的動畫，以及使用Adobe AcitonScript 3.0開發(fā)高級的交互式項目。設計人員和開發(fā)人員可使用它來創(chuàng)建演示文稿、應用程序和其它允許用戶交互的內容。Flash可以包含簡單的動畫、視頻內容、復雜演示文稿和應用程序以及介于它們之間的任何內容。通常，使用Flash創(chuàng)作的各個內容單元稱為應用程序，即使它們可能只是很簡單的動畫。您也可以通過添加圖片、聲音、視頻和特殊效

30、果，構建包含豐富媒體的Flash應用程序。 </p><p>　　Flash Player 是一款能夠播放小又快速的多媒體動畫，以及交互式的動畫、飛行標志和用macromedia flash做出的圖像。這個播放器非常小，只需花一點點時間下載，對于在體驗網頁上的多媒體效果是個很好的開始。 </p><p>　　Flash也支持高品質的mp3音頻流、文字輸入字段、交互式接口等等很多東西。這個最

31、新版本可以觀看所有的flash格式。若你要觀看網頁上的多媒體內容，flash player幾乎是網絡上的標準。為此播放器所制作的動畫或圖像十分常見。[2] </p><p>　　Flash的前身是FutureSplash Animator，在出現(xiàn)時它僅僅作為當時交互制作軟件Director和Authorware的一個小型插件，后來才由Macromedia公司出品成單獨的軟件。曾與Dreamweaver（網頁制作工

32、具軟件）和Fireworks（圖像處理軟件）并成為“網頁三劍客”。Flash隨著互聯(lián)網的發(fā)展，在Flash4版本之后嵌入了ActionScript函數(shù)調用功能，使互聯(lián)網在交互應用上更加便捷。該公司及旗下軟件于2007年被Adobe公司收購并進行后續(xù)開發(fā)。（Macromedia最后一個版本為Flash8，Adobe收購后第一個發(fā)布的版本為Flash CS） </p><p>　　Adobe Flash Profes

33、sional CS6僅是Adobe Flash Platform開發(fā)平臺中的一個產品。除了Flash之外，Adobe 還提供了Flash Catalyst和Flash Builder。Flash Catalyst是一個設計工具，它無需編寫代碼即可快速創(chuàng)建富有表現(xiàn)力的界面和交互式內容。Flash Builder（以前稱為Flex Builder）是適合于開發(fā)人員（而不是動畫師或設計師）創(chuàng)建交互式內容的以代碼為中心的環(huán)境。盡管開發(fā)平臺不同，

34、這3種工具最終都將生成相同的結果——Flash內容（SWF文件）。Flash SWF文件在瀏覽器上的Flash播放器中、瀏覽器外面的桌面上的AIR（Adobe Integrated Runtimem，Adobe集成運行環(huán)境）中或者在移動電話上運行。 </p><p>　　Flash特別適用于創(chuàng)建通過Internet提供的內容，因為它的文件非常小。Flash是通過廣泛使用矢量圖形做到這一點的。與位圖圖形相比，矢量圖

35、形需要的內存和存儲空間小很多，因為它們是以數(shù)學公式而不是大型數(shù)據集來表示的。位圖圖形之所以更大，是因為圖像中的每個像素都需要一組單獨的數(shù)據來表示。 </p><p>　　要在Flash中構建應用程序，可以使用Flash繪圖工具創(chuàng)建圖形，并將其它媒體元素導入Flash文檔。接下來，定義如何以及何時使用各個元素來創(chuàng)建設想中的應用程序。 </p><p>　　Flash是一個非常優(yōu)秀的矢量動畫制

36、作軟件，它以流式控制技術和矢量技術為核心，制作的動畫具有短小精悍的特點，所以被廣泛應用于網頁動畫的設計中，以成為當前網頁動畫設計最為流行的軟件之一。 </p><p>　　在Flash中創(chuàng)作內容時，需要在Flash文檔文件中工作。Flash文檔的文件擴展名為.fla（FLA）。Flash文檔有四個主要部分： </p><p>　　1、舞臺。舞臺是在回放過程中顯示圖形、視頻、按鈕等內容的位置

37、。在Flash基礎中將對舞臺做詳細介紹。 </p><p>　　2、時間軸。時間軸用來通知Flash顯示圖形和其它項目元素的時間，也可以使用時間軸指定舞臺上各圖形的分層順序。位于較高圖層中的圖形顯示在較低圖層中的圖形的上方。</p><p>　　3、庫面板。庫面板是Flash顯示Flash文檔中的媒體元素列表的位置。 </p><p>　　4、ActionScrip

38、t。ActionScript代碼可用來向文檔中的媒體元素添加交互式內容。例如，可以添加代碼以便用戶在單擊某按鈕時顯示一幅新圖像，還可以使用ActionScript向應用程序添加邏輯。邏輯使應用程序能夠根據用戶的操作和其它情況采取不同的工作方式。Flash包括兩個版本的ActionScript，可滿足創(chuàng)作者的不同具體需要。有關編寫ActionScript的詳細信息，請參閱“幫助”面板中的"學習Flash中的ActionScrip

39、t3.0”。 </p><p>　　Flash包含了許多種功能，如預置的拖放用戶界面組件，可以輕松地將ActionScript添加到文檔的內置行為，以及可以添加到媒體對象的特殊效果。這些功能使Flash不僅功能強大，而且易于使用。 </p><p>　　完成Flash文檔的創(chuàng)作后，可以使用“文件”——“發(fā)布”命令發(fā)布它。這會創(chuàng)建文件的一個壓縮版本，其擴展名為.swf（SWF）。然后，就可以

40、使用FlashPlayer在Web瀏覽器中播放SWF文件，或者將其作為獨立的應用程序進行播放。</p><p>　　第三章 圖書管理需求分析</p><p>　　3.1.網站的需求分析</p><p>　　一個完整的網頁是建立在各種各樣的需求上面的，這種需求往往來自于客戶的實際需求或者是出于公司自身發(fā)展的需要，其中客戶的實際需求也就是說這種交易性質的需求占了絕大部分

41、。面對對網頁設計擁有不同知識層面的客戶，設計的負責人對用戶需求的理解程度，在很大程度上決定了此類網頁規(guī)劃的成敗。因此如何更好地的了解、分析、明確用戶需求，并且能夠準確、清晰以文檔的形式表達給參與項目開發(fā)的每個成員，保證開發(fā)過程按照滿足用戶需求為目的正確項目開發(fā)方向進行，是每個網頁規(guī)劃和網頁制作管理者需要面對的問題。</p><p>　　本人網頁的設計中，運用dreamwraver8.0與photoshop等圖形圖

42、像處理軟件，進行大量的圖片處理制作，給人以強烈的美感。并添加flash代碼等，給瀏覽者一種現(xiàn)代感。整個網頁由dreamweaver完成。</p><p>　　3.2.網頁的界面設計</p><p><b>　　網頁界面構成要素</b></p><p>　　與傳統(tǒng)媒體不同，網頁除了文字和圖像以外，還包含聲音、視頻和動畫等新興多媒體元素，更借助由代

43、碼語言編程所實現(xiàn)的各種交互式效果，增加了網頁界面的生動性和復雜性，也使得網頁設計者需要考慮更多頁面元素的排布、優(yōu)化。 一般來說，網頁的界面主要由下面幾個因素構成：</p><p>　　(1)文字：文字元素是信息傳達的主體部分。網頁中的文字主要包括標題、信息、文字鏈接、幾種主要形式。標題和傳統(tǒng)媒體中信息傳達的基本作用相同，是內容的簡概說明一般比較醒目、優(yōu)先編排。文字作為占據頁面重要比率的元素，同時又

44、是信息重要載體，它的字體、大小、顏色和排布對頁面整體設計影響極大。</p><p>　　(2)圖形：圖形在網頁界面中具有重要作用。合理的運用圖形?？梢陨鷦又庇^、形象地表現(xiàn)設計主題。網頁中常用的圖形格式包括jpg和gif，這兩種格式壓縮比高，得到了規(guī)范瀏覽器的支持，下載速度快，具有跨平臺。</p><p>　　3.3.網頁建站目的</p><p>　　Internet

45、是目前世界上最大的計算機互聯(lián)網絡，它遍布全球，將世界各地各種規(guī)模的網絡連接成一個整體。作為Internet上一種先進的，易于被人們所接受的信息檢索手段，World Wide Web(簡稱WWW)發(fā)展十分迅速，成為目前世界上最大的信息資源寶庫。據估計，目前Internet上已有上千萬個Web站點，其內容范圍跨越了教育科研、文化事業(yè)、金融、商業(yè)、新聞出版、娛樂、體育等各個領域，其用戶群十分龐大，因此，建設一個好的Web站點對于一個機構的發(fā)展

46、十分重要。近年來，隨著網絡用戶要求的不斷提高及計算機科學的迅速發(fā)展，特別是數(shù)據庫技術在Internet中的廣泛應用，Web站點向用戶提供的服務將越來越豐富，越來越人性化。因此網站建設在Internet應用上的地位顯而易見。</p><p><b>　　3.4網站實現(xiàn)功能</b></p><p>　　本網站給用戶提供一個圖書借還的平臺，用戶可以與管理員及時地借還書，管理

47、員也可以及時對數(shù)據進行更新維護。</p><p><b>　　前臺用戶系統(tǒng)功能：</b></p><p>　　(1) 用戶可以瀏覽圖書的一些基本的信息。</p><p>　　(2) 用戶可以瀏覽新書的到來。</p><p>　　(3) 用戶可以查看圖書的種類。</p><p>　　(5) 用戶可以

48、隨時借書、還書。</p><p><b>　　后臺管理系統(tǒng)功能：</b></p><p>　　(1) 增加、修改、刪除讀者借還情況。</p><p>　　(3) 瀏覽、刪除最新書籍信息。</p><p>　　第四章 網站的總體規(guī)劃</p><p>　　4.1制作網頁的一般步驟</p>

49、<p>　　做網頁之前，我上網瀏覽了做網頁的五個步驟。</p><p>　　一、確定網頁主題 ：網頁主題就是你創(chuàng)建網頁所要包含的主要內容，一個網頁必須要有一個明確的主題。</p><p>　　二、搜集材料 ：明確了網頁的主題以后，你就要圍繞主題開始搜集材料了。材料既可以從圖書、報紙、光盤、多媒體上得來，也可以從互聯(lián)網上搜集，然后把搜集的材料去粗取精，去偽存真，作為自己制作網頁的

50、素材。</p><p>　　三、規(guī)劃網頁 ：一個網頁設計得成功與否，很大程度上決定于設計者的規(guī)劃水平，規(guī)劃網頁就像設計師設計大樓一樣，圖紙設計好了，才能建成一座漂亮的樓房。網頁規(guī)劃包含的內容很多，如網頁的結構、欄目的設置、網頁的風格、顏色搭配、版面布局、文字圖片的運用等，你只有在制作網頁之前把這些方面都考慮到了，才能在制作時駕輕就熟，胸有成竹。也只有如此制作出來的網頁才能有個性、有特色，具有吸引力。</p&

51、gt;<p>　　四、選擇合適的制作工具 ：盡管選擇什么樣的工具并不會影響你設計網頁的好壞，但是一款功能強大、使用簡單的軟件往往可以起到事半功倍的效果。</p><p>　　五、制作網頁 ：材料有了，工具也選好了，下面就需要按照規(guī)劃一步步地把自己的想法變成現(xiàn)實了，這是一個復雜而細致的過程，一定要按照先大后小、先簡單后復雜來進行制作。所謂先大后小，就是說在制作網頁時，先把大的結構設計好，然后再逐步完善

52、小的結構設計。所謂先簡單后復雜，就是先設計出簡單的內容，然后再設計復雜的內容，以便出現(xiàn)問題時好修改。在制作網頁時要多靈活運用模板，這樣可以大大提高制作效率。</p><p>　　4.2網頁包括的元素</p><p>　　無論是初次領略Internet風光的新手，還是經常上網沖浪的老手，在初次設計網頁之前，都必須先認識一下構成網頁的基本元素。只有這樣，才能在真正的設計工作中得心應手，根據需要

53、合理的組織和安排網頁的從而達到期望的目標。內容，</p><p>　　設計網頁的目的主要是發(fā)布信息，因此，作為信息載體的文本和圖像也就成了網頁的基本組成部分，超級鏈接是Web的核心，使它將萬維網中無數(shù)的網頁鏈接在一起，如果沒有它，Web就無從談起，此外，表格、動畫、音樂和交互表單等信息的組織、表現(xiàn)，以及交互元素在網頁中也具有舉足輕重的地位。</p><p><b>　　(1)、文

54、本</b></p><p>　　文本一直是人類最重要的信息載體和交流工具，網頁中的信息也以文本為主，與圖像相比，文字雖不如圖像那樣能夠很快的引起瀏覽者的主意，但卻能準確的表達消息的內容和含義，為了克服文字固有的缺點，人們賦予了網頁中文本更多的屬性，如文字、字號、顏色、底紋和邊框等，通過不同格式的區(qū)別，突出顯示重要的內容，此外，用戶還可以在網頁中設計各種各樣的文字列表來清晰表達一系列項目，這些功能都給網

55、頁中的文本賦予了新的生命力。</p><p><b>　　(2)、圖像</b></p><p>　　圖像在網頁中具有提供信息，展示作品，裝飾網頁，表達個人情調和風格的作用。用戶可以在網頁中使用GIF、JPEG、PNG 3種圖像文件格式，其中使用最廣泛的是GIF和JPEG兩種格式。</p><p><b>　　(3)、超級鏈接</

56、b></p><p>　　超級鏈接技術可以說是萬維網流行起來的最主要的原因，它是從一個網頁指向另一個目的端的鏈接，例如指向另一個網頁或相同網頁上的不同位置，這個目的端通常是另一個網頁，但也可以是一幅圖片，一個電子郵件地址，一個文件，一個程序或本網頁中的其他位置，其載體通常是文本，圖片或圖片中的區(qū)域，也可以是一些不可見的程序腳本。</p><p>　　當瀏覽者單擊超級鏈接時，其目的端將

57、顯示在Web瀏覽器上，并根據目的端的類型以不同方式鏈接。例如，當指向一個AVI文件的超級鏈接被單擊后，該文件將在媒體播放軟件中打開;如果是指向一個網頁的超級鏈接，則該網頁將顯示在Web瀏覽器上。</p><p><b>　　(4).表格</b></p><p>　　在網頁中表格用來控制網頁中信息的布局方式。這包括兩方面：一是使用行和列的形式來布局文本和圖像以及其他的列

58、表化數(shù)據；二是還可以使用表格來美化。</p><p>　　4.3.網頁層次結構（附結構圖）</p><p>　　4.4.目錄的層次結構（附結構圖）</p><p>　　第五章 圖書管理網頁總體設計</p><p><b>　　5.1站點設計</b></p><p>　　打開Dreamweaver

59、8→站點→新建站點；</p><p>　　點擊【確定】按鈕完成站點設置。</p><p>　　完成后右下角的站點窗口會顯示一個新的站點（如圖5.1-1）</p><p>　　站點截圖（圖5.1-1）</p><p>　　5.2 CSS樣式設計</p><p><b>　　新建樣式；</b><

60、/p><p>　　點擊【確定】按鈕完成樣式設置。</p><p>　　完成后右上角的站點窗口會顯示一個新的樣式（如圖5.2-1)</p><p>　　CSS樣式截圖（圖5.2-1）</p><p><b>　　5.3模塊設計</b></p><p>　　本網頁主要是讓讀者更方便借書、還書，管理員更方便

61、管理，對書籍有更深入的了解。而且用戶可以注冊登陸，直接瀏覽該網站的所有內容。</p><p>　　內容包括：首頁、借書管理、還書管理、借閱查詢、賬號管理、友情鏈接等六個版塊</p><p><b>　　而這六個模塊：</b></p><p>　　Logo截圖（圖5.3-1）</p><p>　　5.3.1首頁模塊：<

62、;/p><p>　　該頁面作為整個網站的首頁，為了讀者瀏覽方便，所以在進行模面設計時，將本作品的書籍分類都濃縮在首頁的界面里，從而令讀者可以快速的看到讀者所感興趣的內容，節(jié)省用戶瀏覽的時間。另外由于本網站新增了一個圖書館介紹的圖片的模塊，所以在用戶瀏覽本網站首頁時會有圖書館介紹的圖片（如圖5.3-2）</p><p><b>　?。▓D5.3-2）</b></p>

63、;<p>　　實現(xiàn)模塊設計代碼：<table width="660" frame="above" rules="cols" border="2" cellpadding="4" </p><p>　　align="center"></p><p>

64、;<b>　　<tr></b></p><p>　　<td height="221" align="center" valign="top" class="style8"><p align="center"></p><p>　　&l

65、t;img src="imargs/書籍/從抑郁走向快樂.jpg" width="110" style="height: 157px" /></p></p><p>　　<p>從抑郁走向快樂&quot; </p><p><b>　　</td></b><

66、/p><p>　　<td height="221" align="center" valign="top" class="style8"><img src="imargs/書籍/成長的途徑.jpg" width="110" height="157" />&

67、lt;p></p><p><b>　　成長的途徑</p></b></p><p><b>　　</td></b></p><p>　　<td align="center" valign="top" class="style8"

68、><p><img src="imargs/書籍/起重工.jpg" width="110" height="161" /></p></p><p>　　<p>起重工 </p></td></p><p>　　<td align="center

69、" valign="top" class="style8"></p><p>　　<img alt="" src="imargs/書籍/養(yǎng)生降壓法.jpg" style="width: 110px; height: 162px" /><br /></p><

70、;p><b>　　<br /></b></p><p>　　養(yǎng)生降壓法</td></p><p>　　<td align="center" valign="top" class="style8"><p><img src="imargs/書籍

71、/計算機控制與仿真技術.jpg" width="110" height="157" /></p></p><p>　　<p>控制與仿真技術</p></td></p><p><b>　　</tr></b></p><p><

72、b>　　</table></b></p><p>　　首頁版塊（圖5.3-3）</p><p>　　圖書管理介紹窗口（圖5.3-4）</p><p>　　實現(xiàn)窗口代碼：<table class="style16"></p><p><b>　　<tr><

73、/b></p><p><b>　　<td></b></p><p>　　<img alt="" src="banner/f2.gif" style="width: 350px; height: 254px" /></td></p><p>&

74、lt;b>　　</tr></b></p><p><b>　　<tr></b></p><p><b>　　<td ></b></p><p>　　&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&

75、amp;nbsp; 宜春圖書館環(huán)境優(yōu)越、資源豐&nbsp;富、而且群星</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td class="style20" ></

76、p><p>　　璀。是資源豐富、現(xiàn)代化、綜合性、開放式的研</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p><b>　　<td ></b></p>

77、<p>　　究型圖書館?？晒┧鸭?、整理、收藏圖書資料、</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p><b>　　<td ></b></p><p&g

78、t;　　供人閱覽、參觀的機構。</td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p>　　日歷窗口（圖5.3-5）</p><p>　　實現(xiàn)窗口代碼：<table style=&quo

79、t;width: 192px; height: 168px;"></p><p><b>　　<tr></b></p><p>　　<td width="195" bgcolor="#33FFFF" class="gsys" height="25">

80、日歷</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td width="195" &nbsp;</td></p><p>　　&n

81、bsp;<asp:Calendar ID="Calendar1" runat="server" BackColor="#FFFFCC" BorderColor="#FFCC66" </p><p>　　BorderWidth="1px" DayNameFormat="Shortest" F

82、ont-Names="Verdana" Font-Size="8pt" </p><p>　　ForeColor="#663399" Height="201px" ShowGridLines="True" Width="196px"></p><p>　　<S

83、electedDayStyle BackColor="#CCCCFF" Font-Bold="True" /></p><p>　　<SelectorStyle BackColor="#FFCC66" /></p><p>　　<TodayDayStyle BackColor="#FFCC66&q

84、uot; ForeColor="White" /></p><p>　　<OtherMonthDayStyle ForeColor="#CC9966" /></p><p>　　<NextPrevStyle Font-Size="9pt" ForeColor="#FFFFCC" />

85、;</p><p>　　<DayHeaderStyle BackColor="#FFCC66" Font-Bold="True" Height="1px" /></p><p>　　<TitleStyle BackColor="#990000" Font-Bold="True&quo

86、t; Font-Size="9pt" </p><p>　　ForeColor="#FFFFCC" /></p><p>　　</asp:Calendar></p><p><b>　　</tr></b></p><p><b>　　<

87、/table></b></p><p>　　5.3.2借書管理模塊： </p><p>　　本模塊主要是讓讀者更容易借書，點擊借書管理進入的界面如（圖5.3-6）所示，在界面的上半部分顯示的是書籍信息，在界面的下半部分中，用戶可進行借書操作，</p><p>　　借書管理塊（圖5.3-6）</p><p>　　實現(xiàn)借書模塊

88、代碼： <tr></p><p>　　<td bgcolor="#336600" height="50" </p><p>　　style="font-family: 仿宋_GB2312; font-size: 20px; font-weight: bold; color: #FF0000"></p

89、><p>　　&nbsp; 書籍借閱&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p><b>　　<td></b></p>

90、<p><b>　　<br /></b></p><p><b>　　<br /></b></p><p><b>　　借書編號： </b></p><p>　　<asp:TextBox ID="TextBox1" runat="

91、;server"></asp:TextBox></p><p>　　借書時間：&nbsp; </p><p>　　<asp:TextBox ID="TextBox4" runat="server"></asp:TextBox></p><p><b>　　&

92、lt;br /></b></p><p><b>　　<br /></b></p><p>　　<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></p><p>　　&nbsp;&

93、amp;nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;應歸還時間： </p><p>　　<asp:TextBox ID="TextBox5" runat="server"></asp:TextBox></p><p><b>　　&

94、lt;br /></b></p><p><b>　　<br /></b></p><p>　　&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&a

95、mp;nbsp; &nbsp;&nbsp;書名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p><p>　　<asp:TextBox ID="TextBox3" runat="server"></a

96、sp:TextBox></p><p><b>　　<br /></b></p><p><b>　　<br /></b></p><p>　　<asp:Button ID="Button1" runat="server" BackColor=&q

97、uot;Silver" Font-Bold="True" </p><p>　　Font-Size="14pt" ForeColor="Blue" Height="35px" onclick="Button1_Click" </p><p>　　Text="借書"

98、; Width="60px" /></p><p>　　&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</p><p>　　<asp:Button ID="

99、Button2" runat="server" BackColor="Silver" Font-Bold="True" </p><p>　　Font-Size="14pt" ForeColor="Blue" Height="35px" onclick="Button2_Cl

100、ick" </p><p>　　Text="返回" Width="60px" /></p><p><b>　　<br /></b></p><p><b>　　<br /></b></p><p><b>　

101、　</td></b></p><p><b>　　</tr></b></p><p>　　5.3.3還書管理模塊：</p><p>　　本模塊主要是讓讀者更容易還書，點擊還書管理可進入用戶還書界面。在此界面中輸入要進行還書的用戶的借書證號和該用戶借的書籍的名稱即可進行還書操作，如（圖</p>&

102、lt;p><b>　　5.3-7）</b></p><p>　　還書管理模塊（圖5.3-7）</p><p>　　實現(xiàn)還書模塊代碼：<form id="form1" runat="server"></p><p>　　<div style="width: 361px&qu

103、ot;></p><p>　　<table class="style1"></p><p><b>　　<tr></b></p><p>　　<td bgcolor="#336600" height="50" </p><p>

104、;　　style="font-family: 仿宋_GB2312; font-size: 20px; font-weight: bold; color: #FF0000"></p><p>　　&nbsp; 用戶還書&nbsp;</td></p><p><b>　　</tr></b></p>

105、;<p><b>　　<tr></b></p><p><b>　　<td></b></p><p><b>　　<br /></b></p><p><b>　　<br /></b></p><p

106、><b>　　<br /></b></p><p>　　借書證號：&nbsp; </p><p>　　<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox></p><p><b>　　&

107、lt;br /></b></p><p><b>　　<br /></b></p><p>　　書名：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </p&g

108、t;<p>　　<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox></p><p><b>　　<br /></b></p><p><b>　　<br /></b></p>

109、;<p><b>　　<br /></b></p><p>　　<asp:Button ID="Button1" runat="server" BackColor="Silver" Font-Bold="True" </p><p>　　Font-Size=

110、"15pt" ForeColor="Blue" Height="35px" onclick="Button1_Click" </p><p>　　Text="還書" Width="60px" /></p><p>　　&nbsp;&nbsp;&

111、;nbsp;&nbsp;</p><p>　　<asp:Button ID="Button2" runat="server" BackColor="Silver" Font-Bold="True" </p><p>　　Font-Size="15pt" ForeColor=&q

112、uot;Blue" Height="35px" onclick="Button2_Click" </p><p>　　Text="返回" Width="60px" /></p><p><b>　　<br /></b></p><p>&

113、lt;b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</div></b></p><p><b

114、>　　</form></b></p><p>　　5.3.4 借閱查詢模塊：</p><p>　　本模塊主要是讓讀者查詢書籍，然后借書。如（圖5.3-8）</p><p>　　借閱管理模塊（圖5.2-7）</p><p>　　實現(xiàn)借閱查詢代碼：<table class="style1"&

115、gt;</p><p><b>　　<tr></b></p><p>　　<td bgcolor="#336600" height="50" </p><p>　　style="font-family: 仿宋_GB2312; font-size: 20px; font-weig

116、ht: bold; color: #FF0000"></p><p>　　&nbsp; 借書查詢&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　

117、　<td align="left" class="style5" valign="top"></p><p>　　<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" SkinID=&qu

118、ot;GridView"</p><p>　　Width="890px" OnRowDataBound="GridView1_RowDataBound" PageSize="30" </p><p>　　Height="230px" HorizontalAlign="Left" C

119、ellPadding="4" Font-Size="14pt" </p><p>　　ForeColor="#333333" GridLines="None" style="margin-bottom: 44px" ></p><p>　　<RowStyle BackColor=

120、"#E3EAEB" /></p><p><b>　　<Columns></b></p><p>　　<asp:BoundField DataField="jhID" HeaderText="借書編號" /></p><p>　　<asp:Bound

121、Field DataField="borrowID" HeaderText="借書證號" /></p><p>　　<asp:BoundField DataField="name" HeaderText="姓名" /></p><p>　　<asp:BoundField DataFiel

122、d="sex" HeaderText="性別" /></p><p>　　<asp:BoundField DataField="bID" HeaderText="書籍編號" /></p><p>　　<asp:BoundField DataField="bname"

123、HeaderText="書名" /></p><p>　　<asp:BoundField DataField="btype" HeaderText="書類" /></p><p>　　<asp:BoundField DataField="jstime" HeaderText="

124、借書時間" /></p><p>　　<asp:BoundField DataField="hstime" HeaderText="應歸還時間" /></p><p>　　</Columns></p><p>　　<FooterStyle BackColor="#1C5E

125、55" Font-Bold="True" ForeColor="White" /></p><p>　　<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" /></p><

126、;p>　　<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" /></p><p>　　<HeaderStyle BackColor="#1C5E55" Font-Bold="True" For

127、eColor="White" /></p><p>　　<EditRowStyle BackColor="#7C6F57" /></p><p>　　<AlternatingRowStyle BackColor="White" /></p><p>　　</asp:Gri

128、dView></p><p><b>　　<br /></b></p><p><b>　　<br /></b></p><p><b>　　<br /></b></p><p><b>　　</td></b

129、></p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td align="left"></p><p>　　<asp:Button ID="Button1&

130、quot; runat="server" BackColor="Silver" Font-Bold="True" </p><p>　　Font-Size="15pt" ForeColor="Blue" Height="35px" onclick="Button1_Click"

131、; </p><p>　　Text="返回" Width="60px" /></p><p><b>　　</td></b></p><p><b>　　</tr></b></p><p><b>　　</tabl

132、e></b></p><p>　　5.3.5 賬號管理模塊：</p><p>　　本模塊主要是用戶注冊，然后登陸。如（圖5.3-9）</p><p>　　注冊、登陸模塊（圖5.3-9）</p><p>　　實現(xiàn)注冊、登陸模塊代碼：<td align="left" valign="top&q

133、uot; </p><p>　　style="font-family: 仿宋_GB2312; font-size: 24px; font-weight: bold; color: #0000FF"></p><p><b>　　<br /></b></p><p><b>　　<br /&g