某培訓機構HTML大綱.doc

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