【正文】 元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標(biāo)志與屬性?！窘虒W(xué)難點(diǎn)】* 理解表格屬性rowspan與colspan的含義以及表格嵌套實(shí)現(xiàn)的基本思想。* 理解框架屬性name、target的意義。* 理解表單中相應(yīng)元素對(duì)應(yīng)標(biāo)志及屬性的含義?！窘虒W(xué)方式】 案例分析式、項(xiàng)目教學(xué) 【教學(xué)參考】《網(wǎng)頁(yè)設(shè)計(jì)與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社?！禬EB網(wǎng)站設(shè)計(jì)》Joel Sklar著 高等教育出版社?！禜TML網(wǎng)頁(yè)制作教程》材義語(yǔ)編著 鐵道出版社?！拘抡n內(nèi)容】 插入表格表格的基本構(gòu)成元素：表頭，單元格，列，行 第一行第一列第一行第二列第二行第一列第二行第二列 表單的應(yīng)用表單在Web網(wǎng)頁(yè)中用來(lái)給訪問(wèn)者填寫信息，從而能獲得用戶信息，使網(wǎng)頁(yè)具有交互的功能。（1）單行文本輸入?yún)^(qū)（2）密碼輸入?yún)^(qū)（3）單選框（4）復(fù)選框（5）隱藏區(qū)域（6）按鈕 你選修的課程：計(jì)算機(jī)英語(yǔ)邏輯學(xué)心理學(xué) 請(qǐng)輸入你的詳細(xì)介紹：文字 框架窗口框架把窗口劃分成幾個(gè)子窗口，各個(gè)子窗口可以調(diào)入各自的HTML文檔，最后形成充滿整個(gè)窗口的網(wǎng)頁(yè)。 SRC=“”MarginWidth=“5”Noresize MarginHeight=“5” Scrolling=“auto” FrameBorder=“0” FrameSpacing=“6” BorderColor=“0000FF” Target=“rtop” （1）標(biāo)題和正文，分為上下兩部分（2）層次結(jié)構(gòu)，分為上中下三部分（3）目錄和標(biāo)題，分為左上、左下、右三部分（4）標(biāo)題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 很抱歉，饋下使用的瀏覽器不支援框架功能，請(qǐng)轉(zhuǎn)用新的瀏覽器。第五篇：高一frontpage制作網(wǎng)頁(yè)教程(二)應(yīng)用frontpage制作網(wǎng)頁(yè)（二）一、網(wǎng)頁(yè)美化A、添加網(wǎng)頁(yè)背景：即整個(gè)網(wǎng)頁(yè)的背景。在編輯窗口中選擇“普通”選項(xiàng)卡，在編輯區(qū)單擊右擊選擇“網(wǎng)頁(yè)屬性”調(diào)出“網(wǎng)頁(yè)屬性”對(duì)話框，選擇“背景”選項(xiàng)卡。1． 背景圖片：在“背景圖片”前打上勾，單擊“瀏覽”按鈕，彈出“選擇文件”對(duì)話框，選擇要應(yīng)用的背景，單擊“確定”按鈕； 2． 水?。嚎梢栽O(shè)置背景圖片是否采用水印。3． 背景顏色：如果背景中不要添加圖片，只添加顏色，只須在打開“背景”顏色的下拉列表中選擇要應(yīng)用的顏色，按“確定”即可。B、表格屬性設(shè)置：在編輯窗口中選擇“普通”選項(xiàng)卡，在編輯區(qū)單擊右擊選擇“表格屬性”調(diào)出“表格屬性”對(duì)話框。1． 布局：即表格相對(duì)于整個(gè)網(wǎng)頁(yè)的布局。“對(duì)齊方式”分別有“默認(rèn)”“左對(duì)齊”“右對(duì)齊”“水平居中”“兩端對(duì)齊”； “浮動(dòng)”，分別有“默認(rèn)”“左對(duì)齊”“右對(duì)齊”三個(gè)選項(xiàng)；（當(dāng)“對(duì)齊方式”和“浮動(dòng)”相矛盾時(shí)，優(yōu)先選擇“浮動(dòng)”設(shè)置。）“指定高度”和“指定寬度”：有“象素”和“百分比”兩種方式選擇，分別進(jìn)行絕對(duì)或者相對(duì)位置的設(shè)置； 2． 邊框：即表格邊框的設(shè)置。粗細(xì)：指表格邊框的線條粗細(xì)，若“粗細(xì)”設(shè)置為“0”，則表格邊框不可見，即隱藏。數(shù)值越高，邊框越粗。顏色：即表格邊框的顏色，可在下拉列表中選擇； “亮邊框”和“暗邊框”：對(duì)四面邊框分別進(jìn)行設(shè)置。其中“亮邊框”是指上邊框和左邊框，“暗邊框”是指右邊框和下邊框。3． 背景：即對(duì)表格背景進(jìn)行設(shè)置。有“顏色”和“背景圖片”兩個(gè)選擇。C、單元格屬性設(shè)置：在編輯窗口中選擇“普通”選項(xiàng)卡，在編輯區(qū)單擊右擊選擇“表格屬性”調(diào)出“單元格屬性”對(duì)話框。“布局”中的對(duì)齊方式分為“水平對(duì)齊方式”和“垂直對(duì)齊方式”兩種，是指單元格中內(nèi)容的對(duì)齊方式，包括圖片和文本。單元格的其他屬性設(shè)置與表格屬性設(shè)置基本相似。二、超級(jí)鏈接超鏈接是從一個(gè)網(wǎng)頁(yè)指向另一個(gè)目的端的鏈接，例如指向另一個(gè)網(wǎng)頁(yè)或者相同網(wǎng)頁(yè)上的不同位置。這個(gè)目的端通常是另一個(gè)網(wǎng)頁(yè)，也可是一一幅圖片，一個(gè)電子郵件地址，一個(gè)文件或者一個(gè)程序。超鏈接可以是文本或者圖片。Frontpage設(shè)置了四種超鏈接的按鈕：使用web瀏覽器來(lái)選擇網(wǎng)頁(yè)或文件；制作一個(gè)指向本地計(jì)算機(jī)上文件的超鏈接；制作發(fā)送電子郵件的超鏈接；創(chuàng)建一個(gè)網(wǎng)頁(yè)并鏈接到該網(wǎng)頁(yè)。A、插入超鏈接1． 鏈接文本或圖片： 前提：有已經(jīng)做好的web頁(yè)面或圖像或文本，才可進(jìn)行鏈接；步驟：選中要鏈接的文本或圖片——》單擊工具欄上的“超鏈接”按鈕或者在右鍵快捷菜單種選擇“超鏈接”——》在URL文本框中輸入地址或者利用“制作一個(gè)指向本地計(jì)算機(jī)上文件的超連接”按鈕來(lái)選擇要鏈接的文本或圖片——》確定。2． 創(chuàng)建internet鏈接：打開“超鏈接”對(duì)話框，直接在URL文本框中填入要連接的internet地址，單擊確定即可。3． 鏈接電子郵件：選擇要作為超鏈接的文本或者圖片，打開“超鏈接”對(duì)話框，單擊“信封”按鈕，輸入需要鏈接的郵箱地址，按“確定”即可。注意：超鏈接的激活——在網(wǎng)頁(yè)編輯模式中切換到“預(yù)覽”模式，當(dāng)我們把鼠標(biāo)指向創(chuàng)建超鏈接的文本或圖片時(shí)，鼠標(biāo)變成手形，說(shuō)明該圖像已經(jīng)具有了超鏈接，單擊即可實(shí)現(xiàn)切換；在“普通”模式中要激活超鏈接，必須按住ctrl鍵。B、超連接顏色設(shè)置打開網(wǎng)頁(yè)屬性對(duì)話框“背景”選項(xiàng)卡——》啟用超鏈接翻轉(zhuǎn)效果：當(dāng)選擇該項(xiàng)時(shí)，可以對(duì)超鏈接效果進(jìn)行設(shè)置，即當(dāng)鼠標(biāo)移到超鏈接文字上時(shí)的文字格式?？梢援a(chǎn)生簡(jiǎn)單的動(dòng)態(tài)效果。打開網(wǎng)頁(yè)屬性對(duì)話框“背景”選項(xiàng)卡——》超鏈接顏色設(shè)置，分為超鏈接、已訪問(wèn)和當(dāng)前三種顏色設(shè)置。C、取消超鏈接選中要取消超鏈接的文本或圖片，打開“超鏈接”對(duì)話框，將URL文本框中的內(nèi)容刪除，按“確定”即可。三、插入多媒體A、如何使用音頻1． 插入音頻利用插入，在播放多媒體時(shí)并不依賴插件，只和我們使用的瀏覽器有關(guān)。Internet explorer可以支持插入的音頻的播放。步驟：打開“網(wǎng)頁(yè)屬性”對(duì)話框，在“常規(guī)”選項(xiàng)卡 “背景音樂(lè)”中單擊“瀏覽”按鈕，選擇要插入的音頻文件，單擊“確定”按鈕?？梢栽O(shè)置播放次數(shù)，默認(rèn)情況下時(shí)循環(huán)播放。用戶無(wú)法控制播放方式。注意：可以插入的音頻文件格式有：wav mid ram ra aif au 2． 嵌入音頻嵌入要使用插件來(lái)播放音頻文件，離開了插件，嵌入的文件就不能夠正常的播放。步驟：“插入”菜單——》高級(jí)——》插件在打開的“插件”屬性對(duì)話框中單擊“數(shù)據(jù)源瀏覽”按鈕，選擇要播放的音頻文件（.），單擊“確定”即可。在普通模式下，為了表示插入音頻的位置，frontpage會(huì)使用插頭標(biāo)記，而當(dāng)切換到預(yù)覽模式時(shí)，音樂(lè)就自動(dòng)播放了，而且插頭變成了一個(gè)播放器。這個(gè)播放器的名字叫“active movie”。可以通過(guò)右鍵的快捷菜單打開“插件屬性”對(duì)話框進(jìn)行有關(guān)設(shè)置，包括“數(shù)據(jù)源”、“瀏覽器不支持插件時(shí)顯示的消息”以及插件的大小、布局等，并可設(shè)置插件是否隱藏。3．鏈接音頻 B、如何使用視頻1． 插入視頻：和音頻一樣必須瀏覽器支持才可以正常使用。步驟：設(shè)置插入點(diǎn)——》插入——》圖片——》視頻在打開的“視頻”對(duì)話框中選擇要插入的視頻文件，單擊“確定”。切換到預(yù)覽模式，視頻就自動(dòng)播放了。在插入的視頻上單擊鼠標(biāo)右鍵，選擇“圖片”屬性命令，單擊“視頻”選項(xiàng)卡，可以對(duì)插入的視頻進(jìn)行設(shè)置。2． 嵌入視頻步驟：設(shè)置插入電——》插入——》高級(jí)——》插件在出現(xiàn)“插件屬性對(duì)話框”中單擊“數(shù)據(jù)源瀏覽”按鈕，選擇視頻文件，按“確定”。和音頻文件一樣，嵌入的視頻文件需要使用插件來(lái)播放，因此用戶可以方便地控制媒體的播放。3． 鏈接視頻