標(biāo)記,為網(wǎng)頁添加背景音樂效果。2.使用【插入】面板【常用】標(biāo)簽中的【媒體】按鈕,添加多媒體元素。3.使用【插入】面板中的【表單】功能創(chuàng)建表單。使">
網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體

網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體

ID:12598862

大?。?.08 MB

頁數(shù):11頁

時(shí)間:2018-07-18

網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體_第1頁
網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體_第2頁
網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體_第3頁
網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體_第4頁
網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體_第5頁
資源描述:

《網(wǎng)頁設(shè)計(jì)dreamweaver,表單設(shè)計(jì) 多媒體》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、實(shí)驗(yàn)六表單設(shè)計(jì)(創(chuàng)建一個(gè)信息反饋表單)和添加背景音樂知識(shí)要點(diǎn):1.使用HTML標(biāo)記,為網(wǎng)頁添加背景音樂效果。2.使用【插入】面板【常用】標(biāo)簽中的【媒體】按鈕,添加多媒體元素。3.使用【插入】面板中的【表單】功能創(chuàng)建表單。使用【文本字段】按鈕、【列表/菜單】按鈕、【單選】按鈕、【復(fù)選框】按鈕和【提交】按鈕制作信息反饋效果。一、添加背景音樂知識(shí)要點(diǎn):使用標(biāo)簽為網(wǎng)頁添加背景音樂效果。操作步驟:(1)進(jìn)入【拆分】視圖。文檔窗口上半部分代碼視圖,下半部分是設(shè)計(jì)視圖。將光標(biāo)置入到【代碼】視圖中

2、第24條空白處,在其后面輸入左尖括號(hào)“<”,顯示標(biāo)簽列表,如圖1所示。圖1(2)點(diǎn)擊右側(cè)的下拉列表箭頭,在列表中選擇(雙擊)標(biāo)簽“bgsound”,插入屬性后,按一下空格鍵,在彈出的標(biāo)簽列表中選擇(雙擊)屬性“src”,如圖2所示。圖2(3)按【Enter】鍵后,出現(xiàn)“瀏覽”字樣,如圖3所示。單擊“瀏覽”,彈出【選擇文件】對(duì)話框,選擇目錄下【02_01】文件夾中的“sound.wav”文件,單擊【確定】。然后按一下【空格】鍵,效果如圖4所示。圖3圖4(4)插入該屬性后,在彈出的標(biāo)簽中選擇屬性“-1”,如圖5所示,然后

3、在其后面添加右尖括號(hào)“>”,如圖6所示。圖5圖6(5)保存文件,按【F12】鍵瀏覽效果。二、創(chuàng)建表單1.插入表格并改變表格的屬性(1)單擊頁面下面的空白圖片,如圖1所示。然后參照“04圖文混排”中“插入日期”將圖片設(shè)置為背景第(1)-(5)的步驟,將其修改為背景圖片。圖1選中頁面下面的空白圖片(2)將光標(biāo)置入到單元格中,如圖2所示,在文檔窗口上方【插入/表單】標(biāo)簽中單擊【表單】按鈕,在當(dāng)前單元格中插入一個(gè)表單,如圖3所示。光標(biāo)位置插入的表單圖2光標(biāo)所在位置圖3插入表單(3)在表單中插入表格。在表單區(qū)域中置入光標(biāo),在【

4、插入/常用】標(biāo)簽中單擊【表格】按鈕,在彈出的【表單】對(duì)話框中“行”設(shè)置為1,“列”設(shè)置為2,單擊【確定】按鈕,插入一個(gè)1行2列的表格。如圖4所示。圖4在表單中插入1行2列表格(4)在右側(cè)單元格中再插入一個(gè)9行2列的表格(表格嵌套)。單擊右側(cè)單元格,在【插入/常用】標(biāo)簽中單擊【表格】按鈕,在彈出的【表單】對(duì)話框中進(jìn)行設(shè)置,如圖5所示,單擊【確定】按鈕,插入一個(gè)9行2列的表格,效果如圖6所示。圖5插入表格參數(shù)設(shè)置圖6表格左側(cè)單元格中插入9行2列表格(5)在新插入的表格左側(cè)單元格中輸入文字。拖動(dòng)鼠標(biāo)同時(shí)選中第1列左側(cè)第2、

5、3、4、5、6、7行單元格,如圖6所示,在【屬性】面板→【水平】→【右對(duì)齊】→【垂直】→【居中】→【寬】設(shè)置為100像素→【高】設(shè)置為30像素。如圖7所示。然后輸入相應(yīng)的文字,并定義文字的CSS樣式規(guī)則(字體、字號(hào)及顏色)。再次調(diào)整表格左側(cè)單元的寬度。其效果如圖8所示。圖6選中表格的第2、3、4、5、6、7行圖7【屬性】面板中參數(shù)設(shè)置圖8表格中添加文字(6)插入表單的文本字段和單選按鈕。1)在“姓名”右側(cè)單元格中插入文本字段。將光標(biāo)置入到第2行第2列單元格中,在【插入】→【表單】→【文本字段】按鈕,在此單元格中插入“

6、文本字段”輸入框。在【屬性】面板→【字符寬度】設(shè)置為15→【最多字符數(shù)】設(shè)為:20→其他參數(shù)默認(rèn)。如圖9所示,頁面效果如圖10所示。插入文本字段圖9文本字段【屬性】設(shè)置圖10插入文本字段的頁面效果2)用同樣的方法,分別在第5行第2列和第6行第2列單元格中插入文本字段,其中,“密碼”行文本字段的屬性參數(shù)設(shè)置如圖11所示,其他參數(shù)默認(rèn)。效果如圖12所示。圖11“密碼”行文本字段的屬性參數(shù)設(shè)置插入文本字段圖12插入文本字段的頁面效果3)在“性別”右側(cè)的單元格中插入第1個(gè)單選按鈕。將光標(biāo)置入到第3行第2列單元格中,在【插入】

7、→【表單】→【單選按鈕】按鈕,即可在單元格中插入一個(gè)單選按鈕。效果如圖13所示,在【屬性】面板→【初識(shí)狀態(tài)】勾選【已勾選】單選項(xiàng)→并記下【選定值】為:radio,【單選按鈕】名稱為:radio。其效果如圖14所示。插入單選按鈕圖13插入單選按鈕效果圖14插入單選按鈕的【屬性】設(shè)置4)插入第2個(gè)單選按鈕。將光標(biāo)放置到單選項(xiàng)按鈕后面,輸入文字“男”,在文字的后面,再插入一個(gè)單選按鈕,再輸入文字“女”,其【屬性】設(shè)置如圖15所示。其效果如圖16所示。注意:對(duì)于兩個(gè)單選按鈕的【屬性】面板中【按鈕名稱】及【選定值】參數(shù)的設(shè)置都

8、必須一致!否則,不能實(shí)現(xiàn)單選的效果。圖15插入第2個(gè)單選按鈕【屬性】設(shè)置圖16插入兩個(gè)單選按鈕效果(7)在“年齡”右側(cè)的單元格中插入表單的“列表/菜單”選項(xiàng)。將光標(biāo)置入到第3行第2列單元格中,在【插入】→【表單】面板→【列表/菜單】按鈕,即可插入一個(gè)“列表/菜單”選項(xiàng)。在【屬性】面板→單擊【列表值】按鈕→彈出【列表值】對(duì)話框→在對(duì)話框中添加年齡

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動(dòng)畫的文件,查看預(yù)覽時(shí)可能會(huì)顯示錯(cuò)亂或異常,文件下載后無此問題,請(qǐng)放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對(duì)本文檔版權(quán)有爭議請(qǐng)及時(shí)聯(lián)系客服。
3. 下載前請(qǐng)仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時(shí)可能由于網(wǎng)絡(luò)波動(dòng)等原因無法下載或下載錯(cuò)誤,付費(fèi)完成后未能成功下載的用戶請(qǐng)聯(lián)系客服處理。