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

1、<p>　　本科畢業(yè)設(shè)計（論文）</p><p><b>　?。?0 屆）</b></p><p>　　EDA教學(xué)資源網(wǎng)站的建設(shè)</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 課題主要內(nèi)

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

4、　2.5 EDA技術(shù)的發(fā)展趨勢6</p><p>　　2.6 EDA技術(shù)的基本設(shè)計方法7</p><p>　　2.7 EDA技術(shù)的學(xué)習(xí)重點及學(xué)習(xí)方法7</p><p>　　第三章 網(wǎng)站設(shè)計原理9</p><p>　　3.1 ASP技術(shù)介紹9</p><p>　　3.2 B/S結(jié)構(gòu)10</p

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

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

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

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

9、和使用，提高了效率。</p><p>　　本文網(wǎng)站的建設(shè)是基于B/S結(jié)構(gòu)的WEB應(yīng)用程序，借助Dreamweaver等網(wǎng)頁制作軟件進行開發(fā)，實現(xiàn)了資源信息的共享。我負責(zé)網(wǎng)站的設(shè)計與開發(fā)和相關(guān)技術(shù)信息的創(chuàng)建。主要包括四個部分：課程概況、課程教學(xué)、實踐教學(xué)、教學(xué)資源。</p><p>　　關(guān)鍵詞： B/S結(jié)構(gòu)；ASP；網(wǎng)站建設(shè)；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>　　在科學(xué)技術(shù)飛速發(fā)展的今天，計算機科學(xué)及互聯(lián)網(wǎng)日漸成熟，其強大的功能已為人們深刻認(rèn)識，它已經(jīng)進入人類社會的各個領(lǐng)域并發(fā)揮著越來越重要的作用。各行各業(yè)的人們無須經(jīng)過特別的訓(xùn)練就能夠使用電腦完成許許多多復(fù)雜的工作。本

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

57、以上，內(nèi)存256 MB以上；客戶機：CUP要求 200MMX以上，內(nèi)存64MB以上。</p><p>　　4.2 網(wǎng)站功能模塊設(shè)計</p><p>　　根據(jù)對網(wǎng)站的分析，網(wǎng)站模塊的總體結(jié)構(gòu)圖如圖4.1所示。</p><p>　　圖4.1 網(wǎng)站模塊的總體結(jié)構(gòu)圖</p><p>　　各個模塊功能結(jié)構(gòu)圖如圖4.2～4.5所示。</p>

58、;<p>　　圖4.2 課程概況結(jié)構(gòu)圖</p><p>　　圖4.3 課程教學(xué)結(jié)構(gòu)圖</p><p>　　圖4.4 實踐教學(xué)結(jié)構(gòu)圖</p><p>　　圖4.5 教學(xué)資源結(jié)構(gòu)圖</p><p>　　本文所建信息資源網(wǎng)站，主要用來給學(xué)生提供EDA相關(guān)學(xué)科技術(shù)知識的基本信息，教學(xué)技巧，學(xué)習(xí)過程中遇到的重點和難點以及如何去解決

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

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

61、<p>　　利用Dreamweaver設(shè)計相關(guān)的模塊，主界面主要顯示網(wǎng)站的大體輪廓如圖5.1所示：</p><p>　　圖5.1 網(wǎng)站主界面</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">課程教學(xué)</a></div></td></p><p>　　<td><div align="center" class="STYLE1"><a href="sjjx.html">實踐教學(xué)</a></div>

87、</td></p><p>　　<td><div align="center" class="STYLE1"><a href="jxzy.html">教學(xué)資源</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、學(xué)</a></p></p><p>　　<p align="left" class="STYLE2"><a href="sjjx.html">實踐教學(xué)</a></p></p><p>　　<p align="left" class=&

94、quot;STYLE1"><span class="STYLE2"><a href="jxzy.html">教學(xué)資源</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世紀(jì)的人們更加依賴電子產(chǎn)品。電子技術(shù)改變了人們生活的質(zhì)量，我們周圍的收錄機、電話、電視、計算機等，都是電子技術(shù)的杰作，已成為人們生活的必需品；很多設(shè)備在嵌入電子技術(shù)后，其產(chǎn)品價值大大提高，如全自動洗衣機、數(shù)控機床等，它會降低人們的勞動強度，提高工作效率；電子技術(shù)擴大了人們的視野，如衛(wèi)星遙測、太空望遠鏡等，讓我們了解到幾千公里乃至數(shù)萬光年的事物；電子技術(shù)拓

99、寬了人們的時空，如通過國際互聯(lián)網(wǎng)周游世界，創(chuàng)建虛擬空間回顧過去、展望未來?？傊?，電子產(chǎn)品已經(jīng)深入人們生活的各個角落。電子設(shè)計人員學(xué)習(xí)EDA（Electronic Design Automation電子設(shè)計自動化）技術(shù)是十分必要的，它可以提高電子產(chǎn)品設(shè)計的速度、精度、可靠性，擴大設(shè)計規(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>電子技術(shù)改變了人們生活的質(zhì)量，我們周圍的收錄機、電話、電視、計算機等，都是電子技術(shù)的杰作，已成為人們生活的必需品，電子產(chǎn)品已

101、經(jīng)深入人們生活的各個角落。電子設(shè)計人員學(xué)習(xí)EDA技術(shù)是十分必要的，它可以提高電子產(chǎn)品設(shè)計的速度、精度、可靠性，擴大設(shè)計規(guī)模等。 本書以原理圖輸入法、文本輸入法設(shè)計為主，引導(dǎo)讀者循序漸進地學(xué)習(xí)EDA技術(shù)。全書涉及了3個軟件工具，并從Multisim 10的應(yīng)用基礎(chǔ)、Multisim 10的高級分析方法、電子技術(shù)實驗等九個方面，結(jié)合電子學(xué)科學(xué)生的學(xué)習(xí)進度及特點，系統(tǒng)地闡述了EDA技術(shù)的運用知識。</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/">清華大學(xué)計算機系EDA實驗室</a></div></td></p><

105、p>　　<td><div align="left">2、<a href="http://jpkc.hdu.edu.cn/elec/eda/edanew_m/">EDA自學(xué)指導(dǎo)網(wǎng)</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">杭州電子科技大學(xué)EDA技術(shù)&

107、lt;/a></div></td></p><p>　　<td><div align="left">4、<a href="http://210.40.3.225/#">貴州大學(xué)EDA教學(xué)中心</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">貴州大學(xué)科技學(xué)院</span></div></td></p><p>　　<td bgcolor="#33CCFF"><div align="center" class="STYLE2">07

111、級電子信息科學(xué)與技術(shù)</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、>地址：貴陽市小關(guān)校區(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="