HTML教學(xué)大綱一、課程目標(biāo)l HTML頁(yè)面與表格 l 文字布局與文字效果 l 圖像、熱點(diǎn)、CSS樣式定義與應(yīng)用、框架l 頁(yè)面版式控制與多媒體效果、浮動(dòng)窗口 l 表單與頁(yè)面控件二、課程學(xué)時(shí)理論課上機(jī)課研討課551三、相關(guān)的項(xiàng)目案例 個(gè)人網(wǎng)站的制作四、課程知識(shí)點(diǎn)第一講 HTML頁(yè)面與表格 第一次上機(jī)目標(biāo)HTML文件的結(jié)構(gòu) 設(shè)置HTML文件的背景色及文本色 在頁(yè)面上添加一個(gè)超鏈接 在頁(yè)面上添加一個(gè)表格 設(shè)置表格的屬性 內(nèi)容概述和組織1、HTML頁(yè)面的基本結(jié)構(gòu)：起始標(biāo)記、文件頭、文件主體部分標(biāo)記。 2、文件頭中的各種常用標(biāo)記3、標(biāo)記的各種屬性4、簡(jiǎn)單介紹各種鏈接的作用5、表格的基本形式以及如何創(chuàng)建簡(jiǎn)單的表格6、表格的各種屬性設(shè)置重點(diǎn)和難點(diǎn)重點(diǎn)：HTML文件的結(jié)構(gòu)、標(biāo)記的各種屬性、創(chuàng)建表格難點(diǎn)：創(chuàng)建表格第二講 HTML頁(yè)面的文字布局與文字效果 第二次上機(jī)目標(biāo)l 頁(yè)面正文的文字布局l 頁(yè)面的文字效果l 滾動(dòng)字符l 清單及其標(biāo)記內(nèi)容概述和組織1、文字布局包括標(biāo)題及劃分段落，介紹標(biāo)題和段落標(biāo)記的屬性。2、設(shè)置頁(yè)面文字的效果主要是從文字大小及文字風(fēng)格這兩個(gè)方面，另外還可以用標(biāo)記設(shè)置文字閃爍效果，用標(biāo)記分隔不同的文本。3、滾動(dòng)字符可以使整個(gè)網(wǎng)頁(yè)更有動(dòng)感，使用標(biāo)記設(shè)置滾動(dòng)的文字。介紹標(biāo)記的各種屬性。4、利用各種清單標(biāo)記可以使列表文字更加清晰、條理化。重點(diǎn)和難點(diǎn)重點(diǎn)：文字布局、文字效果、滾動(dòng)字符。 難點(diǎn)：設(shè)置文字效果和滾動(dòng)字符的各種屬性第三講 圖像、CSS樣式定義與應(yīng)用、浮動(dòng)窗口 第三次上機(jī)目標(biāo)l 在頁(yè)面中如何插入圖象l CSS樣式定義及應(yīng)用l HTML頁(yè)面的浮動(dòng)窗口內(nèi)容概述和組織1、可以通過(guò)標(biāo)記來(lái)向頁(yè)面中插入圖片，并可以通過(guò)該標(biāo)記的屬性來(lái)設(shè)置圖片的布局，使頁(yè)面更加漂亮。2、如何在HTML中應(yīng)用CSS3、CSS的基本語(yǔ)法4、如何用CSS裝飾HTML頁(yè)面5、使用創(chuàng)建浮動(dòng)窗口。重點(diǎn)和難點(diǎn)重點(diǎn)：在頁(yè)面中插入圖象，應(yīng)用CSS樣式表、如何使用浮動(dòng)窗口標(biāo)記難點(diǎn)：應(yīng)用CSS樣式表、使用浮動(dòng)窗口標(biāo)記第四講 頁(yè)面版式控制與多媒體效果、框架 第四次上機(jī) 目標(biāo)l 頁(yè)面版式控制標(biāo)記l 如何插入背景音樂(lè)l 如何插入多媒體文件l 框架的應(yīng)用內(nèi)容概述和組織1、介紹各種排版標(biāo)記2、通過(guò)實(shí)例講解使用排版標(biāo)記的功能和常用屬性3、使用標(biāo)記向頁(yè)面中插入背景音樂(lè)4、使用標(biāo)記插入各種多媒體，標(biāo)記的各種屬性5、使用標(biāo)記插入多媒體文件5、框架標(biāo)記框架頁(yè)面把瀏覽器窗口切割成幾個(gè)獨(dú)立的部分，打開(kāi)的鏈接目標(biāo)文件只占用瀏覽器窗口的某個(gè)區(qū)域，該區(qū)域就是框架網(wǎng)頁(yè)的目標(biāo)框架。6、標(biāo)記和標(biāo)記用于定義框架網(wǎng)頁(yè)的結(jié)構(gòu)。 7、各窗口之間如何進(jìn)行互操作重點(diǎn)和難點(diǎn)重點(diǎn)：常用的排版標(biāo)記、標(biāo)記、標(biāo)記的用法、框架的應(yīng)用難點(diǎn)：和標(biāo)記、框架的應(yīng)用第五講 表單與頁(yè)面控件 第五次上機(jī)目標(biāo)l 表單的基本概念及作用l 寫(xiě)入標(biāo)記l 下拉列表框l 可以輸入多行的文本框內(nèi)容概述和組織1、表單在Web網(wǎng)頁(yè)中用來(lái)給訪問(wèn)者填寫(xiě)信息，從而能采集客戶端信息，使網(wǎng)頁(yè)具有交互的功能，表單是由窗體和控件組成的。 2、寫(xiě)入標(biāo)記它能夠?qū)g覽器中的控件加載到html文檔中，標(biāo)志用來(lái)定義一個(gè)用戶輸入?yún)^(qū)，用戶可在其中輸入信息。 3、標(biāo)志中共提供了九種類(lèi)型的輸入?yún)^(qū)域，具體是哪一種類(lèi)型由type屬性來(lái)決定。詳細(xì)介紹各種類(lèi)型的輸入?yún)^(qū)域。4、標(biāo)志對(duì)用來(lái)創(chuàng)建一個(gè)菜單下拉列表框，此標(biāo)志對(duì)用于