課程名稱:使用HTML語言開發商業站點
教案
《HTML》理論課教案
第3章 表單和框架
一、整章授課思路 [100分鐘].................................................................................................................2 1.2.2.1 2.2 2.3 3.3.1 3.2 4.5.5.1 5.2 5.3 5.4 5.5 6.回顧、預習檢查、任務、目標部分 [10分鐘].....................................................3 [表單頁面的基本結枸[10分鐘].............................................................................3 為什么需要表單?.......................................................................3 表單包含的控件:.......................................................................3 表單頁面的基本結構。...............................................................3 各種表單控件的逐一介紹[20分鐘].......................................................................4 表單元素的統一格式。...............................................................4 各種表單元素逐一介紹,先講解語法,然后舉例...................4 課堂練習[15分鐘]...................................................................................................5 框架[25分鐘]...........................................................................................................6 框架窗口的組成...........................................................................6 框架的使用場合。.......................................................................6 框架的基本結構。.......................................................................6 如何創建多個復雜的窗口。.......................................................6 如何設置窗口鏈接的顯示位置。...............................................6 課堂練習2[15分鐘]................................................................................................7 編寫如下圖所示效果對應的html代碼..............................................................................7 7.總結[5分鐘].............................................................................................................7
二、學員問題匯總.....................................................................................................................................7
三、作業布置.............................................................................................................................................7
-單行文本輸入框(TEXT)密碼框(PASSWORD)單選按鈕(RADIO)復選框(CHECKBOX)下拉列表框(SELECT)按鈕:重置按鈕(RESET)、提交按鈕(SUBMIT)、普通按鈕(BUTTON)多行文本框(TEXTAREA)課程名稱:使用HTML語言開發商業站點
教案
送到腳本,而不使用請求字符串。語法:method=(get|post)? 課堂案例:表單的基本結構 ? 補充案例:詳細介紹post和get提交方式的區別。
get傳送的數據量較小,不能大于2KB。post傳送的數據量較大。POST一般用于提交的信息比較大的情況,它比GET要安全,因為由它提交的信息不會顯示在瀏覽器地址欄上,而GET則用于提交信息比較小的情況,它的速度比POST要快,但是安全性低,因原因是提交的信息會在瀏覽器地址欄中顯示出來,例如提交密碼就不能用GET,必須用POST。當我們提交的信息較少且對安全要求不高的時候就可以使用GET,比如百度搜索(演示)。
3.各種表單控件的逐一介紹[20分鐘]
3.1 表單元素的統一格式。
常用屬性有:
? type:指定表單元素的類型。可用的選項有TEXT、PASSWORD、CHECKBOX、RADIO、SUBMIT、RESET、FILE、HIDDEN和BUTTON。默認值為TEXT。
? NAME:指定表單元素的名稱。例如,如果表單上有幾個文本框,可以按照名稱來標識它們教案 課程名稱:使用HTML語言開發商業站點
教案
5.框架[25分鐘]
5.1 框架窗口的組成 ? ? ? ? ? 框架集頁面(FrameSet.htm)廣告欄頂部框架(top.htm)框架的邊框
導航欄左側框架(left.htm)詳細內容頁面右側框架(main.htm)5.2 框架的使用場合。
? 在頁面的一個固定部分顯示Logo或靜態信息
? 左側框架顯示目錄,右側框架顯示內容,用戶只需單擊左側窗口的目錄,在右側窗口中就會顯示相應內容,如網上在線學習教程、論壇、后臺管理、產品介紹等。
? 框架能有機地把多個頁面組合在一起,這多個頁面之間可互相獨立,卻又可相互聯系。
5.3 框架的基本結構。
? (框架)
?
(框架集)頁面的結構是通過屬性rows和cols來設置的,根據框架的分割方式可分為:上下分割窗口、左右分割窗口、嵌套分割窗口。
? 演示將