集成開發(fā)環(huán)境

《集成開發(fā)環(huán)境》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、教學(xué)目的：掌握集成開發(fā)環(huán)境的安裝和使用教學(xué)內(nèi)容：集成開發(fā)環(huán)境InterDev操作、控制標(biāo)記的使用教學(xué)重點：集成開發(fā)環(huán)境InterDev的安裝使用教學(xué)方法與手段：講述法，采用多媒體教學(xué)。教學(xué)時數(shù)：2學(xué)時教學(xué)過程：第5章集成開發(fā)環(huán)境InterDev的使用返回主目錄5.1引言5.2集成開發(fā)環(huán)境InterDev操作5.3加入控制標(biāo)記第5章集成開發(fā)環(huán)境InterDev的使用返回主目錄第5章集成開發(fā)環(huán)境InterDev的使用5.1引言在第3章和第4章中，我們介紹了HTML與VBScript基礎(chǔ)，它們都是用編輯軟件（如Word、寫字板、WPS等）一句一句編寫的，用編輯軟件編寫HTML與VBS

2、cript代碼時，需要記憶大量的HTML與VBScript命令以及其語法。如果用FrontPage2000自動生成HTML與VBScript代碼，則可省去記憶大量的命令和語法，但耗費的內(nèi)存太大，而集成開發(fā)環(huán)境InterDev的使用則既可以自動生成很多HTML與VBScript代碼，且所耗費的內(nèi)存卻比FrontPage2000小得多。因此，本章我們將介紹集成開發(fā)環(huán)境InterDev的使用的使用。集成開發(fā)環(huán)境InterDev的使用是VisualStudio6.0的套件，當(dāng)我們安裝完集成開發(fā)環(huán)境InterDev的使用之后，將出現(xiàn)在如圖5-1所示的界面。圖5-1安裝后的集成開發(fā)環(huán)境In

3、terDev5.2集成開發(fā)環(huán)境InterDev的操作集成開發(fā)環(huán)境InterDev的操作步驟如下：（1）在圖5-1中選擇DEVENV.EXE圖標(biāo),雙擊該圖標(biāo)，出現(xiàn)如圖5-2所示的界面。（2）選取菜單中的“文件”→“新建文件”，如圖5-3所示。（3）當(dāng)按下“新建文件”的菜單后，系統(tǒng)將出現(xiàn)一個如圖5-4所示的對話框。（4）選取“HTML頁”圖標(biāo)，按下“打開（O）”的按鈕之后，接著出現(xiàn)如圖5-5所示的畫面。圖5-2第一次打開InterDev的界面圖5-3選擇新建文件圖5-4選取“新HTML”頁面的圖標(biāo)圖5-5打開HTML后的新畫面從圖5-5中可見，新HTML頁面中有“設(shè)計”、“源代碼”

4、、“快速視圖”三個窗口，其中“設(shè)計”表示可以用鼠標(biāo)的拖曳功能在工作窗口中自行加上各種HTML的標(biāo)記；“源代碼”表示讀者可以在此自行加入相關(guān)的控制標(biāo)記或者腳本語言（VBScript）；“快速視圖”表示可以在工作窗口直接看到相關(guān)的設(shè)計結(jié)果。5.3加入控制標(biāo)記5.3.1加入文字打開一個“新的HTML頁面”之后，在“設(shè)計”的工作窗口中加入一段“電子商務(wù)系統(tǒng)”文字，并可對該段文字的字號、字體及對齊方式作適當(dāng)修改，這時便可在“設(shè)計”工作窗口看到變更后的結(jié)果，如圖5-6所示。注意，當(dāng)“設(shè)計”工作窗口中相關(guān)對象的屬性改變之后，圖5-6中“屬性”窗口的相關(guān)信息也會相應(yīng)地變更。圖5-6加入一段文字

5、并且變更相關(guān)的屬性5.3.2加入窗體控制標(biāo)記下面的這幾項操作必須使用鼠標(biāo)的拖曳功能才能完成。1.加入文本框用戶可加入一個文本框，并在其中輸入一個文字段（例如輸入姓名）。其步驟如下：（1）用鼠標(biāo)選取“工具欄”中的“Textbox”，如圖5-7所示。（2）使用鼠標(biāo)的拖曳功能，按下鼠標(biāo)的左鍵不放，并將鼠標(biāo)移動到設(shè)計的工作窗口，然后放開鼠標(biāo)的左鍵，即可見到如圖5-8所示的畫面。圖5-7選取“文本框（Textbox）”圖5-8選取后的Textbox(3)接著，在Textbox前加入“請輸入姓名：”，并且變更Textbox的字段名稱為“UserName”，結(jié)果如圖5-9所示。2.加入一個“

6、確定”按鈕設(shè)計“確定”按鈕（即“送出數(shù)據(jù)按鈕”）的方式與增加文本框的方式相同，即：首先，將鼠標(biāo)移到窗口左方的“工具欄”中選取“SubmitButton”，接著按下鼠標(biāo)左鍵不放，將鼠標(biāo)移到“設(shè)計”工作窗口，然后放開鼠標(biāo)左鍵，即可在工作窗口中看到如圖5-10所示的結(jié)果。如果需要修改文字，有以下兩種方式可選用：①用鼠標(biāo)點取該按鈕即可輸入文字。②直接修改屬性窗口中的Value。圖5-9加入文字以及變更字段名稱的結(jié)果圖5-10加入“SubmitButton”的結(jié)果3.加入“ResetButton”按鈕加入“ResetButton”按鈕的方式與加入加入“確定”按鈕的方式相同。將“Reset

7、Button”按鈕的值（value）變更為“取消”后如圖5-11所示?！癛esetButton”按鈕可將所有字段的內(nèi)容恢復(fù)到內(nèi)定值。如果字段的值（Value）未經(jīng)設(shè)置，其默認(rèn)值為“空白”。因此，在按下“ResetButton”時，不論使用者輸入任何文字，其結(jié)果一律變成默認(rèn)值（即空白）。此時，如果按下“快速視圖”，將會看到真實執(zhí)行時的仿真畫面。并且，這時的工具欄內(nèi)所有的控制標(biāo)記全部取消作用，如圖5-12所示。圖5-11修改完成的結(jié)果圖5-12快速查看的結(jié)果5.3.3加入VBScript腳本語言