網(wǎng)頁制作綜合應用教案
【教學分析】
學生的信息技術(shù)水平和能力的參差不齊，這是一個不爭的事實。在如何組織信息技術(shù)課堂教學上各有各的方法，但怎樣才能發(fā)揮那些水平較高、能力較強的同學的作用，調(diào)動不同層次學生的學習信息技術(shù)的興趣一直是我們探索的問題。
本節(jié)課力圖探討信息技術(shù)課堂教學如何在網(wǎng)絡環(huán)境中實現(xiàn)分層教學；努力探討如何實現(xiàn)使現(xiàn)有的不同層次水平的學生在信息技術(shù)課堂教學中都有所為、有所得；同時還試圖在學生的自主學習、協(xié)作學習與課堂教學評價等方面作出一些有益的探索。【教學目標】
1、知識與能力：
①熟練掌握并合理運用網(wǎng)頁制作知識與技巧； ②逐步培養(yǎng)學生分類整理信息資源的能力； ③逐步培養(yǎng)學生分析、處理、應用信息的能力。
2、過程與方法：
①導入新課階段，采用問題引導的方式，讓學生整體了解本節(jié)課的任務。
②初步制作階段，采用自主學習的方式，要求學生主動思考問題，并試著自己動手去解決。
③交流學習階段，采用協(xié)作學習的方式，提供給學生一個交流的平臺，引導學生在組內(nèi)交流學習問題、制作心得等。更進一步地把自己的作品修飾的更漂亮一些。④作品評價階段，采用小組間互相評價作品（提供評價標準），教師匯總評價結(jié)果，及時反饋評價信息，點評作品。
3、情感態(tài)度價值觀：
①逐步培養(yǎng)學生的獨立自主學習的方式； ②逐步培養(yǎng)學生協(xié)作學習的方式； ③逐步培養(yǎng)學生團隊合作的精神； ④逐步培養(yǎng)學生欣賞、評價優(yōu)秀作品。【教學重點】
1、超鏈接的設置。超鏈接是網(wǎng)頁的靈魂，教學中任務多處要求學生制作超鏈接，強化這一知識點。
2、表格的制作與修飾。表格是用來組織網(wǎng)頁信息中最常用的方式之一，教學任務一再要求用表格進行主頁布局，并要對表格進行一定的修飾，從而使整個網(wǎng)頁條理分明。
3、主頁的布局和修飾。學生水平、層次、綜合能力在這一點上可以體現(xiàn)出來，在教學任務和評價中也作出了相應的要求?！窘虒W難點】
主頁的合理布局和修飾。要求學生在完成主頁的基本制作基本上，要注重對主頁的美化，讓我們的主頁更吸引人。【教學策略】
1、設計并采用交互式網(wǎng)絡教學平臺；
2、對學生進行分組并分配相應的任務（主頁設計與制作），采用任務驅(qū)動式教學方法；
3、學生首先獨立自主地解決力所能及的問題（主頁中資源的使用、超鏈接的設置、表格的制作等），采用自主學習策略；
4、學生間相互交流學習心得，利用交流平臺相互幫助解決網(wǎng)頁制作中遇到的問題，采用協(xié)作學習策略；
5、對教學的結(jié)果進行評價，組間互評、教師點評，采用作品評價的方法?！窘虒W課時】 一課時 【教學資源】
交互式網(wǎng)絡教學平臺，教學網(wǎng)頁，任務素材，F(xiàn)TP學生用戶的建立及相關(guān)參數(shù)配置。【教學準備】
教師活動 學生活動 設計理念
課前準備
1、準備教學過程所使用的資源。
(1)為了使教學更具有吸引力，確定了本次制作活動的主題為“科技時尚”，并選擇了下面幾個子主題： A、UFO專題 B、國際空間站 C、恐龍世界 D、通古斯之迷 E、火星探測 F、三星堆之迷 G、科普生活
(2)要求學生從Internet下載給定主題的相關(guān)內(nèi)容（網(wǎng)頁、圖片等等）。
(3)教師整理學生所下載、收集的資料，為每一個子主題制作相應的教學資料包。
2、為學生準備FTP用戶，并設置相應的權(quán)限。
3、通過網(wǎng)絡教學平臺完成以下內(nèi)容：(1)確定上課的班級。
(2)檢查機房的設備，根據(jù)情況及時調(diào)整學生的座位，并在教學平臺中及時修改調(diào)整學生信息。
(3)根據(jù)學生的學習情況以及任務的完成情況來確定層次，并把程度較好的學生設定為組長，其他學生分成不同的制作小組。
(4)根據(jù)學生對制作主題的選擇情況，對全班的學生進行分組，在教學平臺自動分組的基礎上，并適當進行調(diào)整。
1、根據(jù)教師的要求，從網(wǎng)上搜索資料（文字、圖片、聲音、視頻等），并把相關(guān)資料下載下來。
2、整理所需要的素材，并按要求把它傳送到指定的位置。
3、學生根據(jù)教師的安排和指導，進入網(wǎng)絡教學平臺。
4、從教師提供的幾個不同學習主題中選擇自己感興趣的主題。
5、等待教師分組。
教育學上對備課有這樣一個觀點： 備課實際上一是備學生，二是備教材。
對于信息技術(shù)課還應加上備教學環(huán)境（機房）。
教師應充分熟悉機房環(huán)境，更要充分利用網(wǎng)絡機房這一教學環(huán)境來營造教學情境，從而使學生更能投入到教學中去。
各組的活動主題相同，但小組內(nèi)各成員的所完成的主題各不相同，他們共同構(gòu)成小組的大主題。這樣橫向在評價上可以實現(xiàn)可比性；縱向可以增強組員之間團結(jié)協(xié)作，共同構(gòu)建、完善小組的大主題。
【任務設計】（某一學生的任務）請認真仔細閱讀以下內(nèi)容：
1、首先，我們鄭重提醒你：你正在參與一項集體活動，請記住你是“科技時尚”組的一名成員，你的活動結(jié)果將直接影響甚至決定你所在團隊的最后成績，所以提醒你要打起十二分精神來認真完成所接到的任務。以下是你的團隊成員名單： 組長：季 潔
張 婧 戚 濤 孫 欣 孫 興 劉 沁 李沁怡
2、請下載實踐操作中所要用到的資料包，然后把它解壓到D:。
3、啟動FrontPage，打開站點“D:恐龍世界”，新建一個網(wǎng)頁，然后把它保存起來，名稱為：Index.htm 注意保存網(wǎng)頁時的名稱一定要為此文件名，你的任務就是在這個網(wǎng)頁中設計制作完成。
4、在設計你的主頁和網(wǎng)站時，請注意以下幾點提示：
A、要求你創(chuàng)建的名為“Index.htm”網(wǎng)頁，它是一個網(wǎng)站的主頁，此網(wǎng)頁相當重要，可以說它是別人觀察你的任務完成情況的入口。此網(wǎng)頁的內(nèi)容完全由你自己的設計完成，如果你還不太清楚主頁的制作要求和規(guī)則，請查閱“主頁設計”。
B、本節(jié)課所制作的主頁不建議你使用框架網(wǎng)頁來組織網(wǎng)頁，建議你請使用表格來組織網(wǎng)頁信息。C、主頁上所設置的超鏈接一定要正確、準確；主頁所鏈接的下一級網(wǎng)頁一定要能夠返回到主頁。
D、主頁設計一定要遵循簡潔，色彩鮮明，文字、圖像、動畫等信息源安排的要合理，要動靜結(jié)合，表格請進行必要的修飾。
5、請在主頁的適當位置添加一個“科技時尚首頁”超鏈接，超鏈接地址：../06/index.htm
6、所有的網(wǎng)頁制作完成后，請先打開”D:恐龍世界”文件夾，檢查Index.htm的制作效果，以及所有的鏈接是否正確。
7、檢查正確后，把該站點發(fā)布到“ftp://192.168.201.101”，在彈出的對話框中，用戶名為01，無密碼。
8、請單擊你的作品，再次檢查你所制作的網(wǎng)頁的內(nèi)容是否正確、完整。特別是圖片、聲音、視頻以及超鏈接。
【教學過程】
教學活動 學生活動 設計理念 問題引導
1、通過網(wǎng)絡教學平臺，進入問題分析階段。
2、先簡單介紹本節(jié)課的學習方式和學習內(nèi)容，學習過程中注意些什么問題，讓學生初步了解：(1)我們的任務是什么？(2)我們該怎樣去完成任務？
(3)任務將以什么樣的形式表現(xiàn)出來？(4)任務的最終表格形式是什么？
3、指出組長與成員之間的任務有所不同，更強調(diào)組長的職責。
(1)組長的任務是制作主題“科技時尚”的主頁，該主頁應能夠準確地鏈接到每個組員所制作的主頁（教學平臺提供了這些鏈接地址，但這些鏈接只有當所有的相應內(nèi)容發(fā)布到網(wǎng)上之后方可檢查其準確性），布局要合理，內(nèi)容應充實，具有一定的吸引力。
(2)組員的任務是制作相應子主題的主頁，該主頁的布局一定要合理，內(nèi)容應充實，鏈接要準確，特別是鏈接到組長主頁的設置（教學平臺提供了鏈接的地址，但該鏈接的設置只有發(fā)布到網(wǎng)上之后方可檢查其準確性）。
(3)組長要幫助、檢查組員所制作的主頁是否合理、正確，特別是超鏈接設置是否正確。
1、首先認真閱讀教學平臺所展示的“實踐操作要求”，并找出：(1)我在哪一制作小組？我的組長是誰？(2)我的制作主題是什么？(3)我的主頁有哪些具體要求？
2、然后思考老師所提出的問題，對于這些問題用什么方法來解決？還有哪些地方?jīng)]有聽懂的、看懂的？及時提出來進行交流、討論。
3、組長檢查本組成員是否完成素材的下載？是否打開了相應的站點？幫助有困難的同學，并及時向老師匯報本組的情況。首先讓學生了解本節(jié)課的主要任務是什么？該怎樣去完成任務？設計和制作時應注意哪些問題？任務最終將以什么樣的形式展現(xiàn)出來？
通過這些問題的思考學生可以從整體把握本節(jié)課的內(nèi)容，這樣在學習、操作過程中能做到胸中有數(shù)，有的放矢。
自主學習
1、通過網(wǎng)絡教學平臺進入自主學習階段。
2、引導學生如何進行自主學習。
3、培養(yǎng)學生養(yǎng)成自己動手解決問題的學習習慣，使用多種方法來引導學生努力去做到這點。
鼓勵學生自已去尋找解決問題的方法，在這一段時間內(nèi)盡量不要隨意提問。提示學生可以借助以下方式來尋求解決問題的方法：
(1)教學平臺所提供的“相關(guān)幫助”；(2)自帶課本中的相關(guān)章節(jié)；(3)FrontPage自帶的幫助系統(tǒng)。
4、引導學生遇到問題先想想自己是否能夠解決？ 是不是應該先去完成自己可以完成的部分？
是不是應該先把這些問題記錄下來，等一會可以在小組內(nèi)進行交流？ 引導學生養(yǎng)成一個良好的學習習慣。
5、強調(diào)在制作主頁時要充分利用表格來規(guī)化自己的主頁，并要對表格進行必要的修飾。
6、教師邊巡視邊把一些好設計、好想法介紹給大家聽，并適當對那些程度較差的學生加以指導。
7、提醒并糾正學生在操作過程共同出現(xiàn)和遇到的問題。
1、學生首先查檢所打開的站點中有哪些資源？
2、學生對資源進行分類整理，從而思考哪些將顯示在自己的主頁上？
3、思考如何設計才能制作出一個美觀、得體的主頁。
4、根據(jù)自己的設想，動手來制作自己的主頁。
5、在制作的過程中如果遇到一些不太熟悉的知識或方法，先可以通過以下幾種方式來查閱相關(guān)的幫助：(1)教學平臺上所提供的一些幫助；(2)自帶課本中的相關(guān)章節(jié)；(3)FrontPage自帶的幫助系統(tǒng)。
如果通過上述方式尚不能解決則可以記錄下所遇到的問題，等待下一步在組內(nèi)進行交流。
6、初步設計制作完成自己主頁。信息技術(shù)教育是以培養(yǎng)學生的信息能力，提高學生的信息素養(yǎng)為目標的教育。在整個教學過程中著重培養(yǎng)學生“信息技術(shù)的靈活運用能力”，培養(yǎng)學生以信息技術(shù)的方法手段，解決實際問題的能力。
當然首先我們還得讓學生自己先思考、自己先動手、自己來解決所遇到的問題，這樣可以達到逐步培養(yǎng)學生的自主學習能力。
協(xié)作學習
1、通過網(wǎng)絡教學平臺啟動組內(nèi)交流平臺。
2、指導學生組內(nèi)成員進行交流幫助。
3、引導學生進行使用正確交流的方式。
4、提醒學生及時完成自己的的主頁制作。
5、提醒學生注意保存自己所修改的網(wǎng)頁內(nèi)容。
6、要求組長下位幫助、檢查組員的主頁制作情況（特別檢查超鏈接設置的是否正確,主頁是否有表格，表格是否進行了修飾）。
1、使用組內(nèi)交流平臺，提出自己的問題，并盡自己所能解答組員所提出的問題。
2、根據(jù)交流所得到的信息，及時調(diào)整和修飾完善自己主頁。
3、組長此時應擔負起指導幫助的責任，及時幫助組內(nèi)成員完成主頁的制作和修飾。
4、及時保存自己的制作內(nèi)容。
5、及時把制作完成站點發(fā)布到指定的位置。
6、檢查自己所制作內(nèi)容是否正確（超鏈接）。學生的基本“信息素養(yǎng)”應包括“協(xié)作意識和信息的交流能力”。
學生通過這一交流平臺，相互之間提供幫助，并記錄問題以及問題的解決方法、方案、技巧等。并根據(jù)所得到的信息修改、完善自己的主頁設計。
作品評價
1、通過網(wǎng)絡教學平臺啟動作品評價平臺。
2、指導學生進行作品評價。(1)介紹評價的方法。
(2)介紹、分析評價項目以及相應的評價標準。
3、及時收集并統(tǒng)計出學生的評價結(jié)果。
4、向全班學生公布各小組作品的評價結(jié)果，并對部分作品進行點評。(1)通過網(wǎng)絡教學平臺的統(tǒng)計結(jié)果，選擇點評對象。(2)對網(wǎng)頁的制作效果對照評價標準進行分析、評價。
(3)指出作品中的優(yōu)缺點，提醒學生在今后的設計、制作過程中應該注意相應的問題。
1、打開作品評價窗口。
2、認真閱讀評價項目的內(nèi)容。
3、分別對各小組的作品進行觀察瀏覽，并參照評價項目和評價標準，對小組作品按項目進行評價。
4、檢查評價的結(jié)果，確認評價的信息沒有錯誤。
5、提交評價結(jié)果。
6、觀察教師對作品評價綜合統(tǒng)計結(jié)果，聆聽教師對一些作品的點評，思考本小組作品的得失，同時還思考自己在制作主頁時還需要注意哪些問題。學生的制作結(jié)果（作品）總是希望能夠得到某種程度的認可。學生之間的互評，一方面是對作品進行評價，更重要的是評價者在評價作品的過程中學習一些經(jīng)驗，吸取作品中的優(yōu)點，摒棄其中的缺點。從而達到“取其精華，去其糟粕”的效果，提升知識綜合應用的水平，逐步培養(yǎng)欣賞作品、評析作品的能力。
課堂小結(jié) 本節(jié)課是網(wǎng)頁制作綜合實踐應用，要求學生根據(jù)所提供的素材，自主設計并制作一個主頁，只是強調(diào)了要充分利用表格來規(guī)化網(wǎng)頁，強調(diào)網(wǎng)頁中的靈魂——超鏈接的制作。這樣一來任務的靈活性較強，難度較大。這樣的任務與平時學習訓練的任務有較大的差別，要求同學們在今后的學習過程中應多注意知識靈活運用，加強實踐操作。培養(yǎng)學生的創(chuàng)作和創(chuàng)新意識、自主學習和協(xié)作學習的意識。同時在教學過程中及時對學生所制作的作品進行評價，更強調(diào)學生之間的互評，教師點評。
【教學流程圖】
【教學反思】
信息技術(shù)課堂教學方式一直是信息技術(shù)教師和一些教育專家探討的一個主題，但目前多數(shù)教師在常規(guī)的課堂教學中還是采用教師邊講解學生邊操作任務的教學方式。
作為一名信息技術(shù)教師，我平時也在思考這個問題，在總結(jié)近三年來的網(wǎng)絡教學方式的基礎上。我設計并制作了這一網(wǎng)絡教學平臺，其教學功能主要有：
1、控制教學環(huán)節(jié)。在信息技術(shù)課堂中教學過程很難控制，這是一個共識。如何有效地控制教學環(huán)節(jié)，本網(wǎng)絡教學平臺設置了幾個關(guān)鍵教學環(huán)節(jié)（任務分析、自主學習、協(xié)作學習、作品評價），這樣從整體上可以實現(xiàn)教學環(huán)節(jié)的控制；
2、提供組內(nèi)成員交流學習的平臺。學生在獨立完成任務的同時，組內(nèi)成員可以通過交流平臺相互幫助指導；
3、作品評價。以小組為單位，學生可以根據(jù)提供的評價項目及評價標準進行評價其它組的作品。同時及時統(tǒng)計評價結(jié)果，最后展示并評點作品。
本課的主題是“信息技術(shù)在網(wǎng)絡環(huán)境下實施分層教學的研討”，這里包含兩部分內(nèi)容：一是網(wǎng)絡教學環(huán)境，即是上面所說的網(wǎng)絡教學平臺；二是分層教學，分層教學也是我們信息技術(shù)課一直所倡導一種教學方式。由于學生的信息技術(shù)水平的參差不齊，在以往的教學過程中很多學生在很短的時間內(nèi)就可以完成課內(nèi)任務，而有些同學卻每節(jié)課都不能完成任務。經(jīng)過兩年的教學思考，雖然我們在任務設計上進行了一些修改（分為基礎任務和提高任務），為學生提供了選擇和拓展的機會，但由于任務的過于具體化，學生的自我發(fā)展的空間受到了限制。本課中分層教學的設想要求學生完成共同的任務（主頁的設計），但任務的描述不再非常具體化，只是作了一些規(guī)定（課本中的相關(guān)知識點，如超鏈接、表格等），更多的是要求學生發(fā)揮自己的想象力及創(chuàng)造力來設計完成任務。這樣不同層次的學生可以設計不同水平的主頁，從而達到分層的要求。
本課從課堂教學效果來看非常好：網(wǎng)絡教學平臺發(fā)揮了其應有的功能；學生完成任務的投入程度大大高于以前；聽課教師對本網(wǎng)絡教學平臺和教學方式也給予了很高的評價和期望。
作為一次研討課無疑是成功的，但要想其成為大家所期盼的常規(guī)的教學方式還有許多值得探討與改進的地方：
1、網(wǎng)絡教學平臺的通用性。這是一個從設想、設計、制作都需要花大力氣去解決的問題。
2、任務的設計。任務的設計一是要考慮學生的水平，二是要仔細研究教材。并非所有的內(nèi)容都能按此種教學方式進行設計。如何能更好地實現(xiàn)分層教學也是值更深一步研究的問題。
3、學生互助方式的改進。從課堂教學來看，網(wǎng)絡教學平臺中的組內(nèi)交流平臺按我的觀點完全可以去掉或修改成“答疑區(qū)”，以便于課后對教學設計進行反思及學生學習狀態(tài)、過程的把握。
4、評價方式的改進。本節(jié)課的評價只有作品評價，雖然也有教師的點評，但還是缺乏評價方式的多樣性；同時也只有學生之間的評價（且僅以組為單位），缺乏評價主體的多樣性。應在評價方面多思考，如可以在教學過程中設置一些相關(guān)知識點的標準化題目，以便評價學生個體的對知識點的掌握程度。
當然只以個人的觀點和想法不足以能引起信息技術(shù)課堂教學方式的變革，僅試圖通過本人在教學上的一些做法能起到拋磚引玉作用，以期激起廣大同仁的共同努力探索，為信息技術(shù)教學的發(fā)展提供更廣闊的空間。
參考書目：
何潤偉
《信息技術(shù)》第一冊
中國和平出版社 楊威等
《信息技術(shù)教學導論》
電子工業(yè)出版社 朱慕菊
《走進新課程》
北京師范大學出版社
網(wǎng)址:http://
網(wǎng)址:http://
網(wǎng)頁制作與設計教案
第一講 網(wǎng)頁設計概述....................................................................................................................3 1.1WWW和URL.....................................................................................................................3 1.2IE5的使用............................................................................................................................3 1.3 網(wǎng)頁中所使用的技術(shù)............................................................................................................4 1.4 制作網(wǎng)頁的基本方法............................................................................................................4 第二講 HTML的基本標志與格式標志.......................................................................................4 2.1 HTML文檔的基本結(jié)構(gòu).........................................................................................................5 第三講 HTML的文本、圖片與超級鏈接標志...........................................................................5 2.2 插入文字................................................................................................................................6 2.3 插入圖片................................................................................................................................8 2.4 建立超級鏈接........................................................................................................................8 第四講 HTML表格、表單與框架標志.......................................................................................9 2.5 插入表格................................................................................................................................9 2.6 表單的應用..........................................................................................................................10 2.7 框架窗口..............................................................................................................................10 第五講 HTML標志綜合運用案例.............................................................................................11 第六講 DREAMWEAVER中簡單WEB站點建立與管理.....................................................12 3.1 DREAMWEAVER概述............................................................................................................12 第七講 DREAMWEAVER中靜態(tài)網(wǎng)頁設計.............................................................................13 3.2 在頁面中加入文字和圖像..................................................................................................14 3.3 超級鏈接的運用..................................................................................................................14 3.4.表格的應用.........................................................................................................................14 3.5.在網(wǎng)頁中創(chuàng)建表單.............................................................................................................15 第八講 DREAMWEAVER中動態(tài)網(wǎng)頁設計.............................................................................15 第九講 DREAMWEAVER綜合性網(wǎng)頁設計案例.....................................................................16 第十講 VBSCRIPT概述.............................................................................................................17 4.1 VBSCRIPT語言簡介.............................................................................................................17 第十一講 VBSCRIPT的基本元素與輸入輸出.........................................................................18 4.2.基本數(shù)據(jù)類型.......................................................................................................................18 4.2.表達式和運算符.................................................................................................................19 第十二講 VBSCRIPT的條件語句、循環(huán)語句和過程.............................................................20 4.3 VBSCRIPT基本語句.............................................................................................................20
第一講 網(wǎng)頁設計概述
【教學內(nèi)容】
講解網(wǎng)頁設計的相關(guān)術(shù)語及網(wǎng)站制作的基本流程。【教學目的】
使學生對網(wǎng)站及網(wǎng)頁有一定的認識，激發(fā)學生學習網(wǎng)頁設計的興趣?！窘虒W重點】
網(wǎng)頁設計中的若干術(shù)語?！窘虒W難點】
理解網(wǎng)頁設計中的若干術(shù)語?！窘虒W方式】
講授式、討論式、案例分析式?！窘虒W參考】
1、《網(wǎng)頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《Internet 網(wǎng)頁工場》Wittime工作室 重慶出版社。
3、《WEB網(wǎng)站設計》Joel Sklar著 高等教育出版社。
4、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社?！拘抡n內(nèi)容】
1.1 WWW和URL 1.1.1 Web的起源
Web是World Wide Web的簡稱，一般也稱之為WWW或3W 1.1.2 Web的特點和結(jié)構(gòu)
Web最大的特點是使用了超文本（Hypertext）WWW采用C/S（客戶機/服務器）工作模式
在瀏覽器和服務器之間應用HTTP（Hyper Text Transfer Protocol，超文本傳輸協(xié)議）作為網(wǎng)絡應用層通信協(xié)議 1.1.3 URL URL的完整格式
協(xié)議://主機名或IP地址：端口號/路徑名/文件名
1.2 IE5的使用
Web瀏覽器是瀏覽Internet資源的客戶端軟件
在Windows環(huán)境下使用的瀏覽器主要有Internet Explorer、Netscape Navigator、Mosaic等
1.2.1 IE5的界面 1.2.2 IE5的使用
列表標志的使用。【教學方式】
討論式、案例分析式、練習式?！窘虒W參考】
1、《網(wǎng)頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設計》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社。【新課內(nèi)容】
2.1 HTML文檔的基本結(jié)構(gòu)
2.1.1 HTML語法
1、雙標記
語法：
<標記>內(nèi)容
2、單標記 語法：<標記> 最常用的單標記是
3、標記屬性 語法
<標記
屬性1 屬性2 屬性3 … > 例子
4、注釋語句 格式
例子
2.1.2 HTML文檔的基本結(jié)構(gòu) 【課后小結(jié)】
通過本次課的學習,要求能熟練掌握網(wǎng)頁面的基本標志與格式標志,并能靈活運用 列表,有序列表,無序列表標志及屬性。
第三講 HTML的文本、圖片與超級鏈接標志
【教學內(nèi)容】
講解HTML標準中的文本、圖片與超級鏈接標志 【教學目的】
* 使學生了解標題元素,掌握字體,上下標,及特殊字符的標志。
< EM>......，強調(diào)文字，通常用斜體。
< STRONG>......，特別強調(diào)的文字，通常用黑體。
......，以等寬體顯示西文字符。
......，使文字大小相對于前面的文字增大一級。
......，使文字大小相對于前面的文字減小一級。......，使文字成為前一個字符的上標。......，使文字成為前一個字符的下標。......，使文字顯示為閃爍效果。2.2.6
文本修飾 2.2.7
預格式化文本 使用預格式化標記
不再忽略在此之間的空格、制表符與回車符等元素 2.2.8 轉(zhuǎn)義字符與特殊字符
一般轉(zhuǎn)義符都是以“&”開始，以“；”結(jié)束，一個轉(zhuǎn)義符之間不能有空格 2.2.9 文本強制換行和不換行 文本強制換行
不換行 2.2.10 插入水平線 使用
標記
屬性：Width，Size，Align，Noshade，color 2.2.11 使用列表
1、無序列表
2、有序列表
- 列表條目1
- 列表條目2......
3、定義列表
- 列表條目1
- 條目1的說明
- 列表條目2
- 條目2的說明 ……
...... 2.4.4 圖像地圖 【課后小結(jié)】
本節(jié)介紹了在網(wǎng)頁中加入文本、圖片和超級鏈接的標志與相應屬性，熟練運用這些標志是制作多媒體網(wǎng)頁的基礎。超級鏈接標志中，書簽鏈接是一類特殊的鏈接方式，理解和使用書簽鏈接學習HTML中超級鏈接標志的難點。
第四講 HTML表格、表單與框架標志
【教學內(nèi)容】
講解HTML中制作表格、表單與框架的標志。【教學目的】
使學生掌握簡單表格、表單與框架的制作?！窘虒W重點】
* 表格中單元格的合并以及表格嵌套和疊加操作。* 框架的嵌套使用。* 表單元素標志與屬性?！窘虒W難點】
* 理解表格屬性rowspan與colspan的含義以及表格嵌套實現(xiàn)的基本思想。* 理解框架屬性name、target的意義。
* 理解表單中相應元素對應標志及屬性的含義?！窘虒W方式】
案例分析式、項目教學 【教學參考】
1、《網(wǎng)頁設計與制作》楊尚森 曲宏山 賈文峰等著 電子工業(yè)出版社。
2、《WEB網(wǎng)站設計》Joel Sklar著 高等教育出版社。
3、《HTML網(wǎng)頁制作教程》材義語編著 鐵道出版社?！拘抡n內(nèi)容】
2.5 插入表格
2.5.1 在網(wǎng)頁中插入表格
表格的基本構(gòu)成元素：表頭，單元格，列，行
| 第一行第一列 | 第一行第二列 |
| 第二行第一列 | 第二行第二列 | FrameSpacing=“2“
BorderColor=”#008000“ >
2.7.3 子窗口屬性設置
2.7.4 常見的框架窗口劃分方法（1）標題和正文，分為上下兩部分（2）層次結(jié)構(gòu)，分為上中下三部分
（3）目錄和標題，分為左上、左下、右三部分
（4）標題、目錄和正文，分為上、左下、右下三部分（5）嵌套目錄，分為左、右上、右下三部分 2.7.5 不支持框架的網(wǎng)頁
