畢業(yè)論文-eda教學資源網站的建設【精校排版】

1、<p>　　本科畢業(yè)設計（論文）</p><p><b>　?。?0 屆）</b></p><p>　　EDA教學資源網站的建設</p><p><b>　　目錄</b></p><p><b>　　摘要III</b></p><p>　　

2、AbstractIV</p><p><b>　　第一章 緒論1</b></p><p><b>　　1.1 引言1</b></p><p>　　1.2 課題現(xiàn)狀1</p><p>　　1.3 課題的研究目的和意義1</p><p>　　1.4 課題主要內

3、容2</p><p>　　第二章 EDA技術簡介3</p><p>　　2.1 EDA技術的概念3</p><p>　　2.2 EDA技術的主要內容3</p><p>　　2.3 EDA技術的基本特征3</p><p>　　2.4 EDA技術的研究范疇5</p><p>　

4、　2.5 EDA技術的發(fā)展趨勢6</p><p>　　2.6 EDA技術的基本設計方法7</p><p>　　2.7 EDA技術的學習重點及學習方法7</p><p>　　第三章 網站設計原理9</p><p>　　3.1 ASP技術介紹9</p><p>　　3.2 B/S結構10</p

5、><p>　　第四章 網站總體設計11</p><p>　　4.1 網站的軟、硬件環(huán)境11</p><p>　　4.2 網站功能模塊設計11</p><p>　　4.3 網頁色彩12</p><p>　　第五章 詳細設計13</p><p>　　5.1 網站主界面設計13&l

6、t;/p><p>　　5.2 課程概況模塊20</p><p>　　5.3 課程教學模塊25</p><p>　　5.4 實踐教學模塊31</p><p>　　5.5 教學資源模塊36</p><p>　　第六章 設計總結43</p><p><b>　　參考文獻44

7、</b></p><p><b>　　致謝45</b></p><p>　　EDA教學資源網站的建設</p><p><b>　　摘要</b></p><p>　　在Internet飛速發(fā)展的今天，互聯(lián)網成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們工作、學習、生活等各個方面都發(fā)

8、揮著很重要的作用。Internet上的信息發(fā)布主要是通過網站和論壇來實現(xiàn)的，同時了解個人需要信息通過網站、論壇等信息發(fā)布網頁來獲得，因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位、教育信息化建設中的重要組成部分，同時Internet中把報紙、電視、廣播等媒體融入進來，使得信息來源更全面，更快捷，從而倍受人們的重視?，F(xiàn)在校園網已普及，基于Web的網絡管理模式，教學資源網站的建設大大方便了老師和學生對信息的查閱

9、和使用，提高了效率。</p><p>　　本文網站的建設是基于B/S結構的WEB應用程序，借助Dreamweaver等網頁制作軟件進行開發(fā)，實現(xiàn)了資源信息的共享。我負責網站的設計與開發(fā)和相關技術信息的創(chuàng)建。主要包括四個部分：課程概況、課程教學、實踐教學、教學資源。</p><p>　　關鍵詞： B/S結構；ASP；網站建設；Dreamweaver</p><p>　

10、　Teaching Resources Website Building EDA</p><p><b>　　Abstract</b></p><p>　　In the Internet rapid development today, the Internet become people to quickly get, release the important c

11、hannels and information, it in people work, study and life all aspects such as plays a very important role. The information on the Internet is primarily through websites and released BBS to implementation, and understand

12、 the individual needs information through the website, BBS etc information release of a web page to obtain and therefore website construction in the Internet's position in t</p><p>　　This paper website c

13、onstruction is based on B/S structure of WEB applications, Dreamweaver, etc by WEB production software development, realize the resource information sharing. I'm responsible for web design and development and related

14、 technical information to create. Mainly includes four parts: course overview, curriculum teaching, practice teaching, teaching resources. </p><p>　　Keyword: B / S structure, ASP, Website, Dreamweaver</p

15、><p><b>　　第一章 緒論</b></p><p><b>　　1.1 引言</b></p><p>　　在科學技術飛速發(fā)展的今天，計算機科學及互聯(lián)網日漸成熟，其強大的功能已為人們深刻認識，它已經進入人類社會的各個領域并發(fā)揮著越來越重要的作用。各行各業(yè)的人們無須經過特別的訓練就能夠使用電腦完成許許多多復雜的工作。本

16、站結合HTML等網頁元素，布局簡潔大方，各功能模塊信息板塊劃分清晰明確，內容重點突出方便查找使學習的目的性與條理性更強，為廣大師生營造一個積極向上的良好的學習氣氛。本站資源對電路系統(tǒng)設計相關的理論教學和實踐教學也有積極意義。</p><p><b>　　1.2 課題現(xiàn)狀</b></p><p>　　今天，互聯(lián)網已成為人們快速獲取、發(fā)布和傳遞信息的重要渠道，它在人們工

17、作、學習、生活等各個方面都發(fā)揮著很重要的作用。Internet上的信息發(fā)布主要是通過網站和論壇來實現(xiàn)的，同時了解個人需要信息通過網站、論壇等信息發(fā)布網頁來獲得，因此網站建設在Internet應用上的地位顯而易見，它已成為政府、企事業(yè)單位、教育信息化建設中的重要組成部分，同時Internet中把報紙、電視、廣播等媒體融入進來，使得信息來源更全面，更快捷，從而倍受人們的重視。</p><p>　　隨著學校的規(guī)模不斷擴

18、大，學生數(shù)量急劇增加，不斷的完善學校教學資源信息以網絡的方式出現(xiàn)，可使學生的快速的的瀏覽了解學校的各種信息。面對龐大的信息量，建立一個高效快捷的資源網站迫在眉睫。</p><p>　　1.3 課題的研究目的和意義</p><p>　　本課題研究的最終目標是在課程的實施過程中，通過課程信息資源的設計、開發(fā)和研究，促進課程教學實踐同步推進，為實現(xiàn)學生學習方式的根本轉變提供有效支持，以提高新課

19、程實施的水平，從而真正實現(xiàn)學生的全面發(fā)展。</p><p>　　對EDA學習資源的建設、管理、應用和研究，構建一個資源庫，包括素材庫、</p><p>　　師生共同制作的課堂教學案例、課堂教學實錄、校本課程方案等資源庫，通過網上的資源共享，進一步更好地建設并利用好教育資源，提高教學資源的利用率，實現(xiàn)有效、高效使用。</p><p>　　整理理論，尋求學習資源管理的新

20、模式，從而實現(xiàn)智能化管理和動態(tài)搜索功能。</p><p>　　1.4 課題主要內容</p><p>　　電子課程設計是電類專業(yè)學生重要基礎實踐課，是工科專業(yè)的必修課。經過查</p><p>　　資料、選方案、設計電路、撰寫設計報告、使學生得到一次較全面的工程實踐訓練。理論聯(lián)系實際，提高和培養(yǎng)創(chuàng)新能力，為后續(xù)課程的學習，畢業(yè)設計，畢業(yè)后的工作打下基礎。同時，結合ED

21、A 技術，進行仿真設計，可以體現(xiàn)現(xiàn)代化的設計方法和理念，使電子課程設計在培養(yǎng)學生能力方面，得到比較大的提高。</p><p>　　對有利于學生實踐能力發(fā)展的教學網站的學習資源研究。按照課程內容，結合</p><p>　　教學探究學習的需要，設計開發(fā)既可以用于教師課堂使用，又便于學生自主學習的資源體系，本課題將主要研究怎樣設計技術教學資源，才能受學生歡迎、激起學習興趣，又能最大限度地提升學生

22、信息素養(yǎng)、解決問題的知識與技能。并且設計完成完整、配套、符合課程標準的EDA技術教學資源，為實現(xiàn)學生學習方式的根本轉變提供有效支持。教學資源建設分為教學的設計，配套資源的搜集、整理、設計制作及整合。教學的設計應能與學生的學習生活實際相結合起來，能激起學生學習探究欲望，同時也能很好地滲透學科教學內容。配套資源建設包括現(xiàn)有資源的搜集、整理以及檢索互聯(lián)網上的免費資源，研究設計制作新的配套資源，并將這些資源加工整合，形成圍繞主題的豐富的學習資源

23、，方便學習者獲取，兼顧不同層次學生學習需求。</p><p>　　EDA技術是一種“軟”、“硬”合一的電子設計技術，它以計算機和EDA軟</p><p>　　件為工作平臺，以硬件描述語言為設計語言，以專用集成電路為實現(xiàn)載體，設計并實現(xiàn)復雜電子電路或電子系統(tǒng)，代表了現(xiàn)代電子設計的主流趨勢。EDA技術課程既有理論性，也有實踐性，且實踐性強于理論性，所以在教學中運用教學資源網站培養(yǎng)學生實踐能力的

24、策略研究是非常有必要的[1]。</p><p>　　第二章 EDA技術簡介</p><p>　　2.1 EDA技術的概念</p><p>　　EDA（Electronic Design Automation，電子設計自動化）是在20 世紀90 年代初，從計算機輔助設計（CAD）、計算機輔助制造（CAM）、計算機輔助測試（CAT）和計算機輔助工程（CAE）的概念發(fā)

25、展而來的。EDA 技術是以計算機為工具，設計者在EDA 軟件平臺上進行硬件設計、仿真分析、PCB（印制電路板）版圖設計等的自動化設計技術。</p><p>　　EDA 技術從狹義上講，就是以大規(guī)模可編程那個邏輯器件為設計載體，以硬件描述語言為系統(tǒng)邏輯描述的主要表達方式，以計算機、大規(guī)?？删幊踢壿嬈骷拈_發(fā)軟件及實驗開發(fā)系統(tǒng)為設計工具，通過有關的開發(fā)軟件，自動完成用軟件的方式設計的電子系統(tǒng)到硬件系統(tǒng)的邏輯編譯、邏輯

26、化簡、邏輯分割、邏輯綜合及優(yōu)化、邏輯布局布線、邏輯仿真，直至完成對于特定目標芯片的適配編譯、邏輯映射、編程下載等工作，最終形成集成電子系統(tǒng)或專用集成芯片的一門技術，或稱為IES/ASIC自動設計技術。</p><p>　　EDA 技術從廣泛意義來講，其包含電子系統(tǒng)設計自動化、半導體工藝自動化、可編程器件設計自動化、PCB 設計自動化、仿真測試及故障診斷自動化等技術。EDA 技術是利用EDA 軟件工具，在人的操作引

27、導下自動完成電子設計、仿真測試、PCB 設計全過程的技術，它極大地改變了傳統(tǒng)的電子系統(tǒng)設計方法、設計過程和設計觀念，成為21 世紀電子設計的主流[2]。</p><p>　　2.2 EDA技術的主要內容</p><p>　　EDA技術是一門迅速發(fā)展的新技術，涉及面廣，內容豐富，理解各異。鑒于EDA技術的涵義，從教學和實用的角度看，主要應掌握四個方面的內容：大規(guī)模可編程邏輯器件；硬件描述語

28、言；軟件開發(fā)工具；實驗開發(fā)系統(tǒng)。其中，大規(guī)?？删幊踢壿嬈骷抢肊DA技術進行電子系統(tǒng)設計的載體，硬件描述語言是利用EDA技術進行電子系統(tǒng)設計的主要表達手段，軟件開發(fā)工具是利用EDA技術進行電子系統(tǒng)設計的智能化設計工具，實驗開發(fā)系統(tǒng)則是利用EDA技術進行電子系統(tǒng)設計的下載工具及硬件驗證工具。</p><p>　　2.3 EDA技術的基本特征</p><p>　　EDA代表了當今電子設計技

29、術的最新發(fā)展方向，它的基本特征是：設計人員按照“自頂向下”的設計方法，對整個系統(tǒng)進行方案設計和功能劃分，系統(tǒng)的關鍵電路用一片或幾片專用集成電路（ASIC）實現(xiàn)，然后采用硬件描述語言（HDL）完成系統(tǒng)行為級設計，最后通過綜合器和適配器生成最終的目標器件，這樣的設計方法被稱為高層次的電子設計方法。下面介紹與EDA基本特征有關的幾個概念。</p><p>　　自頂向下的設計方法。10年前，電子設計的基本思路還是選用標準

30、集成電路“自底向上”地構造出一個新的系統(tǒng)，這樣的設計方法就如同一磚一瓦建造金字塔，不僅效率低、成本高而且容易出錯。</p><p>　　高層次設計是一種“自頂向下”的全新設計方法，這種設計方法首先從系統(tǒng)設計入手，在頂層進行功能方框圖的劃分和結構設計。在方框圖一級進行仿真、糾錯，并用硬件描述語言對高層次的系統(tǒng)行為進行描述，在系統(tǒng)一級進行驗證。然后，用綜合優(yōu)化工具生成具體門電路的網絡表，其對應的物理實現(xiàn)級可以是印刷電

31、路板或專用集成電路。由于設計的主要仿真和調試過程是在高層次上完成的，這既有利于早期發(fā)現(xiàn)結構設計上的錯誤，又減少了邏輯功能仿真的工作量，提高了設計的一次成功率。</p><p>　　ASIC設計?，F(xiàn)代電子產品的復雜度日益提高，一個電子系統(tǒng)可能由數(shù)萬個中小規(guī)模集成電路構成，這就帶來了體積大、功耗大、可靠性差的問題。解決這一問題的有效方法就是采用ASIC芯片進行設計。ASIC按照設計方法的不同可分為全定制ASIC、半定

32、制ASC和可紀程ASIC（也稱為可編程邏輯器件）。</p><p>　　設計全定制ASIC芯片時，設計師要定義芯片上所有晶體管的幾何圖形和工藝規(guī)則，最后將設計結果交由廠家去進行格模制造，做出產品。這種設計方法的優(yōu)點是芯片可以獲得最優(yōu)的性能，即面積利用率高、速度快、功耗低，而缺點是開發(fā)周期長，費用高，只適合大批量產品開發(fā)。</p><p>　　半定制ASIC芯片的版圖設計方法分為門陣列設計法

33、和標準單元設計法，這兩種方法都是約束性的設計方法，其主要目的就是簡化設計，以犧牲芯片性能為代價來縮短開發(fā)時間。</p><p>　　可編程邏輯芯片與上述掩模ASIC的不同之處在于：設計人員完成版圖設計后，在實驗室內就可以燒制出自己的芯片，無須IC廠家的參與，大大縮短了開發(fā)周期。</p><p>　　可編程邏輯器件（PLD）自70年代以來，經歷了PAL、GAL、CPLD、FPGA幾個發(fā)展階段

34、，其中CPLD就是指高密度可編程邏輯器件，F(xiàn)PGA就是指可編程門陣列器件?？删幊踢壿嬈骷≒LD）與分立元件相比，具有速度快、容量大、功耗小、和可靠性高等優(yōu)點。由于其集成度高，設計方法先進并且現(xiàn)場可編程，可以設計各種數(shù)字電路，因此，在通信、網絡、儀器、數(shù)據處理、汽車、存儲/服務器、工業(yè)和航空/國防等眾多領域得到了廣泛的應用[3]。</p><p>　　上述ASIC芯片，尤其是CPLD／FPGA器件，已成為現(xiàn)代高層

35、次電子設計方法的實現(xiàn)載體。</p><p>　　硬件描述語言（HDL）是一種用于設計硬件電子系統(tǒng)的計算機語言，它用軟件編程的方式來描述電子系統(tǒng)的邏輯功能、電路結構和連接形式，與傳統(tǒng)的門級描述方式相比，它更適合大規(guī)模系統(tǒng)的設計。常用的硬件描述語言有ABEL、Verilog、VHDL。</p><p>　　VHDL：作為IEEE的工業(yè)標準硬件描述語言，在電子工程領域，已成為事實上的通用硬件描述

36、語言。</p><p>　　Verilog：支持的EDA工具較多，適用于RTL級和門電路級的描述，其綜合過程較VHDL稍簡單，但其在高級描述方面不如VHDL。</p><p>　　ABEL：是一種支持各種不同輸入方式的HDL，被廣泛用于各種可編程邏輯器件的邏輯功能設計，由于其語言描述的獨立性，因而適用于各種不同規(guī)模的可編程器件的設計[4]。</p><p>　　2.

37、4 EDA技術的研究范疇</p><p>　　利用EDA技術進行電子系統(tǒng)設計實現(xiàn)目標的三種形式如圖2.1所示：</p><p>　　全定制或半定制ASIC</p><p>　　FPGA/CPLD開發(fā)應用</p><p>　　PCB（印制電路板）</p><p>　　圖2.1 EDA技術的研究范疇</p>

38、<p>　　EDA技術的應用范疇很寬：包括在機械、電子、通信、航空航天、化工、礦產、生物、醫(yī)學、軍事等各個領域，都有EDA的應用。目前EDA技術已在各大公司、企事業(yè)單位和科研教學部門廣泛使用。例如在飛機制造過程中，從設計、性能測試及特性分析知道飛行模擬，都可能涉及到EDA技術。本文所指的EDA技術，主要是針對電子電路設計、PCB設計和IC設計。</p><p>　　2.5 EDA技術的發(fā)展趨勢&l

39、t;/p><p>　　EDA技術呈現(xiàn)出如下快速發(fā)展態(tài)勢：</p><p>　　現(xiàn)在已經開發(fā)出更趨于電路行為級的硬件描述語言，如System C、SystemVerilog及系統(tǒng)級混合仿真工具，可以在同一個開發(fā)平臺上完成高級語言（C、C++）與標準HDL語言（Verilog HDL、VHDL）或其他更低層次描述模塊的混合仿真。</p><p>　　隨著系統(tǒng)開發(fā)對EDA技術

40、的目標器件各種性能要求的提高，ASIC和FPGA將更大程度的互相融合。</p><p>　　中國EDA市場已漸趨成熟，不過大部分設計工程師面向的是PCB制板和小型ASIC領域，僅有小部分的設計人員開發(fā)復雜的片上系統(tǒng)（SOC）器件。為了與臺灣和美國的設計工程師形成更有力的競爭，中國的設計隊伍有必要引進和學習一些最新的EDA技術。</p><p>　　在信息通信領域，要優(yōu)先發(fā)展高速寬帶信息網、

41、深亞微米集成電路、新型元器件、計算機及軟件技術、第三代移動通信技術、信息管理、信息安全技術，積極開拓以數(shù)字技術、網絡技術為基礎的新一代信息產品，發(fā)展新興產業(yè)，培育新的經濟增長點。要大力推進制造業(yè)信息化，積極開展計算機輔助設計（CAD）、計算機輔助工程（CAE）、計算機輔助工藝（CAPP）、計算機機輔助制造（CAM）、產品數(shù)據管理（PDM）、制造資源計劃（MRPII）及企業(yè)資源管理（ERP）等。有條件的企業(yè)可開展“網絡制造”，便于合作設計

42、、合作制造，參與國內和國際競爭。開展“數(shù)控化”工程和“數(shù)字化”工程。自動化儀表的技術發(fā)展趨勢的測試技術、控制技術與計算機技術、通信技術進一步融合，形成測量、控制、通信與計算機（M3C）結構。在ASIC和PLD設計方面，向超高速、高密度、低功耗、低電壓方面發(fā)展。</p><p>　　在EDA軟件開發(fā)方面，目前主要集中在美國。但各國也正在努力開發(fā)相應的工具。日本、韓國都有ASIC設計工具，但不對外開放。中國華大集成電

43、路設計中心，也提供IC設計軟件，但性能不是很強。相信在不久的將來會有更多更好的設計工具在各地開花并結果。</p><p>　　EDA技術發(fā)展迅猛，完全可以用日新月異來描述。EDA技術的應用廣泛，現(xiàn)在已涉及到各行各業(yè)。EDA水平不斷提高，設計工具趨于完美的地步。EDA市場日趨成熟，但我國的研發(fā)水平仍很有限，尚需迎頭趕上。</p><p>　　2.6 EDA技術的基本設計方法</p&g

44、t;<p>　　電路級設計是電子工程師接受系統(tǒng)設計任務后，首先確定設計方案，同時要選擇能實現(xiàn)該方案的合適元器件，然后根據具體的元器件設計電路原理圖。接著進行第一次仿真，主要是檢驗設計方案在功能方面的正確性，仿真通過后，根據原理圖產生的電氣連接網絡表進行PCB板的自動布局布線。最后進行第二次仿真（后仿真），這次主要是檢驗PCB板在實際工作環(huán)境中的可行性。</p><p>　　系統(tǒng)級設計是一種“概念驅動

45、式”設計，設計人員無需通過門及原理圖描述電路，而是針對設計目標進行功能描述，由于擺脫了電路細節(jié)的束縛，設計人員可以把精力集中于創(chuàng)造性等概念構思與方案上，一旦這些概念構思以高層次描述的形式輸入計算機后，EDA系統(tǒng)就能以規(guī)則驅動的方式自動完成整個設計。這樣，新的概念得以迅速有效的成為產品，大大縮短了產品的研制周期。系統(tǒng)及設計只是定義系統(tǒng)的行為特性，可以不涉及實現(xiàn)工藝，在廠家綜合庫的支持下，利用綜合優(yōu)化工具可以將高層次描述轉換成針對某種工藝有

46、話的網表，工藝轉化變得輕而易舉[5]。</p><p>　　2.7 EDA技術的學習重點及學習方法</p><p>　　EDA技術作為一門發(fā)展迅速、有著廣闊應用前景的新技術，涉及面廣，內容豐富。</p><p>　　EDA技術的學習重點</p><p>　　從實用和教學的角度講，我們認為，EDA技術的學習主要應掌握四個方面的內容：大規(guī)?？删?/p>

47、程邏輯器件；硬件描述語言；軟件開發(fā)工具；實驗開發(fā)系統(tǒng)。其中，硬件描述語言是重點。</p><p>　　對于大規(guī)?？删幊踢壿嬈骷?，主要是了解其分類、基本結構、工作原理、各廠家產品系列、性能指標以及如何選用，而對于各個產品的具體結構不必研究過細。</p><p>　　對于硬件描述語言，除了掌握基本語法規(guī)定外，更重要的是理解VHDL的三個“精髓”：軟件的強數(shù)據類型與硬件電路的唯一性、硬件行為的并

48、行性決定了VHDL語言的并行性、軟件仿真的順序性與實際硬件行為的并行性；要掌握系統(tǒng)的分析與建模方法，能夠將各種基本語法規(guī)定熟練的運用于自己的設計中。</p><p>　　對于軟件開發(fā)工具，應熟練掌握從源程序的編輯、邏輯綜合、邏輯適配以及各種仿真、硬件驗證各步驟的使用。</p><p>　　對于實驗開發(fā)系統(tǒng)，應根據自己擁有的設備，熟練的進行硬件驗證。</p><p>

49、　　EDA技術的學習方法</p><p>　　抓住一個重點：VHDL的編程；掌握兩個工具：CPLD/FPGA開發(fā)軟件和EDA實驗開發(fā)系統(tǒng)的使用；運用三種手段：案例分析、應用設計和上機實踐；采用四個結合：邊學邊用相結合，邊用邊學相結合，理論與實踐相結合，課內與課外相結合。</p><p>　　第三章 網站設計原理</p><p>　　3.1 ASP技術介紹<

50、/p><p>　　ASP是Active Server Pages的簡稱，是微軟公司推出的一種用以取代CGI的技術。簡單講，ASP是位于服務器端的腳本運行環(huán)境，通過這種環(huán)境，用戶可以創(chuàng)建和運行動態(tài)的、交互式的Web應用程序，如交互式的動態(tài)網頁，包括使用HTML表單收集和處理信息、上傳于下載文件等[6]。也可以認為Asp是一種類似于Html、Script與CGI的結合體，但是其運行效率卻比CGI更高，程序編制也比Html

51、更方便且更有靈活性。</p><p>　　ASP的工作原理如圖3.1所示：</p><p>　　圖3.1 Active Server Pages工作原理</p><p><b>　　ASP的工作原理：</b></p><p>　　當在Web站點中融入ASP功能后，將發(fā)生以下事情： </p><p&g

52、t;　　用戶向瀏覽器地址欄輸入網址，默認頁面的擴展名是.asp； </p><p>　　瀏覽器向服務器發(fā)出請求；</p><p>　　服務器引擎開始運行ASP程序；</p><p>　　ASP文件按照從上到下的順序開始處理，執(zhí)行腳本命令，執(zhí)行HTML頁面內容；</p><p>　　頁面信息發(fā)送到瀏覽器。</p><p>

53、;　　因為腳本是在服務器端運行的，所以Web服務器完成所有處理后，將標準的HTML頁面送往瀏覽器。這意味著，ASP只能在可以支持的服務器上運行。讓腳本駐留在服務器端的另外一個益處是：用戶不可能看到原始腳本程序的代碼，用戶看到的，僅僅是最終產生的HTML內容。</p><p>　　3.2 B/S結構</p><p>　　所謂B/S結構，就是只安裝維護一個服務器（Server），而客戶端采用

54、瀏覽器（Browser）運行軟件，即瀏覽器/服務器結構。通過一個瀏覽器可以訪問多個應用服務器，形成點到多點，多點到多點的結構模式[7]。 </p><p>　　B/S結構的優(yōu)點是使用簡單，易于維護，對客戶端硬件要求低[8]?？蛻舳诉\行軟件，就像我們平時上網瀏覽網頁一樣，有個瀏覽器（例如IE）就行了，不用安裝其它軟件。B/S結構的軟件所有的維護、升級工作都只在服務器上進行，而客戶端就能獲得最新版本的軟件。</

55、p><p>　　第四章 網站總體設計</p><p>　　EDA教學資源網站的總體設計主要包括：</p><p><b>　　軟件的運行環(huán)境設計</b></p><p><b>　　網站模塊設計</b></p><p>　　4.1 網站的軟、硬件環(huán)境</p>&

56、lt;p>　　為了保證網站運行的效率和可靠性，服務器端應具有較高的軟硬件配置，客戶端的要求不需要很高。此應用程序可廣泛運行于Internet，也適應于內部的局域網。運行要求得到軟件環(huán)境為，客戶端：Windows 98， Internet Explorer 4.0 以上版本；服務器端：Windows 7， IIS 5.0 及其以上版本；數(shù)據庫：采用Access 數(shù)據庫，運行于服務器端。硬件環(huán)境為，服務器：CPU要求 PIII 800

57、以上，內存256 MB以上；客戶機：CUP要求 200MMX以上，內存64MB以上。</p><p>　　4.2 網站功能模塊設計</p><p>　　根據對網站的分析，網站模塊的總體結構圖如圖4.1所示。</p><p>　　圖4.1 網站模塊的總體結構圖</p><p>　　各個模塊功能結構圖如圖4.2～4.5所示。</p>

58、;<p>　　圖4.2 課程概況結構圖</p><p>　　圖4.3 課程教學結構圖</p><p>　　圖4.4 實踐教學結構圖</p><p>　　圖4.5 教學資源結構圖</p><p>　　本文所建信息資源網站，主要用來給學生提供EDA相關學科技術知識的基本信息，教學技巧，學習過程中遇到的重點和難點以及如何去解決

59、問題。</p><p><b>　　4.3 網頁色彩</b></p><p>　　在各種藝術設計門類中，色彩起著無可替代的靈魂作用。在網頁設計中，色彩的作用也同樣不可忽視。打開一個網站，給用戶留下第一隱形的既不是網站豐富的內容，也不是網站合理的版面布局，而是網站的色彩。色彩對人的視覺影響非常明顯，色彩的基調能強化網頁主體信息和個性化特征，在表現(xiàn)特征上具有抒情性，借助

60、色彩引發(fā)的聯(lián)想能使人產生強烈的情感反應。所以色彩對與網頁設計的影響是非常重要的[9]。</p><p><b>　　第五章 詳細設計</b></p><p>　　本章節(jié)是通過查閱相關書籍和學習相關軟件后，針對課題進行的詳細設計，也是整個網站設計過程中的重要步驟之一[10]。</p><p>　　5.1 網站主界面設計</p>

61、<p>　　利用Dreamweaver設計相關的模塊，主界面主要顯示網站的大體輪廓如圖5.1所示：</p><p>　　圖5.1 網站主界面</p><p><b>　　主要代碼如下：</b></p><p>　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transit

62、ional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p>　　<html xmlns="http://www.w3.org/1999/xhtml"></p><p><b>　　<head></b&

63、gt;</p><p>　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /></p><p>　　<title>首頁</title></p><p>　　<style type="te

64、xt/css"></p><p><b>　　<!--</b></p><p>　　.STYLE1 {font-size: x-large}</p><p>　　.STYLE2 {font-size: large}</p><p><b>　　#Layer1 {</b><

65、/p><p>　　position:absolute;</p><p>　　left:440px;</p><p>　　top:259px;</p><p>　　width:704px;</p><p>　　height:304px;</p><p>　　z-index:1;</p>

66、<p><b>　　}</b></p><p><b>　　#Layer2 {</b></p><p>　　position:absolute;</p><p>　　left:475px;</p><p>　　top:776px;</p><p>　　width:6

67、40px;</p><p>　　height:205px;</p><p>　　z-index:2;</p><p><b>　　}</b></p><p><b>　　p {</b></p><p>　　font-family: "宋體";</p&

68、gt;<p>　　font-size: 36px;</p><p>　　color: #333333;</p><p>　　text-indent: 18pt;</p><p>　　margin-right: 50px;</p><p>　　margin-left: 50px;</p><p>　　lin

69、e-height: 72px;</p><p><b>　　}</b></p><p><b>　　p {</b></p><p>　　font-family: "宋體";</p><p>　　font-size: large;</p><p>　　tex

70、t-indent: 18pt;</p><p>　　margin-right: 50px;</p><p>　　margin-left: 50px;</p><p>　　line-height: 22px;</p><p><b>　　}</b></p><p><b>　　.image

71、1 {</b></p><p>　　float: right;</p><p>　　height: 200px;</p><p>　　width: 250px;</p><p>　　padding-right: 10px;</p><p>　　padding-left: 20px;</p>&

72、lt;p><b>　　}</b></p><p>　　a:visited {</p><p>　　color: #660099;</p><p>　　text-decoration: none;</p><p><b>　　}</b></p><p><b>

73、　　a:hover {</b></p><p>　　color: #FF0000;</p><p>　　text-decoration: underline;</p><p><b>　　}</b></p><p>　　a:active {</p><p>　　color: #6666

74、66;</p><p>　　text-decoration: none;</p><p><b>　　}</b></p><p><b>　　a:link {</b></p><p>　　text-decoration: none;</p><p><b>　　}&

75、lt;/b></p><p><b>　　body {</b></p><p>　　background-attachment: fixed;</p><p>　　background-image: url(ppt.jpg);</p><p>　　background-repeat: no-repeat;</

76、p><p>　　background-position: top;</p><p><b>　　}</b></p><p><b>　　--></b></p><p><b>　　</style></b></p><p><b>

77、　　</head></b></p><p><b>　　<body></b></p><p>　　<div align="center"></p><p>　　<table width="1044" height="324" bor

78、der="0" cellpadding="0" cellspacing="0"></p><p><b>　　<tr></b></p><p>　　<td height="1" colspan="6">&nbsp;</td&g

79、t;</p><p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td width="7" rowspan="5" background="images清華eda.jpg" bg

80、color="#99CCCC">&nbsp;</td></p><p>　　<td height="100" colspan="4" background="images清華eda.jpg"><img src="images夢想飛翔.jpg" width="10

81、28" height="162" /></td></p><p>　　<td width="9" rowspan="5" background="images清華eda.jpg" bgcolor="#99CCCC">&nbsp;</td></p>

82、;<p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td height="50" colspan="4" bgcolor="#33CCFF"><div align="

83、;center"></p><p>　　<table width="813" height="55" border="0" cellpadding="0" cellspacing="0"></p><p><b>　　<tr></b&g

84、t;</p><p>　　<td><div align="center" class="STYLE1"><a href="edasy.html">首 頁</a> </div></td></p><p>　　<td><div align=&qu

85、ot;center" class="STYLE1"><a href="kcgk.html">課程概況</a></div></td></p><p>　　<td><div align="center" class="STYLE1"><a hre

86、f="kcjx.html">課程教學</a></div></td></p><p>　　<td><div align="center" class="STYLE1"><a href="sjjx.html">實踐教學</a></div>

87、</td></p><p>　　<td><div align="center" class="STYLE1"><a href="jxzy.html">教學資源</a></div></td></p><p><b>　　</tr>

88、;</b></p><p><b>　　</table></b></p><p>　　</div></td></p><p><b>　　</tr></b></p><p><b>　　<tr></b>&l

89、t;/p><p>　　<td width="214" height="398" bgcolor="#33CCFF"><table width="214" border="0" cellspacing="0" cellpadding="0"></p&g

90、t;<p><b>　　<tr></b></p><p>　　<th width="214" height="13" bgcolor="#FFFFCC" scope="col">&nbsp;</th></p><p><b&g

91、t;　　</tr></b></p><p><b>　　</table></b></p><p>　　<p align="left" class="STYLE1">&nbsp;</p></p><p>　　<p align=&quo

92、t;left" class="STYLE2"><a href="kcgk.html">課程概況</a></p></p><p>　　<p align="left" class="STYLE2"><a href="kcjx.html">課程教

93、學</a></p></p><p>　　<p align="left" class="STYLE2"><a href="sjjx.html">實踐教學</a></p></p><p>　　<p align="left" class=&

94、quot;STYLE1"><span class="STYLE2"><a href="jxzy.html">教學資源</a></span></p></p><p>　　<p align="left" class="STYLE1">&nbsp

95、;</p></p><p>　　<p class="STYLE1">&nbsp;</p></p><p>　　<p class="STYLE1">&nbsp;</p></p><p>　　<p class="STYLE1"&g

96、t;&nbsp;</p></p><p>　　<p class="STYLE1">&nbsp;</p></p><p>　　<p class="STYLE1">&nbsp;</p></p><p>　　<p class="STY

97、LE1">&nbsp;</p></p><p>　　<p class="STYLE1">&nbsp;</p></td></p><p>　　<td width="38">&nbsp;</td></p><p>　　&

98、lt;td width="765"><p>21世紀的人們更加依賴電子產品。電子技術改變了人們生活的質量，我們周圍的收錄機、電話、電視、計算機等，都是電子技術的杰作，已成為人們生活的必需品；很多設備在嵌入電子技術后，其產品價值大大提高，如全自動洗衣機、數(shù)控機床等，它會降低人們的勞動強度，提高工作效率；電子技術擴大了人們的視野，如衛(wèi)星遙測、太空望遠鏡等，讓我們了解到幾千公里乃至數(shù)萬光年的事物；電子技術拓

99、寬了人們的時空，如通過國際互聯(lián)網周游世界，創(chuàng)建虛擬空間回顧過去、展望未來?？傊?，電子產品已經深入人們生活的各個角落。電子設計人員學習EDA（Electronic Design Automation電子設計自動化）技術是十分必要的，它可以提高電子產品設計的速度、精度、可靠性，擴大設計規(guī)模等。</p></p><p>　　<p><img src="images02.jpg&q

100、uot; width="680" height="330" class="image1" longdesc="shiyanshi2.jpg" /></p></p><p>　　<p>電子技術改變了人們生活的質量，我們周圍的收錄機、電話、電視、計算機等，都是電子技術的杰作，已成為人們生活的必需品，電子產品已

101、經深入人們生活的各個角落。電子設計人員學習EDA技術是十分必要的，它可以提高電子產品設計的速度、精度、可靠性，擴大設計規(guī)模等。 本書以原理圖輸入法、文本輸入法設計為主，引導讀者循序漸進地學習EDA技術。全書涉及了3個軟件工具，并從Multisim 10的應用基礎、Multisim 10的高級分析方法、電子技術實驗等九個方面，結合電子學科學生的學習進度及特點，系統(tǒng)地闡述了EDA技術的運用知識。</p></p>&

102、lt;p>　　<table width="686" height="91" cellpadding="0" cellspacing="0"></p><p><b>　　<tr></b></p><p>　　<th scope="row&quo

103、t;><div align="left">友情鏈接：</div></th></p><p>　　<td>&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　<tr><

104、;/b></p><p>　　<td scope="row"><div align="left">1、<a href="http://tiger.cs.tsinghua.edu.cn/">清華大學計算機系EDA實驗室</a></div></td></p><

105、p>　　<td><div align="left">2、<a href="http://jpkc.hdu.edu.cn/elec/eda/edanew_m/">EDA自學指導網</a></div></td></p><p><b>　　</tr></b></

106、p><p><b>　　<tr></b></p><p>　　<td scope="row"><div align="left">3、<a href="http://jpkc.hdu.edu.cn/elec/eda/index.asp">杭州電子科技大學EDA技術&

107、lt;/a></div></td></p><p>　　<td><div align="left">4、<a href="http://210.40.3.225/#">貴州大學EDA教學中心</a></div></td></p><p><b&

108、gt;　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</td></b></p><p>　　<td width="11">&nbsp;</td></p>

109、<p><b>　　</tr></b></p><p><b>　　<tr></b></p><p>　　<td height="30" colspan="2" bgcolor="#33CCFF"><div align="

110、right"><span class="STYLE2">貴州大學科技學院</span></div></td></p><p>　　<td bgcolor="#33CCFF"><div align="center" class="STYLE2">07

111、級電子信息科學與技術</div></td></p><p>　　<td bgcolor="#33CCFF">&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　<tr></b>

112、</p><p>　　<td height="30" colspan="2" bgcolor="#33CCFF"><div align="center" class="STYLE2"></p><p>　　<div align="right"

113、>地址：貴陽市小關校區(qū)</div></p><p>　　</div></td></p><p>　　<td bgcolor="#33CCFF"><div align="center" class="STYLE2">E-mail：<a href="ht

114、tp://m402.mail.qq.com/cgi-bin/frame_html?sid=XVAUOMsHyb4IHz1w&amp;r=1c0fe02b49ff08f81e1f8b8e58ef9fec">578286349@qq.com</a></div></td></p><p>　　<td bgcolor="#33CCFF"

115、>&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　</table></b></p><p><b>　　</div></b></p><p><b>　　

116、</body></b></p><p><b>　　</html></b></p><p>　　5.2 課程概況模塊</p><p>　　課程概況界面顯示如圖5.2所示：</p><p>　　圖5.2 課程概況界面</p><p><b>　　主要

117、代碼如下：</b></p><p>　　<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p><p>　　<html xml

118、ns="http://www.w3.org/1999/xhtml"></p><p><b>　　<head></b></p><p>　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

119、</p><p>　　<title>課程概況</title></p><p>　　<style type="text/css"></p><p><b>　　<!--</b></p><p>　　body,td,th {</p><p>

120、;　　font-family: 宋體;</p><p><b>　　}</b></p><p><b>　　body {</b></p><p>　　background-color: #FFFFFF;</p><p><b>　　}</b></p><p&

121、gt;　　.STYLE6 {font-size: xx-large}</p><p><b>　　a:link {</b></p><p>　　color: #0000FF;</p><p>　　text-decoration: none;</p><p><b>　　}</b></p>

122、<p>　　.STYLE9 {font-size: x-large}</p><p><b>　　p {</b></p><p>　　font-family: "宋體";</p><p>　　font-size: large;</p><p>　　color: #333333;</

123、p><p>　　text-indent: 18pt;</p><p>　　margin-left: 50px;</p><p>　　line-height: 30px;</p><p>　　margin-right: 50px;</p><p><b>　　}</b></p><p

124、>　　.STYLE10 {font-size: large}</p><p><b>　　#Layer1 {</b></p><p>　　position:absolute;</p><p>　　left:399px;</p><p>　　top:269px;</p><p>　　width

125、:727px;</p><p>　　height:471px;</p><p>　　z-index:1;</p><p><b>　　}</b></p><p>　　a:visited {</p><p>　　color: #660099;</p><p>　　text-d

126、ecoration: none;</p><p><b>　　}</b></p><p><b>　　a:hover {</b></p><p>　　color: #FF0000;</p><p>　　text-decoration: underline;</p><p>&

127、lt;b>　　}</b></p><p>　　a:active {</p><p>　　text-decoration: none;</p><p><b>　　}</b></p><p><b>　　body {</b></p><p>　　backgro

128、und-attachment: fixed;</p><p>　　background-image: url(ppt.jpg);</p><p>　　background-repeat: no-repeat;</p><p>　　background-position: top;</p><p><b>　　}</b>&

129、lt;/p><p><b>　　--></b></p><p><b>　　</style></b></p><p><b>　　</head></b></p><p><b>　　<body></b></p&g

130、t;<p>　　<div align="center"></p><p>　　<table width="1050" height="742" border="0" cellpadding="0" cellspacing="0"></p>&l

131、t;p><b>　　<tr></b></p><p>　　<td height="1" colspan="6">&nbsp;</td></p><p><b>　　</tr></b></p><p><b>　　

132、<tr></b></p><p>　　<td width="7" rowspan="4" background="images清華eda.jpg">&nbsp;</td></p><p>　　<td height="50" colspan="