資源描述:
《應(yīng)用表單和表單對象.doc》由會員上傳分享,免費在線閱讀,更多相關(guān)內(nèi)容在學術(shù)論文-天天文庫。
1、單元二模板與表單的使用項目三 應(yīng)用表單和表單對象教學目標1.理解表單的概念、用途以及表單對象的注意事項;2.掌握表單的創(chuàng)建和設(shè)置,以及表單的檢查;3.掌握各表單對象的插入和屬性的設(shè)置,以及表單中數(shù)據(jù)的提交;4.掌握商品訂購界面、留言板以及注冊表界面的制作;教學要求1.認真聽講,專心操作,操作規(guī)范,認真記錄實驗過程,總結(jié)操作經(jīng)驗和寫好實驗報告,在實驗中培養(yǎng)嚴謹科學的實踐操作習慣;2.遵守學校的實驗室紀律,注意人身和設(shè)備的安全操作,愛護實驗設(shè)備、及時上繳作業(yè);3.教學環(huán)境:50臺計算機,并安裝Windows
2、XP操作系統(tǒng)以及Dreamweaver8以上系統(tǒng)。知識要點1.理解表單的概念、用途;2.認識表單對象及其注意事項;技術(shù)要點1.掌握表單的創(chuàng)建和設(shè)置,以及表單的檢查;2.掌握各表單對象的插入和屬性的設(shè)置,以及表單中數(shù)據(jù)的提交;3.掌握商品訂購界面、留言板以及注冊表界面的制作;技能訓(xùn)練一.講授與示范正確啟動計算機,在最后一個磁盤上建立以學號為名的文件夾,從指定的共享文件夾中將“實習指導(dǎo)書”和其他內(nèi)容復(fù)制到該文件夾中。(一)表單的概念1.表單可以實現(xiàn)瀏覽者與服務(wù)器之間信息的交互傳送,實現(xiàn)網(wǎng)絡(luò)信息收集處理的一種
3、重要的方式,表單是動態(tài)網(wǎng)頁的靈魂。2.用途通過表單可以從Internet服務(wù)器網(wǎng)絡(luò)的用戶端收集信息例如收集用戶資料、獲取用戶訂單,然后將收集來的信息經(jīng)過服務(wù)器處理后再反饋給用戶。3.通常表單的工作過程1)訪問者在瀏覽有表單的頁面時,可填寫必要的信息,然后單擊“提交”按鈕;2)通過Internet將信息傳送到服務(wù)器上;3)服務(wù)器上專門的程序?qū)@些數(shù)據(jù)進行處理,若有錯誤會返回錯誤信息,并要求糾正錯誤;4)當數(shù)據(jù)完整無誤后,服務(wù)器反饋一個輸入完成信息。4.表單組成一個完整的表單設(shè)計包含兩個部分1)表單對象部分
4、指在網(wǎng)頁中進行描述的表單對象,由網(wǎng)頁設(shè)計師制作出,即看到的頁面界面,并不具備工作能力;。2)應(yīng)用程序部分它可以是服務(wù)器端的,也可以是客戶端的,用于對客戶信息進行分析處理。程序設(shè)計師來編寫,實現(xiàn)表單與數(shù)據(jù)庫之間的連接。(二)認識表單對象在Dreamweaver中,表單輸入類型稱為表單對象。選擇“插入”→“表單對象”來插入表單對象;或者如圖1顯示的“表單”面板選擇某表單對象實現(xiàn)插入表單對象。1.表單“表單”在文檔中插入表單。任何其他表單對象,如文本域、按鈕等,都必須插入表單之中,這樣所有瀏覽器才能正確處理這
5、些數(shù)據(jù)。2.文本域“文本域”在表單中插入文本域。文本域可接受任何類型的字母數(shù)字項。輸入的文本可以顯示為單行、多行或者顯示為項目符號或星號(用于保護密碼)。3.復(fù)選框“復(fù)選框”在表單中插入復(fù)選框。復(fù)選框允許在一組選項中選擇多項,用戶可以選擇任意多個適用的選項。圖1 表單面板的表單對象4.單選按鈕“單選按鈕”在表單中插入單選按鈕。單選按鈕代表互相排斥的選擇。選擇一組中的某個按鈕,就會取消選擇該組中的所有其他按鈕。例如,用戶可以選擇“是”或“否”。5.單選按鈕組“單選按鈕組”插入共享同一名稱的單選按鈕的集合。
6、6.列表/菜單“列表/菜單”使您可以在列表中創(chuàng)建用戶選項。“列表”選項在滾動列表中顯示選項值,并允許用戶在列表中選擇多個選項?!安藛巍边x項在彈出式菜單中顯示選項值,而且只允許用戶選擇一個選項。7.跳轉(zhuǎn)菜單“跳轉(zhuǎn)菜單”插入可導(dǎo)航的列表或彈出式菜單。跳轉(zhuǎn)菜單允許您插入一種菜單,在這種菜單中的每個選項都鏈接到文檔或文件。請參見創(chuàng)建跳轉(zhuǎn)菜單。8.圖像域“圖像域”使您可以在表單中插入圖像??梢允褂脠D像域替換“提交”按鈕,以生成圖形化按鈕。9.文件域“文件域”在文檔中插入空白文本域和“瀏覽”按鈕。文件域使用戶可以瀏
7、覽到其硬盤上的文件,并將這些文件作為表單數(shù)據(jù)上傳。10.按鈕“按鈕”在表單中插入文本按鈕。按鈕在單擊時執(zhí)行任務(wù),如提交或重置表單??梢詾榘粹o添加自定義名稱或標簽,或者使用預(yù)定義的“提交”或“重置”標簽之一。11.標簽“標簽”在文檔中給表單加上標簽,以形式開頭和結(jié)尾。12.字段集“字段集”在文本中設(shè)置文本標簽。(三)表單的創(chuàng)建1.創(chuàng)建表單1)將插入點放在希望表單出現(xiàn)的位置。2)選擇“插入”→“表單”或選擇“插入”面板上的“表單”面板→“表單”按鈕圖標。圖2 表單的插入表單在瀏
8、覽網(wǎng)頁中屬于不可見元素。當頁面處于“設(shè)計”視圖中時,用紅色的虛輪廓線指示表單。若沒有看到此輪廓線,請檢查是否選中了“查看”→“可視化助理”→“不可見元素”。2.表單屬性面板在文檔中插入了表單對象后,用鼠標選中表單紅色虛線框,或單擊HTML狀態(tài)欄中的