交互式表單ppt課件

1、 交互式表單復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析復(fù)習(xí)提問復(fù)習(xí)提問大家剛剛學(xué)過css，請(qǐng)同窗回答以下問題：什么是CSS? CSSCascading Stylesheet。就是一種叫做款式表stylesheet的技術(shù)。也有的人稱之為層疊款式表。CSS的作用是什么？ 在主頁(yè)制造時(shí)采用CSS技術(shù)，可以有效地對(duì)頁(yè)面的規(guī)劃、字體、顏色、背景和其它效果實(shí)現(xiàn)更加準(zhǔn)確的控制。 復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與

2、知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析課程引導(dǎo)課程引導(dǎo) CSS對(duì)頁(yè)面效果的控制加上圖文并茂的頁(yè)面內(nèi)容可以使頁(yè)面很美麗，也可以使內(nèi)容很豐富。可是與用戶的交互功能也是網(wǎng)站設(shè)計(jì)中經(jīng)常要用到的，比如在日常中懇求QQ帳號(hào)，注冊(cè)本人的郵箱，輸入用戶名和密碼識(shí)別閱讀客戶的身份等等，都需求與用戶交互才干進(jìn)展。表單可以接納用戶的信息，并能提交到效力器中進(jìn)展處置。復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析知識(shí)目的知識(shí)目

3、的 1、可以在表單網(wǎng)頁(yè)中插入表單域。 2、可以在表單域中插入文本域和文本區(qū)域 3、可以在表單域中插入單項(xiàng)選擇按鈕、單項(xiàng)選擇按鈕組和復(fù)選框 4、可以在表單域中插入列表/菜單、按鈕 5、可以在表單域中插入圖像域 6、可以在表單域中插入隱藏域 復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析案例展現(xiàn)案例展現(xiàn)“提供用戶信息的表單實(shí)例復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總

4、結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析義務(wù)分析義務(wù)分析 1、確定網(wǎng)頁(yè)規(guī)劃：也就是要用表格規(guī)劃好表單元素的放置位置。 2、插入表單元素：表單元素中最重要的就是表單域，它可以用來(lái)確定表單中有效數(shù)據(jù)范圍。復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析知識(shí)講解與操作規(guī)范知識(shí)講解與操作規(guī)范 知識(shí)講解： 簡(jiǎn)述表單的概念：表單屬于容器類，可以包含用以顯示并編輯數(shù)據(jù)的控件，在表單域上需求設(shè)定處置數(shù)據(jù)的運(yùn)用程序的位置以及數(shù)據(jù)的處置方法等。 操作規(guī)范： 1.新建網(wǎng)頁(yè)，創(chuàng)

5、建表格。 2.插入表單域，把表格移到表單域中。 3.插入表單元素：插入單行文本域、插入文本區(qū)域、插入單項(xiàng)選擇按鈕、插入單項(xiàng)選擇按鈕組、插入列表和菜單、插入表單按鈕、插入圖像域。 4.在閱讀器中預(yù)覽其效果復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析課堂模擬課堂模擬制造制造“用戶信息反響網(wǎng)站：用戶信息反響網(wǎng)站：1、新建一網(wǎng)頁(yè)，做好頁(yè)面規(guī)劃、新建一網(wǎng)頁(yè)，做好頁(yè)面規(guī)劃2、插入表單元素、插入表單元素復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)

6、目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析疑問解析疑問解析問題問題1：表單控件元素的特點(diǎn)和意義？：表單控件元素的特點(diǎn)和意義？問題問題2：如何設(shè)計(jì)美麗的提交按鈕？：如何設(shè)計(jì)美麗的提交按鈕？復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)分析任務(wù)分析知識(shí)目標(biāo)知識(shí)目標(biāo)知識(shí)講解與知識(shí)講解與操作示范操作示范課堂模仿課堂模仿歸納總結(jié)歸納總結(jié)擴(kuò)展性任務(wù)擴(kuò)展性任務(wù)疑難解析疑難解析歸納總結(jié)歸納總結(jié) 每個(gè)表單由一個(gè)表單域和假設(shè)干個(gè)表單控件組成，一切的表單控件要放置在表單域中才會(huì)有效。 表單網(wǎng)頁(yè)是設(shè)計(jì)與功能的結(jié)合，一方面要與后臺(tái)的程序很好地結(jié)合起來(lái)，另一方面要制造得美觀。所以應(yīng)該掌握好表單元素的正確運(yùn)用與設(shè)置。本單元重點(diǎn)、難點(diǎn)：表單的制造的步驟對(duì)接納表單信息的處置程序的網(wǎng)頁(yè)的了解復(fù)習(xí)提問復(fù)習(xí)提問課程引導(dǎo)課程引導(dǎo)案例展示案例展示任務(wù)