某培訓(xùn)機(jī)構(gòu)HTML大綱.doc

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