- 相關推薦
職稱計算機Dreamwaver教程:認識表單對象
使用表單,可以幫助Internet服務器從用戶那里收集信息,例如收集用戶資料、獲取用戶訂單,在Internet上統也同樣存在大量的表單,讓用戶輸入文字進行選擇。以下是小編幫大家整理的職稱計算機Dreamwaver教程:認識表單對象,供大家參考借鑒。
1、通常表單的工作過程如下:
(1)訪問者在瀏覽有表單的頁面時,可填寫必要的信息,然后單擊“提交”按鈕。
(2)這些信息通過Internet傳送到服務器上。
(3)服務器上專門的程序對這些數據進行處理,如果有錯誤會返回錯誤信息,并要求糾正錯誤。
(4)當數據完整無誤后,服務器反饋一個輸入完成信息。
2、一個完整的表單包含兩個部分:
(1)一個是在網頁中進行描述的表單對象。
(2)二是應用程序,它可以是服務器端的,也可以是客戶端的,用于對客戶信息進行分析處理。
二、認識表單對象
在Dreamweaver中,表單輸入類型稱為表單對象。可以通過選擇“插入”>“表單對象”來插入表單對象,或者通過從下圖顯示的“插入”欄的“表單”面板訪問表單對象來插入表單對象。
1、表單
“表單”在文檔中插入表單。任何其他表單對象,如文本域、按鈕等,都必須插入表單之中,這樣所有瀏覽器才能正確處理這些數據。
2、文本域
“文本域”在表單中插入文本域。文本域可接受任何類型的字母數字項。輸入的文本可以顯示為單行、多行或者顯示為項目符號或星號(用于保護密碼)。
3、復選框
“復選框”在表單中插入復選框。復選框允許在一組選項中選擇多項,用戶可以選擇任意多個適用的選項。
4、單選按鈕
“單選按鈕”在表單中插入單選按鈕。單選按鈕代表互相排斥的選擇。選擇一組中的某個按鈕,就會取消選擇該組中的所有其他按鈕。例如,用戶可以選擇“是”或“否”。
5、單選按鈕組
“單選按鈕組”插入共享同一名稱的單選按鈕的集合。
6、列表/菜單
“列表/菜單”使您可以在列表中創建用戶選項。“列表”選項在滾動列表中顯示選項值,并允許用戶在列表中選擇多個選項。“菜單”選項在彈出式菜單中顯示選項值,而且只允許用戶選擇一個選項。
7、跳轉菜單
“跳轉菜單”插入可導航的列表或彈出式菜單。跳轉菜單允許您插入一種菜單,在這種菜單中的每個選項都鏈接到文檔或文件。請參見創建跳轉菜單。
8、圖像域
“圖像域”使您可以在表單中插入圖像。可以使用圖像域替換“提交”按鈕,以生成圖形化按鈕。
9、文件域
“文件域”在文檔中插入空白文本域和“瀏覽”按鈕。文件域使用戶可以瀏覽到其硬盤上的文件,并將這些文件作為表單數據上傳。
10、按鈕
“按鈕”在表單中插入文本按鈕。按鈕在單擊時執行任務,如提交或重置表單。可以為按鈕添加自定義名稱或標簽,或者使用預定義的“提交”或“重置”標簽之一。
11、標簽
“標簽”在文檔中給表單加上標簽,以形式開頭和結尾。
12、字段集
“字段集”在文本中設置文本標簽。
認識了表單,那么創建和使用表單時就可以根據需要進行選擇。表單時動態網頁的靈魂。
拓展:職稱計算機Dreamwaver教程:時間軸及其創建方法
一、時間軸及創建時間軸動畫
1、時間軸的各項功能
(1)時間軸彈出菜單:表示當前的時間軸名稱。
(2)時間軸指針:在界面上顯示當前位置的幀。
(3)不管時間軸在哪個位置,一直移動到第一幀。
(4)表示時間指針的當前位置。
(5)表示每秒顯示的幀數。默認值時15幀。增加幀數值,則動畫播放的速度將加快。
(6)自動不放:選中該項,則網頁文檔中應用動畫后自動運行。
(7)LOOP(循環):選中該項,則繼續反復時間軸上的.動畫。
(8)行為通道:在指定幀中選選擇要運行的行為。
(9)關鍵幀:可以變化的幀。
(10)圖層條:意味著插入了“層”等對象。
(11)圖層通道:它是用于編輯圖層的空間。
2、在DW8中顯示時間軸
選擇菜單欄的窗口/時間軸或按快捷鍵Alt+F9,則顯示時間軸。
二、創建時間軸動畫
時間線只能移動分層對象,如果想移動文本或圖像之類的對象,可以將其放在層中。
1、打開09.html文件,
把光標放到頁面左上方的位置,在插入面板選擇布局>繪制層,創建六個層。分別輸入文字“小”、“木”、“web”、“歡”、“迎”、“你”,將圖層排列在適當的位置。
2、打開時間軸。選擇層1后,拖動到時間軸的第一行上。
3、用同樣的方法,把包含有其它文字的層也根據文字的順序拖動到時間軸的第2-6行上。
4、為了減慢文字移動的速度,把時間軸中的15幀全部擴展為25幀。
5、在時間軸中選擇Layer1的第一幀,在屬性面板的頂端坐標值(T)中輸入(-50),這樣,可以把文字放置到上側。
6、用同樣的方法選擇其余層的第一幀后,把頂端坐標值(T)統一設定為(-50)。
7、為了每個一段時間下落一個文字,從第二個動畫條開始向后移動5幀。勾選“自動播放選項”。
8、按F12瀏覽效果。
【職稱計算機Dreamwaver教程:認識表單對象】相關文章:
職稱計算機考試Dreamwaver中表單的創建與應用10-21
職稱計算機Dreamwaver教程:頁面的總體設置10-05
職稱計算機Dreamwaver使用教程:文本的插入與編輯08-20
職稱計算機Dreamwaver使用教程:頁面的總體設置06-19
職稱計算機2017Dreamwaver教程:插入Flash動畫10-09