術揭密
學生注意力集中
與老師交流
學生很感興趣
積極回答
有疑惑，也有興趣
仔細觀察
摩拳擦掌，躍躍欲試
了解操作過程
觀察文本文檔中的內容，看不懂，有點奇怪
觀察、熟悉操作環境
記憶操作步驟
困惑，不明白這個魔術表演到底是什么意思？
導入設計時，圍繞學生感興趣的事物提出問題，充分吸引學生的注意力，與學生積極交流，首先創建良好的師生關系，營造輕松的課堂氛圍。
通過觀察教師的操作，學生能夠模仿操作，目的不是讓學生學習操作的方法，而是使學生能夠經過自己的雙手操作發現“小魔術”的結果，繼而導入學習內容。
教學安排
教師活動
學生活動
設計思想
學生模仿操作
魔術結果展示
魔術揭秘
講解（不演示操作）觀察“小魔術”結果的方法：打開網上鄰居的個人文件夾，打開“1王二.htm”或“1王二.html”。
教師巡視，個別幫助。
為避免文件重名，提醒學生將另存的文件用文本文檔的文件名+自己的姓名命名。
個別學生演示他們的“小魔術”的結果。
激發學生思考“小魔術”的秘訣。
揭密過程。
引導學生區分兩個。
文件的圖標，并理解它們的含義。引入html語言。
仔細觀察
迫不及待的動手操作，很好奇，想象到底是什么結果。
觀察到了魔術表演的最終結果，很興奮，覺得不可思議
互相觀察
發現和別人的不同之處，與周圍同學積極交流
產生好奇心，有學習動力
感興趣
積極思考
只講解觀察“小魔術”結果的方法，而不演示操作，目的是為了能將神秘感保留到學生操作時，這樣不僅能夠吸引學生的注意力，而且也能提高學生動手操作的積極性，體現學生的主體性。
學生只有在與其他同學交流時才能發現新問題，教師才能繼續新的
教學安排
教師活動
學生活動
設計思想
引入html語言，了解它的功能
了解html文件的基本結構和html語言常用的標識符
具體步驟：對比“另存為”操作前后的兩個文件的圖標（例如：“1.txt”與“王二.htm”兩個文件的圖標），
講解“小魔術”的秘訣：文本文檔中的符號其實是一種制作網頁的語言，叫html語言。
將html代碼輸入文本文件中，然后保存到以“.htm”或“.html”為文件擴展名的文件中，就可以制作網頁文件。
了解html文件的基本結構。
展示“1.txt”。
講解html文件的基本結構：開始標記、內容主體、結束標記。
展示1王二.htm。
仔細觀察
發現不同之處
共同討論
積極回答
理解
初步了解“小魔術”的秘訣
注意力集中
觀察
了解
觀察網頁中的文字顏色，圖片內容，水平線粗細等
教學活動，但有的學生的主動性較差，不與周圍同學交流，所以設計了這樣的環節──展示魔術結果。希望能通過教師的主導作用，提高學習效率。
先滿足一下學生的好奇心，以免弄巧成拙，降低學生的學習興趣。
教學安排
教師活動
學生活動
設計思想
展示“1.txt”。
結合觀察網頁的結果，引導學生了解html語言常用的標識符。
想一想、試一試：能不能改變文字顏色，圖片內容，水平線粗細？
結合學生的回答演示操作。
修改“1.txt”另存為新的網頁文件。
展示新網頁文件。
拓展延伸介紹其他標識符
如：<br>換行
<body bgcolor=#>設置背景顏色
等等
仔細觀察“1.txt”
發現與網頁中“文字顏色，圖片內容，水平線粗細”有關的內容
例如：color=green
ziran.jpg
size =3