《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》 課件 項(xiàng)目3 使用表格排版網(wǎng)頁(yè);項(xiàng)目4 制作包含表單的網(wǎng)頁(yè)_第1頁(yè)
《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》 課件 項(xiàng)目3 使用表格排版網(wǎng)頁(yè);項(xiàng)目4 制作包含表單的網(wǎng)頁(yè)_第2頁(yè)
《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》 課件 項(xiàng)目3 使用表格排版網(wǎng)頁(yè);項(xiàng)目4 制作包含表單的網(wǎng)頁(yè)_第3頁(yè)
《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》 課件 項(xiàng)目3 使用表格排版網(wǎng)頁(yè);項(xiàng)目4 制作包含表單的網(wǎng)頁(yè)_第4頁(yè)
《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》 課件 項(xiàng)目3 使用表格排版網(wǎng)頁(yè);項(xiàng)目4 制作包含表單的網(wǎng)頁(yè)_第5頁(yè)
已閱讀5頁(yè),還剩43頁(yè)未讀, 繼續(xù)免費(fèi)閱讀

下載本文檔

版權(quán)說(shuō)明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

項(xiàng)目3使用表格排版網(wǎng)頁(yè)由淺入深簡(jiǎn)章易懂貼近實(shí)際WANGYEZHIZUOXIANGMUSHIXUNJIAOCHENG《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》重慶大學(xué)出版社CONTENTS任務(wù)1使用表格制作簡(jiǎn)單校園新聞網(wǎng)頁(yè)任務(wù)2使用表格布局電子商務(wù)系新聞主頁(yè)任務(wù)1使用表格制作簡(jiǎn)單校園新聞網(wǎng)頁(yè)本任務(wù)可以分解為2個(gè)活動(dòng):表格基本操作;使用表格制作新聞網(wǎng)頁(yè)。活動(dòng)1表格基本操作1-1如下圖所示,使用表格完成比賽成績(jī)表的制作。活動(dòng)要求活動(dòng)1表格基本操作1-11、表格的構(gòu)成表格最基本的單位是單元格,由單元格組成行和列。單元格之間的間隔稱為單元格間距;單元格內(nèi)容與單元格邊框之間的間隔稱為單元格邊距(或填充)。表格邊框有明暗之分,可以設(shè)置粗細(xì)、顏色等屬性。單元格邊框也有明暗之分,可以設(shè)置顏色,但不可設(shè)置粗細(xì)屬性。如下圖所示是一個(gè)5行5列的表格。知識(shí)窗單元格行列單元格填充表格邊框單元格間距框單元格邊框活動(dòng)1表格基本操作1-12、表格的屬性如下圖所示,下面對(duì)表格“屬性”面板中的相關(guān)參數(shù)進(jìn)行說(shuō)明:ID:指定表格的ID,以便在腳本中引用該表格。行:指定表格中的行數(shù)。列:指定表格中的列數(shù)。寬:指定表格的寬度。可選擇單位為像素,或占瀏覽器窗口寬度的百分比。填充:指定單元格內(nèi)容與單元格邊框間的距離。單位為像素。間距:指定相鄰單元格間的間隔。單位為像素。對(duì)齊:選擇表格相對(duì)于同一段落中的其他元素的顯示位置。邊框:指定表格邊框的寬度。單位為像素。類:對(duì)該表格應(yīng)用CSS類。清除列寬:從表格中刪除所有明確指定的列寬。清除行高:從表格中刪除所有明確指定的行高。將表格寬度轉(zhuǎn)換成像素:將表格中每列的寬度和整個(gè)表格的寬度都設(shè)為以像素為單位。將表格寬度轉(zhuǎn)換成百分比:將表格中每列的寬度和整個(gè)表格的寬度都設(shè)為以百分比為單位。ID清除列寬

將表格寬度轉(zhuǎn)換成像素

對(duì)齊

類清除行高

將表格寬度轉(zhuǎn)換成百分比

活動(dòng)1表格基本操作1-13、表格的編輯(1)選擇表格選擇整個(gè)表格主要有以下幾種操作方法。單擊表格左上角或單擊表格中任一個(gè)單元格的邊框,如下方左圖所示。

將光標(biāo)移到表格內(nèi),單擊文檔窗口左下角的標(biāo)簽“<table>”,如上方右圖所示。選擇表格的行(或列)把光標(biāo)放在需要選擇的行左邊(或列上方)時(shí),光標(biāo)變成黑色箭頭,單擊鼠標(biāo)左鍵,選中該行(或列),如下圖所示。

活動(dòng)1表格基本操作1-1(2)合并與拆分單元格合并單元格選擇要合并的幾個(gè)單元格后,可以采取以下幾種方法進(jìn)行合并單元格操作。單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“表格”欄下的“合并單元格”選項(xiàng),如下方左圖所示。單擊“屬性”面板左下角“合并單元格”按鈕,如下方右圖所示。拆分單元格選擇要拆分的單元格后,可以采取以下幾種方法進(jìn)行拆分操作。單擊鼠標(biāo)右鍵,在彈出的菜單中選擇“表格”欄下的“拆分單元格”選項(xiàng),如下方左圖所示。單擊“屬性”面板左下角“拆分單元格”按鈕,如下方右圖所示。

活動(dòng)1表格基本操作1-1(3)增加或刪除行(或列)增加行(或列)把光標(biāo)移到需要增加行(或列)的下面(右側(cè))后,有以下幾種方法增加行(或列):點(diǎn)擊鼠標(biāo)右鍵,在彈出的菜單中選擇“表格”欄下的“插入行(或列)”選項(xiàng),如下方左圖所示。選擇“修改”菜單欄下的“表格”選項(xiàng),選擇“插入行(或列)”選項(xiàng)。刪除行(或列)把光標(biāo)移到需要?jiǎng)h除的行(或列)后,有以下幾種方法刪除該行(或列):點(diǎn)擊鼠標(biāo)右鍵,在彈出的菜單中選擇“表格”欄下的“刪除行(或列)”選項(xiàng),如上方右圖所示。選擇“修改”菜單欄下的“表格”選項(xiàng),選擇“刪除行(或列)”選項(xiàng)?;顒?dòng)1表格基本操作1-1詳細(xì)操作步驟請(qǐng)參閱教材?;顒?dòng)實(shí)施表格的基本操作類似于Word文檔中表格的操作,有基礎(chǔ)的同學(xué)會(huì)很快熟悉,但是都需要多操作多練習(xí)?;顒?dòng)評(píng)價(jià)活動(dòng)2使用表格制作簡(jiǎn)單新聞網(wǎng)頁(yè)1-21、新建一個(gè)網(wǎng)頁(yè)文件,按要求插入表格。2、把素材中的文字、圖片合理布局到網(wǎng)頁(yè)中,并將網(wǎng)頁(yè)文件以“task3-1-2.html”為文件名保存到“項(xiàng)目3”站點(diǎn)根目錄下,最終效果如下圖所示?;顒?dòng)要求活動(dòng)2使用表格制作簡(jiǎn)單新聞網(wǎng)頁(yè)1-2單元格的屬性如下圖所示,下面對(duì)單元格“屬性”面板中的相關(guān)參數(shù)進(jìn)行說(shuō)明:類:對(duì)該單元格應(yīng)用CSS類。ID:指定單元格的ID,以便在腳本中引用該單元格。鏈接:指定單元格內(nèi)對(duì)象的超鏈接地址。目標(biāo):指定鏈接對(duì)象打開(kāi)的位置。水平:設(shè)置單元格內(nèi)容在水平方向上的對(duì)齊方式。垂直:設(shè)置單元格內(nèi)容在垂直方向上的對(duì)齊方式。寬和高:設(shè)置被選擇單元格的寬和高。不換行:防止換行,從而使給定單元格中的所有文本都在一行上。標(biāo)題:將所選單元格格式設(shè)置為表格標(biāo)題單元格。背景顏色:設(shè)置單元格的背景顏色。合并(拆分)按鈕:將所選單元格、行或列合并(拆分)為一個(gè)(兩個(gè)或多個(gè))單元格。知識(shí)窗活動(dòng)2使用表格制作簡(jiǎn)單新聞網(wǎng)頁(yè)1-2詳細(xì)操作步驟請(qǐng)參閱教材?;顒?dòng)實(shí)施簡(jiǎn)單的網(wǎng)頁(yè)只包含文字和圖片等幾種基本元素,使用表格進(jìn)行布局,操作難度較小,設(shè)置“對(duì)齊方式”等屬性就可以合理排布這些元素,效果明顯。活動(dòng)評(píng)價(jià)任務(wù)2使用表格布局電子商務(wù)系新聞主頁(yè)本任務(wù)可以分解為2個(gè)活動(dòng):使用表格進(jìn)行整體布局;使用表格嵌套完成主頁(yè)布局?;顒?dòng)1使用表格進(jìn)行整體布局2-1如下圖所示,完成基本主頁(yè)布局的制作,完成后以“task3-2-1.html”為文件名保存。活動(dòng)要求活動(dòng)1使用表格進(jìn)行整體布局2-11、網(wǎng)頁(yè)布局制作網(wǎng)頁(yè)首先要進(jìn)行基本的網(wǎng)頁(yè)布局,以下是最為常用的頁(yè)面布局類型:上下型布局:上下排列網(wǎng)頁(yè)標(biāo)題和內(nèi)容,如下圖A所示。左右型布局:左右排列網(wǎng)頁(yè)的導(dǎo)航欄和內(nèi)容,如下圖B所示?!巴弊中徒Y(jié)構(gòu)布局:布局結(jié)構(gòu)與漢字“同”相似,如下圖C所示?!皣?guó)”字型布局:布局結(jié)構(gòu)與漢字“國(guó)”相似,如下圖D所示,是一些大型網(wǎng)站喜歡的布局類型。T型布局:布局結(jié)構(gòu)與英文大寫字母“T”相似,如下圖E所示,初學(xué)者容易上手。POP布局:頁(yè)面布局像一張宣傳海報(bào),以一張精美圖片作為頁(yè)面的設(shè)計(jì)中心。Flash布局:整個(gè)或大部分幅面的網(wǎng)頁(yè)是一個(gè)Flash動(dòng)畫。知識(shí)窗A

B

CD

E

活動(dòng)1使用表格進(jìn)行整體布局2-12、表格標(biāo)簽表格和單元格分別都有很多屬性,有相同相似的,也有不同的。表格中的基本標(biāo)簽有<table>、<tr>、<td>。一般描述整個(gè)表格屬性的標(biāo)簽放在<table>中,描述單元格屬性的標(biāo)簽放在<tr>(行)、<td>中。標(biāo)簽從屬關(guān)系由左向右依次遞減。一個(gè)表格的代碼如下圖所示。活動(dòng)1使用表格進(jìn)行整體布局2-1詳細(xì)操作步驟請(qǐng)參閱教材?;顒?dòng)實(shí)施內(nèi)容較多的網(wǎng)頁(yè),應(yīng)先構(gòu)思出整個(gè)頁(yè)面的布局,再動(dòng)手用表格搭建布局,最后填充內(nèi)容。切忌沒(méi)有規(guī)劃的隨意堆砌內(nèi)容。活動(dòng)評(píng)價(jià)活動(dòng)2使用表格嵌套完成主頁(yè)布局2-2在已完成的“活動(dòng)一”基礎(chǔ)上增加圖片、文字等對(duì)象,細(xì)化板塊結(jié)構(gòu),最終完成整個(gè)主頁(yè)的制作,如下圖所示,并以文件名“task3-2-2.html”另存到“項(xiàng)目3”站點(diǎn)根目錄下?;顒?dòng)要求活動(dòng)2使用表格嵌套完成主頁(yè)布局2-2表格的嵌套在復(fù)雜表格的布局中,一般不建議使用單元格的拆分和合并來(lái)實(shí)現(xiàn),這樣對(duì)后期布局的修改往往會(huì)造成不利的影響。建議通過(guò)表格的嵌套或更好的Div布局來(lái)進(jìn)行。嵌套表格是指在表格的單元格中再插入表格,其寬度受所在單元格的寬度限制,可以很好地控制表格內(nèi)各個(gè)對(duì)象的位置。但嵌套層次不建議太多,否則有可能讓布局頁(yè)面過(guò)于復(fù)雜,可讀性差,還可能影響網(wǎng)頁(yè)的瀏覽速度。如下圖所示就是兩個(gè)表格的嵌套,從標(biāo)簽上很容易看出,表格2是嵌套在表格1內(nèi)的。知識(shí)窗活動(dòng)2使用表格嵌套完成主頁(yè)布局2-2詳細(xì)操作步驟請(qǐng)參閱教材?;顒?dòng)實(shí)施表格的嵌套適用于內(nèi)容豐富,結(jié)構(gòu)復(fù)雜的網(wǎng)頁(yè)布局。但是嵌套操作有難度,鼠標(biāo)常常會(huì)選擇不到需要操作的對(duì)象,所以請(qǐng)大家多使用標(biāo)簽進(jìn)行選擇。活動(dòng)評(píng)價(jià)感謝您的觀看由淺入深簡(jiǎn)章易懂貼近實(shí)際WANGYEZHIZUOXIANGMUSHIXUNJIAOCHENG《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》重慶大學(xué)出版社項(xiàng)目4制作包含表單的網(wǎng)頁(yè)由淺入深簡(jiǎn)章易懂貼近實(shí)際WANGYEZHIZUOXIANGMUSHIXUNJIAOCHENG《網(wǎng)頁(yè)制作項(xiàng)目實(shí)訓(xùn)教程》重慶大學(xué)出版社CONTENTS任務(wù)1制作登錄表單任務(wù)2制作調(diào)查問(wèn)卷表單任務(wù)1制作登錄表單本任務(wù)分解為2個(gè)活動(dòng):了解表單元素;使用表單制作QQ郵箱登錄頁(yè)?;顒?dòng)1了解表單元素1-1了解表單以及表單中常用的文本域、按鈕等表單元素的添加、屬性設(shè)置等使用方法;利用表單元素制作一個(gè)留言板頁(yè)面,效果如下圖所示?;顒?dòng)要求活動(dòng)1了解表單元素1-11、表單表單在頁(yè)面顯示的是一個(gè)紅色虛線框,如下圖所示,我們可以把它理解成一個(gè)容器,我們可以向里面添加進(jìn)各種表單元素。在實(shí)際使用中,表單有時(shí)候可以不需要單獨(dú)添加,因?yàn)楫?dāng)我們?cè)陧?yè)面中添加第一個(gè)表單元素時(shí),系統(tǒng)也會(huì)自動(dòng)創(chuàng)建一個(gè)表單。知識(shí)窗活動(dòng)1了解表單元素1-12、表單屬性的設(shè)置表單屬性設(shè)置界面如下圖所示,常用屬性設(shè)置項(xiàng)目的含義是:動(dòng)作:指定用來(lái)處理表單數(shù)據(jù)的文件。方法:用于設(shè)置表單數(shù)據(jù)提交給服務(wù)器的方法,兩種方法有所區(qū)別。POST:是將表單數(shù)據(jù)嵌入到HTTP請(qǐng)求中傳輸,傳輸?shù)臄?shù)據(jù)量沒(méi)有限制,可用于長(zhǎng)表單。GET:將數(shù)據(jù)附加到請(qǐng)求頁(yè)的URL中,傳輸?shù)淖址麛?shù)量有限制,是默認(rèn)的方式。編碼類型:用于指定提交給服務(wù)器的數(shù)據(jù)使用的編碼類型,默認(rèn)使用:application/x-www-form-urlencoded,如果要?jiǎng)?chuàng)建文件上傳表單,則使用:multipart/form-data?;顒?dòng)1了解表單元素1-13、文本域文本域是表單中的一個(gè)基本元素,應(yīng)用的非常廣泛,用戶可以利用它輸入文本類的信息,如用戶名、密碼、留言等,輸入的內(nèi)容可以是字符、數(shù)字等符號(hào)。文本域包括:?jiǎn)涡?、多行、密碼三種類型,以適合不同的需求,三種類型之間可以互相轉(zhuǎn)換。文本域的屬性欄設(shè)置如下圖所示:

文本域:設(shè)置該文本域在系統(tǒng)中的名稱,這個(gè)名字必須是唯一的。字符寬度:設(shè)置文本輸入框顯示時(shí)的寬度。最多字符數(shù):設(shè)置在文本框中可以輸入的最大字符數(shù)。初始值:設(shè)置文本域在默認(rèn)初始狀態(tài)下顯示的字符信息。禁用:勾選此項(xiàng),文本域處于禁止?fàn)顟B(tài),文本框呈灰色。只讀:勾選此項(xiàng),文本域內(nèi)容只可查看,無(wú)法修改,可用于一些特殊情況下展示信息使用。類型:可設(shè)置文本域在三種狀態(tài)間轉(zhuǎn)換。默認(rèn)為單行,用于輸入少量的文本信息;設(shè)置為密碼狀態(tài)時(shí),文本框中輸入的字符會(huì)被隱藏,呈現(xiàn)項(xiàng)目符號(hào)或星號(hào);設(shè)置為多行時(shí),文本框變?yōu)槎嘈?,此時(shí)文本字段轉(zhuǎn)成文本區(qū)域表單,可用于輸入較多文本內(nèi)容時(shí)使用,行數(shù)可以在屬性中設(shè)置?;顒?dòng)1了解表單元素1-14、按鈕表單按鈕是一個(gè)非常重要的表單元素,當(dāng)用戶在輸入完數(shù)據(jù)后單擊按鈕可以將數(shù)據(jù)提交給服務(wù)器處理。按鈕的屬性欄參數(shù)設(shè)置如上圖所示:

值:可設(shè)置按鈕中的提示文字,默認(rèn)的有“提交”和“重置”,隨“動(dòng)作”選項(xiàng)設(shè)置自動(dòng)變化,也可設(shè)置成其它信息動(dòng)作:該選項(xiàng)有三個(gè)參數(shù)選擇,選擇“提交表單”則可將表單信息上傳給服務(wù)器;選擇“重設(shè)表單”可以重置表單數(shù)據(jù);如果想設(shè)置按鈕實(shí)現(xiàn)其它功能,可選擇“無(wú)”,再另外設(shè)置按鈕所關(guān)聯(lián)的腳本或程序?;顒?dòng)1了解表單元素1-1詳細(xì)操作步驟請(qǐng)參閱教材。活動(dòng)實(shí)施在本次活動(dòng)中,小白順利地完成留言板的制作,并且知道可以通過(guò)設(shè)置“字符寬度”參數(shù)來(lái)調(diào)節(jié)文本框的顯示寬度以使網(wǎng)面中前后框的邊緣可以對(duì)齊一致,使頁(yè)面更加協(xié)調(diào)美觀?;顒?dòng)評(píng)價(jià)活動(dòng)2制作QQ郵箱登錄頁(yè)1-2創(chuàng)建一個(gè)模擬QQ郵箱登錄頁(yè)面,效果如下圖所示,并將頁(yè)面以文件名:task4-1-2.html保存?;顒?dòng)要求活動(dòng)2制作QQ郵箱登錄頁(yè)1-21、密碼輸入表單制作在網(wǎng)頁(yè)制作過(guò)程中,在賬號(hào)登錄、用戶注冊(cè)等環(huán)節(jié)都會(huì)使用到密碼輸入項(xiàng),在DreamweaveCS6中提供了幾種可以制作密碼輸入對(duì)象的工具,如文本字段、spry驗(yàn)證密碼,下面分別進(jìn)行介紹。(1)文本字段作密碼輸入項(xiàng)選中添加的文本域,在屬性欄中設(shè)置類型為“密碼”,如下圖所示:

當(dāng)設(shè)置文本域?yàn)槊艽a模式時(shí),在框內(nèi)的字符顯示為小數(shù)點(diǎn)。這種方法制作密碼輸入框的特點(diǎn)是方法簡(jiǎn)單,但對(duì)密碼的驗(yàn)證功能較少,只能限制密碼最大的位數(shù)。知識(shí)窗活動(dòng)2制作QQ郵箱登錄頁(yè)1-2(2)用“spry驗(yàn)證密碼”作密碼輸入項(xiàng)“spry驗(yàn)證密碼”對(duì)象的密碼驗(yàn)證功能比前面方法要復(fù)雜一些,它的屬性欄如下圖所示,通過(guò)合理設(shè)置參數(shù),可以實(shí)現(xiàn)密碼位數(shù)控制、內(nèi)容控制、錯(cuò)誤信息提示等功能。屬性欄中參數(shù)設(shè)置介紹如下:最大/最小字符:設(shè)置密碼域中可輸入的總的最小字符數(shù)和最大字符數(shù)。最大/最小字母數(shù):設(shè)定密碼中包含的小寫字母的個(gè)數(shù)范圍。最大/最小數(shù)字?jǐn)?shù):設(shè)定密碼中包含的字?jǐn)?shù)的個(gè)數(shù)范圍。最大/最小大寫字母數(shù):設(shè)定密碼中包含的大寫字母的個(gè)數(shù)范圍。最大/最小特殊字符數(shù):設(shè)定密碼中包含的特殊字符的個(gè)數(shù)范圍。利用以上這幾個(gè)參數(shù),用戶可以根據(jù)需要設(shè)定密碼的一些特殊要求,以達(dá)到強(qiáng)化密碼復(fù)雜性的目的,當(dāng)不符合要求時(shí)系統(tǒng)可以給出提示信息?;顒?dòng)2制作QQ郵箱登錄頁(yè)1-2“驗(yàn)證”選項(xiàng)設(shè)置何時(shí)對(duì)輸入的密碼進(jìn)行驗(yàn)證,可根需要設(shè)置,它們的含義如下:Onblur:用戶離開(kāi)輸入框。Onchange:輸入框內(nèi)容有修改。Onsubit:用戶提交信息。預(yù)覽狀態(tài):可設(shè)置密碼域在不同狀態(tài)下的提示信息,點(diǎn)擊按鈕,選擇“強(qiáng)度無(wú)效”時(shí)可出現(xiàn)如下圖所示的選項(xiàng)及出現(xiàn)紅色字體的提示信息,此信息是當(dāng)用戶輸入的密碼不符合強(qiáng)度要求時(shí)系統(tǒng)自動(dòng)提示的,內(nèi)容可以修改;同樣在另外幾種狀態(tài)下也有相應(yīng)的提示信息出現(xiàn)?;顒?dòng)2制作QQ郵箱登錄頁(yè)1-22、復(fù)選框可以讓用戶在預(yù)先定義好的一個(gè)選項(xiàng)中進(jìn)行選擇。選中矩形的復(fù)選框,可以在屬性欄中設(shè)置屬性參數(shù),如下圖所示:

選定值:設(shè)置選擇后的參數(shù)值。初始狀態(tài):設(shè)置默認(rèn)打開(kāi)頁(yè)面時(shí)選項(xiàng)的狀態(tài),默認(rèn)是未選中狀態(tài)。活動(dòng)2制作QQ郵箱登錄頁(yè)1-2詳細(xì)操作步驟請(qǐng)參閱教材?;顒?dòng)實(shí)施出于安全性的考慮,網(wǎng)站一般要求輸入密碼時(shí)不直接顯示內(nèi)容,這時(shí)可以通過(guò)將密碼輸入框設(shè)置為密碼格式,則輸入內(nèi)容顯示為*號(hào),如果對(duì)密碼的位數(shù)、格式等還有特別要求,則需要通過(guò)設(shè)置屬性欄中的相關(guān)參數(shù)實(shí)現(xiàn)。活動(dòng)評(píng)價(jià)任務(wù)2制作調(diào)查問(wèn)卷表單本任務(wù)分成兩個(gè)部分完成:制作調(diào)查問(wèn)卷表單(一);制作調(diào)查問(wèn)卷表單(二)?;顒?dòng)1制作調(diào)查問(wèn)卷表單(一)2-1了解掌握單選按鈕組、spry驗(yàn)證文本域等表單元素的添加、屬性設(shè)置的方法;制作調(diào)查問(wèn)卷頁(yè)面,完成后效果如下圖所示,并將頁(yè)面以文件名:task4-2-1.html為文件名保存?;顒?dòng)要求活動(dòng)1制作調(diào)查問(wèn)卷表單(一)2-11、單選按鈕組單選按鈕一般都是成組使用,可以讓用戶在預(yù)先定義好的可選項(xiàng)中選擇一項(xiàng),這樣可以使收集的信息規(guī)范,便于信息的統(tǒng)計(jì)。單選按鈕組添加對(duì)話框如下圖所示,根據(jù)需求單擊+號(hào)或-號(hào)可增添加或刪除選項(xiàng),設(shè)置好每一個(gè)項(xiàng)的標(biāo)簽符和值,每項(xiàng)的值不能相同。知識(shí)窗活動(dòng)1制作調(diào)查問(wèn)卷表單(一)2-12、spry驗(yàn)證文本域spry驗(yàn)證文本域是帶有驗(yàn)證功能的文本域,它可以作為有特殊格式要求的文本輸入項(xiàng)使用。點(diǎn)擊spry驗(yàn)證文本域?qū)傩詸谥小邦愋汀卑粹o,彈出多種數(shù)據(jù)類型選項(xiàng),根據(jù)“類型”項(xiàng)選擇的不同,“格式”項(xiàng)會(huì)出現(xiàn)相對(duì)應(yīng)的選項(xiàng),用戶可以選擇和設(shè)置,如下圖所示:同時(shí),在“預(yù)覽狀態(tài)”項(xiàng)可以設(shè)置不同狀態(tài)下的提示信息,如選擇“無(wú)效格式”選項(xiàng),文本框右邊會(huì)出現(xiàn)紅色文字的提示信息“格式無(wú)效”,如下圖所示,信息可以根據(jù)需要進(jìn)行修改?;顒?dòng)1制作調(diào)查問(wèn)卷表單(一)2-13、復(fù)選框組如果需要在用戶在預(yù)先定義好的多個(gè)選項(xiàng)中進(jìn)行選擇,則可以使用復(fù)選框組,用戶可以從中選擇一項(xiàng)或多項(xiàng)。根據(jù)需求單擊+號(hào)或-號(hào)可增添加或刪除選項(xiàng),設(shè)置好每一個(gè)項(xiàng)的標(biāo)簽符和值(注意各復(fù)選框所設(shè)定的值不允許相同),如下圖所示?;顒?dòng)1制作調(diào)查問(wèn)卷表單(一)2-1詳細(xì)操作步驟請(qǐng)參閱教材。活動(dòng)實(shí)施網(wǎng)頁(yè)

溫馨提示

  • 1. 本站所有資源如無(wú)特殊說(shuō)明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

評(píng)論

0/150

提交評(píng)論