網(wǎng)頁制作ch學(xué)習(xí)教案

1、會計學(xué)1網(wǎng)頁網(wǎng)頁(wn y)制作制作ch第一頁，共34頁。第2頁/共34頁第二頁，共34頁。第3頁/共34頁第三頁，共34頁。器才能(cinng)正確地處理用戶所填寫的信息。n如果執(zhí)行插入表單域的操作后，在窗口中仍看不見表單域，則可執(zhí)行“查看”“可視化助理”“不可見元素”命令，因為表單域是不可見元素。第4頁/共34頁第四頁，共34頁。n“表單”按鈕 。單擊該按鈕，在文檔中插入表單。任何其他表單對象，如文本域、按鈕等，都必須插入表單之中，這樣所有瀏覽器才能正確處理這些數(shù)據(jù)。n“文本字段”按鈕 。單擊該按鈕，在表單中插入文本域。文本域可接受任何類型的字母數(shù)字項。輸入的文本可以顯示為單行、多行或者顯

2、示為項目符號或星號（用于保護密碼）。第5頁/共34頁第五頁，共34頁。據(jù)。n“文本區(qū)域”按鈕 。單擊該按鈕，可以在表單域中插入文本區(qū)域，在其中可以輸入多行文字。n“復(fù)選框”按鈕 。單擊該按鈕，可以在表單域中插入復(fù)選框。復(fù)選框允許在一組選項中選擇多項，用戶可以選擇任意多個適用的選項。n“單選按鈕”按鈕 。單擊該按鈕，可以在表單域中插入單選按鈕。單選按鈕代表互相排斥的選擇。選擇一組中的某個按鈕，就會取消選擇該組中的所有其他按鈕。例如，用戶可以選擇“是”或“否”。第6頁/共34頁第六頁，共34頁。出式菜單中顯示選項值，而且(r qi)只允許用戶選擇一個選項。n“跳轉(zhuǎn)菜單”按鈕 。單擊該按鈕，可以在表

3、單域中插入可導(dǎo)航的列表或彈出式菜單。跳轉(zhuǎn)菜單允許您插入一種菜單，在這種菜單中的每個選項都鏈接到文檔或文件。請參見創(chuàng)建跳轉(zhuǎn)菜單。n“圖像域”按鈕 。單擊該按鈕，可以在表單域中插入圖像?？梢允褂脠D像域替換“提交”按鈕，以生成圖形化按鈕。第7頁/共34頁第七頁，共34頁?！疤峤弧被颉爸刂谩眓“標(biāo)簽”按鈕 。單擊該按鈕，可以在表單域中給表單加上標(biāo)簽，以形式開頭和結(jié)尾。n“字段集”按鈕 。單擊該按鈕，可以在表單域中添加一個字段集的同時(tngsh)在HTML源代碼中添加標(biāo)簽。該標(biāo)簽是表單元素邏輯組的容器標(biāo)簽，在其中可以繼續(xù)插入單選按鈕、復(fù)選框、圖像以及文件域等對象。第8頁/共34頁第八頁，共34頁。第9

4、頁/共34頁第九頁，共34頁。n初始狀態(tài)。設(shè)置(shzh)首次載入表單時復(fù)選框是已選中還是未選中。第10頁/共34頁第十頁，共34頁。n單選按鈕的“屬性”面板中的各個參數(shù)的含義如下：n單選按鈕名稱。給單選按鈕命名，該名稱是表單識別該單選按鈕的唯一標(biāo)識。n選定值。設(shè)置該單選按鈕被選中時發(fā)給服務(wù)器的值。n初始狀態(tài)。確定在瀏覽器中載入表單時該單選按鈕是否被選中。第11頁/共34頁第十一頁，共34頁。n動作(dngzu)。指定按鈕被單擊時發(fā)生的動作(dngzu)。共有3個單選按鈕提供選擇：選中“提交表單”單選按鈕，當(dāng)鼠標(biāo)單擊該按鈕時，則將表單數(shù)據(jù)提交給處理程序或腳本；選中“重設(shè)表單”單選按鈕，當(dāng)鼠標(biāo)單

5、擊該按鈕時，則將自動地恢復(fù)所有表單對象的初值；選中“無”單選按鈕，當(dāng)鼠標(biāo)單擊該按鈕時不發(fā)生任何動作(dngzu)。第12頁/共34頁第十二頁，共34頁。部分或全部的選項，或者允許用戶選擇多個菜單項，則選中“列表”單選按鈕。n高度（僅“列表”類型）。設(shè)置菜單中顯示的項數(shù)。n選定(xun dn)范圍。指定用戶是否可以從列表中選擇多個項。n初始化時選定(xun dn)。設(shè)置列表中默認(rèn)的菜單項。單擊列表中的一個或多個菜單項即可。第13頁/共34頁第十三頁，共34頁。在文本框中輸入文件名和路徑，那么文件域僅允許輸入“最多字符數(shù)”值所指定的字符數(shù)。第14頁/共34頁第十四頁，共34頁。第15頁/共34頁第

6、十五頁，共34頁。第16頁/共34頁第十六頁，共34頁。n開該圖像文件進行編輯，如果用戶的電腦上安裝了Fireworks 8，系統(tǒng)就會打開Fireworks 8對圖像進行編輯。第17頁/共34頁第十七頁，共34頁。第18頁/共34頁第十八頁，共34頁。第19頁/共34頁第十九頁，共34頁。第20頁/共34頁第二十頁，共34頁。第21頁/共34頁第二十一頁，共34頁。該按鈕，所選樣式的屬性區(qū)域中的各個屬性將以類別的形式顯示出來。n“顯示列表視圖”按鈕 。單擊該按鈕，所選樣式的屬性區(qū)域中的各個屬性將以列表的形式顯示出來。n“只顯示設(shè)置屬性”按鈕 。僅顯示那些已進行設(shè)置的屬性。n“附加樣式表”按鈕

7、。用于在HTML文檔中鏈接一個外部的CSS文件。n“新建CSS規(guī)則”按鈕。用于創(chuàng)建新的CSS樣式。n“編輯(binj)樣式”按鈕。用于編輯(binj)現(xiàn)有的CSS樣式。n“刪除CSS規(guī)則”按鈕。用于刪除(“)CSS樣式”面板中選中的規(guī)則。第22頁/共34頁第二十二頁，共34頁。標(biāo)簽的外觀）”）n該類型用于重新定義特定的HTML標(biāo)簽的默認(rèn)格式設(shè)置，完成設(shè)置后不需進行任何操作就可以應(yīng)用到重定義的網(wǎng)頁中。n使用(shyng)CSS選擇器（高級（ID、偽類選擇器）第23頁/共34頁第二十三頁，共34頁。第24頁/共34頁第二十四頁，共34頁。n像。n附件。用于設(shè)置背景圖像是固定在其原始位置還是隨內(nèi)容一

8、起滾動。n水平/垂直位置。用于設(shè)置背景圖像相對于元素的初始位置。這可以用于將背景圖像與頁面中心垂直或水平對齊。如果“附件”屬性為(“)固定”，位置則相對于“文檔”窗口而不是元素。第25頁/共34頁第二十五頁，共34頁。詞之間的距離；選擇“值”選項時，可以通過在文本框中輸入數(shù)值，并在右側(cè)的下拉列表中選擇單位的辦法設(shè)置單詞之間的距離。n字母間距。用于設(shè)置字母之間的距離。選擇“正常”選項時，系統(tǒng)根據(jù)默認(rèn)的設(shè)置來設(shè)定字母之間的距離；選擇“值”選項時，可以通過在文本框中輸入數(shù)值，并在右側(cè)的下拉列表中選擇單位的辦法設(shè)置單詞之間的距離。n垂直(chuzh)對齊。用于設(shè)置文本或圖像相對于其父級元素在垂直(ch

9、uzh)方向的對齊方式。下拉列表中有“基線”、“下標(biāo)”、“上標(biāo)”、“頂部”、“文本頂對齊”、“中線對齊”、“底部”、“文本底對齊”和“值”等9種對齊方式。第26頁/共34頁第二十六頁，共34頁。n“保留”：保留原代碼中所有的空格形式；n“不換行”：當(dāng)文檔中的文本過長時不會自動換行，若想換行則必須使用換行標(biāo)記。n顯示。用于設(shè)置區(qū)塊的顯示方式。第27頁/共34頁第二十七頁，共34頁。第28頁/共34頁第二十八頁，共34頁。第29頁/共34頁第二十九頁，共34頁。第30頁/共34頁第三十頁，共34頁。第31頁/共34頁第三十一頁，共34頁。n濾鏡。用于對樣式所控制的對象應(yīng)用特殊效果（例如模糊和反轉(zhuǎn)等）。第32頁/共34頁第三十二頁，共34頁。n（2）定