第一篇：iH5基礎教程：為H5添加圖片、音視頻

iH5基礎教程：為H5添加圖片、音視頻

第一步：

1、在桌面全選素材，拖拉進編輯器的舞臺里，在對象樹中就可以看到添加的素材。

2、可以通過素材前面的勾控制素材的顯示和隱藏。

第二步：

1、可以在移動舞臺里的圖片或縮放大小，拖進來的圖片都是默認等比縮放，如果要自由縮放圖片，可以右鍵舞臺上的圖片，或者郵件對象樹里的圖片，取消等比縮放。也可以選擇原始大小，讓圖片恢復原來的大小。可以通過調整屬性面板來控制圖片的屬性，例如為圖片添加背景顏色、改變透明度、旋轉和微調圖片位置等等。

2、視頻拖進來默認是一個小方塊，右鍵視頻選擇原始大小可以調整視頻大小，放縮和移動的功能與圖片一樣，視頻有時間軸窗口，點擊播放按鈕可以使視頻播放。

3、可以用圖片工具

上傳GIF，GIF會自動播放，如果用GIF工具上傳GIF，則需要通過事件觸發其播放。

4、選中小人圖片，點擊文本工具，在舞臺拖拉一個框，在文本編輯框里輸入文字，可以通過屬性面板改變文字顏色，文字大小可以輸入數值讓文本放大。文本只有一個默認的中文字體，如果需要其他中文字體，可以用中文字體工具。

5、在一些瀏覽器里無法識別中文字體的顯示，所以用中文字體工具為圖片。

會轉化

第三步：對象排列結構

1、中文字體與文本是小人圖片的子對象，小人是父對象，點擊小人圖片前面的三角形，可以把子對象收起來。隱藏小人圖片，那它的子對象也會一起隱藏，移動父對象，子對象會像黏在父對象上一樣，跟著父對象一起移動，移動子對象，其父對象不會受到影響。

2、對象的排列順序會影響對象重疊的方式，同一個父對象下，排在上面的中文字體會蓋住文本。而中文字體和文本會蓋住鞋子，因為子對象優于父對象顯示。

知識點:

1、iH5編輯器支持哪些素材格式： 圖片：JPG，PNG，GIF，SVG 音頻：mp3 視頻：mp4的H.D.264格式

網頁：htm, html, zip（zip里面必須包含index.html）圖片序列：zip, gif（圖片名稱不能使用中文名稱）

2、添加素材：

哪些素材是可以在桌面或文件夾中多選后，通過拖曳導入編輯器的： 圖片，GIF圖片，視頻，音頻 哪些素材是需要選中工具，先在舞臺定位（拖個框），系統會彈出輸入框： 圖片（如果從工具欄選擇），文字T，富文本，網頁，圖片序列，圖畫，中文字，GIF，幻燈片

哪些素材是選中工具，在舞臺定位（拖個框），就直接在舞臺上添加了該工具： 透明按鈕，二維碼，按鈕

哪些素材是選中工具，無需在舞臺上定位，就直接導入了舞臺： 視頻，音頻，下載文件（會提示你上傳電腦中的文件）

3、使用圖片工具添加GIF圖和使用GIF工具添加GIF圖的區別？

圖片工具添加一張GIF圖片后，GIF圖片會自動播放，您也無法控制它的開始和停止；而用GIF圖工具添加一張GIF圖片，圖片不會自動播放，您需要通過添加控制事件來開始GIF的播放。另一種方法是利用幻燈片控件上傳GIF圖，并控制其播放，請參考幻燈片工具的具體操作用法。

4、iH5編輯器中三種文字工具的區別？

iH5編輯器中提供英文字“T”，中文字“字”，及富文本；富文本能更方便地為你整段的文字進行簡單的排版。中文字“字”為你提供更豐富的中文字體的選擇。綁定變量的只能使用英文字“T”。

＊如果您想將自己電腦中的中文字體上傳到工具中，請聯系我們的QQ客服人員。

5、按鈕和透明按鈕有什么區別？

按鈕是一個帶有顏色的圓角方形，你可以調節它的圓角度，顏色，外框顏色等。在它的屬性欄中可以直接添加文本，并設置文字大小，顏色，樣式等。透明按鈕就是一個透明的區域，它可以有按鈕的屬性，也可以有容器的屬性，具體參考后文中的透明按鈕的詳細解釋。

6、對象層級：（1）同級對象: a)對象樹上面的對象會遮擋下面的對象。例如圖片、文本等對象。b)頁面一次只顯示一個，頁面從下往上顯示，即對象樹最下面的頁面是首頁。（事件由下往上發生，即同一個觸發對象下的事件，排著最下面的事件先發生。）

（2）父子對象：

c)子對象優于父對象顯示，即子對象會遮擋父對象。

d)移動父對象，子對象跟著移動，移動子對象，父對象不受影響，即子對象像黏在父對象上一樣。

第二篇：iH5實戰沙龍：萬達新媒體、新京報H5心得分享

iH5實戰沙龍：萬達新媒體、新京報H5心得分享

半天做一個H5，包含創意策劃到執行；

600萬傳播的H5，不抓熱點，不玩形式；

全國“兩會”的報道，一天一個H5，基本都是四五個小時完成，凌晨兩點做完，第二天早上發布；

??

這些都是iH5實戰沙龍上，嘉賓制作H5的干貨分享，由于第一期沙龍只是小范圍定向邀請，很多人無法到場，小編整理出現場記錄跟大家分享。

以下為iH5實戰系列沙龍第一期實錄：

Part 1 《企業如何做出100萬+爆款H5》

分享嘉賓：萬達集團新媒體運營總經理，張瑾

各位下午好！剛才主持人談到有甲方說三天做一個H5，我們和iH5結緣，是因為我們用iH5半天做了定制化程度比較高的H5，去年中國申辦冬奧會成功的時候，當天因為萬達業務和冬奧會冰雪項目有一些交集，當天打算重點做一下，所以做了一個H5。

當天就要做出來，因為申辦冬奧的結果是當天上午知道的，找了已經有合作的乙方公司，說不行，一個星期做不出來，當時有方案、有創意、有想法，又找了其他類似平臺項目，不提名字了。大家說不行，做不出來。

后來找了iH5，溝通之后，iH5說當天肯定能做出來，多少錢，這是公益性吧，說不要錢也行，不要錢不合適，做吧，確實當天晚上做出來，效果真的挺好，我們當天也做了其他一些海報借勢，搭上互動的H5，當天打了一個漂亮的小勝仗。決定和iH5做戰略合作。這是結緣過程。

什么樣的H5傳播效果好？

這是去年我們發布的萬達工作法微信書，不知道有沒有人看到過？這是一年前案例。在我們看來，經?？赡懿还苁谴砉疽埠?，還是自己自嗨也好，刷屏了。我們之前經常用刷屏這個詞，這個案例出來之后，才真正感覺到刷屏感覺是什么樣。

當天PV過了一百萬，當周過了三百萬，然后一直后面釋放長尾增長。600萬的PV，這個量級應該在H5里面還不算多。

微信書萬達工作法緝拿了15、16個萬達日常工作管理當中方法論，基本上全是干貨，萬達怎么開會，怎么做制度，怎么反腐，怎么搞年會，怎么搞傳播，怎么做企業文化等等。特別干，相當于操作手冊、工具書一樣?？赡茉S多企業管理者看了之后，會覺得有一些收獲，或者可以借鑒的東西。

我們打了微信書的概念，這個概念放到現在來看，不算什么。我其實做一個東西也能叫微信書，恰恰在于如果定義成一個書的話，要有品質、有干貨，讓大家覺得有價值，可以傳播。就萬達微信書而言，真正大家得以認識和認可的，應該始于萬達工作法。

扣一下主題，H5本身會說什么樣的H5傳播效果好，大家可能會說，一是有意思，二是有意義，就是所謂的“二有”。有意思肯定是大家第一個追求的，不用多說。就我們的作品來說，更多的是有意義。

我們把H5賦予了產品化這種屬性，給它做了這種賦能，除了微信書本身有社會化、social創意概念在里面，用戶覺得有用，凸顯傳統價值，用戶愿意用社交貨幣就是時間，來購買，然后分享作品。

創新基于用戶場景——時點場景，痛點場景，趣點場景（網生場景）

時點場景是兒童節、端午節等等這些，痛點場景大家都知道，趣點場景（網生場景）即新應用、新模式，不管未接來電還是吳亦凡模式也好，粉絲和用戶已經形成了期待，已經有這個模式，能不能有一個新的出來，或者在這個基礎上有一些微創新東西。我們來契合這種用戶期待，做一些東西。

1、時點場景

我們在今年春節，也是H5，但是做了一些不一樣應用。我們做了一個3D煙花版的祝福，輸入春節快樂，一個字一個字從下面打出來，打到空中炸開綻放，你的祝福會成為煙花爛漫效果，別人收到之后會打開，比較美的效果和體驗。所以這個PV也是在大年初三那天沖破了兩百萬。

2、人性痛點場景

接下來這個案例，基于這樣的洞察：大家都是“低頭族”，不僅平時玩手機，不管什么場合，分享課上大家也會玩手機，春節也是這樣。寧可丟錢包，也不能丟手機。自覺不自覺拿手機看一看、玩一玩，會疏離家人和朋友，克服不了，像煙癮一樣，自覺不自覺看手機，自己痛苦點確實克服不了。

因此我們做了一個H5別碰手機，看你多長時間不碰手機，國外麥當勞、肯德基通過APP案例，去吃飯，幾個人看誰先動手機，堅持時間越長，給一個大漢堡。我們也是，打開之后，放在那，看多長時間能不碰，中間會有一些干擾性信息出現，老板電話，領導打來電話接不接，有些聲音效果會干擾你，有短信、其他的APP或者微信消息，會跳出來各種干擾你，看你會不會碰。

這個案例PV沒上一百萬。春節特定痛點場景下做這么一個洞察，大家可能玩過一遍之后，覺得停下來想一下，可能這個傳播的目的就達到了。

3、趣點場景

萬達新媒體隨時關注比較前沿一些玩法，基本上去年能玩的都玩過，環境比較寬松，不管是平臺還是預算支持這方面，都會比較寬松。但是完全做一個顛覆性的東西比較難，所以想能不能借鑒吳亦凡視頻H5的形式，做一個微創新，試一試。

正好這個時間，我們有一個推廣微官網的需求。微官網入口嵌在微信公眾號的菜單里，我們想微官網和公眾號菜單，怎么結合起來，把視頻技術用上。

這里面有一個前提條件，我們有一個女主播，平時做一些視頻節目這些，具備了這個因素。去年國家的反腐新聞，央視女主播神秘消失了不知道多長時間。我們借了一下事件噱頭，策劃了女主播神秘消失之后的主題。

女主播開始在我們公眾號界面上來講一些東西，講著講著就消失了，整體是一個像吳亦凡那樣的全屏的真人秀模式。消失了之后，會留下一些線索，用戶需要想辦法尋找女主播。找回來之后，活蹦亂跳出現在微網站，置頂的圖是一個視頻，在視頻里播一些東西。大體這個意思，人物在不同場景、界面里切換、穿梭。

整體技術應用確實借鑒和使用了吳亦凡的那個模式。這個創意本身還算比較精妙的地方，除了有美女主播噱頭，另外微信公眾號界面和微網站雙界面飄移，連接線全屏技術和女主播。

H5聯動作戰方式——“大戰役多兵種聯動”

去年10月份有一個鐵人三項的項目活動，當時萬達集團收購了國際鐵人三項公司，搞一個世錦賽。鐵人三項的項目在中國其實普及得比較少，大家可能不太了解，所以對于我們來說面對的問題有幾個，一個是告知大家有這么一個比，是萬達搞的。二是科普，告訴用戶，鐵人三項是什么東西。三是直播，當時沒有電視直播，比較小眾的運動。

我們做了H5組合拳，三個H5，當時一周跨度內發布出來，最開始用微信群方式，王健林召集馬云、馬化騰、柳傳志這些朋友，用輕娛樂范的方式，調侃也好，還是互相有一些非正式場合才能出現一些話語，做一些互動。里面會植入鐵人三項比賽信息和萬達收購信息，通過這種方式來把搞這個比賽的這個信息傳遞出去。因為這些大佬背書，雖然是假的，也有王思聰在里面有體現。整體三個傳播里，第一個傳播相對比較好。這是第一個放出來。

幾天之后又放出來《鐵人日報》，以科普角度，測試一下你的鐵人指數，游泳游多遠，汽車跑步，鐵人三項汽車、跑步、游泳順序應該什么樣，以測試方式做一個科普。整體用了一個報紙形態，里邊有一些動圖。

最后放出來，直播頁面，實時更新比賽情況，從開賽到中間到最后，因為當時沒有視頻電視直播，希望可以給國內用戶直觀上感受到比賽氛圍，包括一些賽訓。我們在整體活動報道傳播戰役還有其他方式、手段，其他不說了。

一些大的營銷戰役不妨試一下這種多個H5聯動作戰方式，因為每個H5存在不同角色和功能，可以傳達更立體的信息。

Part 2《新京報H5案例實戰心得分享》

分享嘉賓：新京報社美術編輯 郭屹 大家好，我來自新京報社美術編輯，原來做平面，做報紙，還有新媒體平面設計。新京報肯定是一個傳統媒體，原來我們新媒體做長微博、數據新聞。后來有H5制作需求，因為我們是晚上工作，技術部門白天工作，所以我們時間配合不上。之后發現了iH5這個平臺，當時叫VXPLO互動大師，學起來很快，慢慢開始大量地出產H5。我講的沒有那么深，就是一些我做的案例，跟大家分享。

案例一：互聯網大會會刊

當時做了這樣一個案例，希望能把最重要的信息，讓每個人都帶到手機里。先是我們手繪的整個烏鎮地圖，每個地方議程，要參會人員，需要的信息，不一定每個都需要，讓它更方便一些，其實是一個輔助服務性的H5。這是做的幾個特刊，配合報紙一起出，李克強和21位創業青年，做一些視頻、音頻作為特刊輔助性的東西，讓讀者能夠了解更多他需要的內容。

案例二：高考數據

傳統數據新聞長微博，關于當時高考的數據統計，三張圖拼在一起，在手機里很長，雖然能夠直觀地對比出來柱狀圖，如果只想看北京或者上海還是很麻煩的。iH5非常簡單的功能就能實現，這些新聞整理出來下午五六點鐘，做完長微博數據版，基本上七八點，所以做這個只有三個小時時間。基本上都是這樣。這是類似的，關于大學的，這兩個都是在網上傳播的很好的，大家比較關心的。

案例三：兩會報道

時政新聞，當時全國“兩會”，非常感謝 iH5平臺能夠這么高效完成，全國“兩會”的時候，每天做一個，有交互性，有問答性質，比如婁部長算三公經費，包括***打虎，梳理時間比較麻煩，這些用Ih5做的案例費時基本上都是四五個小時，夜里一兩點弄出來，第二天早上發布。

案例四：明星身高

原來老的男明星身高比較高，現在新明星特別矮，不能算特別矮，和老明星比矮很多，覺得比較有意思，和編輯試一下，做了這個。兩側，一邊是新明星，一邊是老明星，滑動對比身高差，這樣會更直觀一些。字幕交互，讓用戶可以輸入自己的身高，比如輸入178，這些男明星必須要仰視你，其實很簡單，可能很多人覺得挺無聊的小新聞，但是月新媒體方式盡量做得有意思，可能喜歡這條新聞的人也很少，但是讓這些很少的人有更好的體驗。

案例五：大白

大白當時非?；?，出的《超能陸戰隊》，梳理銀幕上所有非?；鸬臋C器人，配合這個板出了一個，其實很簡單，當時想和朋友一起看，兩個人一起去回憶，我們看銀幕上熟悉的這些形象，還有插畫，挺費時間，報紙印刷效果不是很好，數字屏上版圖就出來了。

案例六：微軟創投

微軟創投第七期對創業公司招募，展示前六期幫助過的公司，發展得非常好，以及一些簡單介紹，目標是讓新的創業公司報名第七期。當時給了我四句話，看到這四句話覺得還挺有畫面感的，但是真的像客戶寫的，按照四頁出來沒意思，很多人不愿意讀下去。

最后定的主題叫做“創業路上與誰同行”，H5實現路的概念。進入到路，路上出現前六期公司，讓用戶自主選擇想深入了解哪一家，點進去之后就會有公司簡單介紹，如果都不感興趣可以繼續走。每個公司都是這樣，都是可以進去深入了解，最后達到目的，讓大家報名第七期，然后是一個報名頁面。

以上是我的分享，講的比較簡單，一些普通的我做的一些案例。非常感謝iH5，以前做個H5需要外包還要十幾天，現在一天之內搞定，偶爾覺得我也能做外包。

第三篇：word文檔添加圖片背景小結

第一，“設計”菜單下“水印”，“自定義水印”，注意，取消勾選“沖蝕”，調整縮放比例，“應用”，“確定”即可。

注意：其實通過“設計”“頁面顏色”“填充效果”也可以設置圖片背景，但是這種方式，轉換成pdf會出現圖片被反復打印的情形，如下圖所示：

第二，轉換成pdf之后，文字有白色背景，如下圖所示，如何取消？ctrl+A，全選所有文字，連續兩次點擊“字符底紋”圖標即可。

第三：如何取消word文檔的背景

如果這個word文檔的背景是通過“設計”“頁面顏色”“填充效果”“圖片”添加的，那就點擊“無顏色”即可。

第四篇：iH5高級教程：H5數據應用,獲取用戶微信頭像昵稱

iH5高級教程：H5數據應用，獲取用戶微信頭像昵稱

第一步

選中舞臺，屬性面板處微信登陸選擇YES。

選中舞臺，點擊工具欄圖片工具，添加一張占位圖片。

選中舞臺，點擊工具欄文本工具，添加一個占位文本。

選中舞臺，點擊工具欄事件工具，添加兩個事件。舞臺初始化完成，圖片獲取微信頭像，文本獲取微信昵稱。

重點控件：圖片、文本、事件、獲取微信頭像、獲取微信昵稱 知識點：

獲取微信頭像：獲取使用微信打開案例的用戶的微信頭像。注意舞臺屬性面板的微信登陸選YES。

獲取微信昵稱：獲取使用微信打開案例的用戶的微信昵稱。注意舞臺屬性面板的微信登陸選YES。

重點事件：

觸發對象：舞臺

觸發條件：初始化完成 目標對象：占位圖片 目標動作：獲取微信頭像

觸發對象：舞臺

觸發條件：初始化完成 目標對象：占位文本 目標動作：獲取微信昵稱

第五篇：信息技術《在網頁文檔中添加圖片》說課稿

2011春季學期公開課說課稿

《在網頁文檔中添加圖片》說課稿

陽山中學 馮世良

尊敬的各位老師：

大家好！今天我說課的題目是《在網頁文檔中添加圖片》，它是粵教版的選修三《網絡技術應用基礎》中使用Dreamweaver制作網頁的內容，教學的對象為高二級學生。本節課我將從以下八個方面加以說明：

一、說教材

（一）教材分析

本教材貫徹“以學生為主體，教師為主導”的方針，把提高學生的積極性，培養學生的創新能力作為教育的根本目標。本課所學的是“在網頁文檔中添加圖片”，是網頁頁面美化的重點知識之一，是圖片在網頁上的應用、延伸和拓展。通過本課學習，使同學們了解到Dreamweaver作為一個優秀的網頁制作軟件，在網頁上使用的元素里面除了文字外還可以插入圖片、動畫等等。學習Dreamweaver的靈活應用，是對學生掌握制作網頁的能力訓練與提高，激發學生自主創作出更加優秀的作品。

（二）教學目標分析

教師應特別注重培養學生如何獲取信息、處理信息和應用信息的能力。在新課程理念指導下，我根據本節課教學內容制定了知識與技能、過程與方法以及情感態度價值觀三個方面的教學目標。

1、知識與技能

（1）學生通過使用Dreamweaver在網頁上插入圖片操作練習，讓學生熟悉在網頁上使用圖片的各種方法；

（2）通過練習操作調整圖片、編輯圖片，使學生熟練掌握在Dreamweaver中調整圖片、編輯圖片的技巧。

2、過程與方法

（1）通過教師引導，學生動腦思考、交流與實踐操作的學習過程，體驗和感悟探究的一般過程；

（2）學生通過自主、合作、探究學習的方式，提高獲取信息、處理信息和應用信息的能力。

2011春季學期公開課說課稿

3、情感態度價值觀

通過設計“美麗的九寨溝”這一頁面，學習在網頁文檔中插入圖片，提高自己的操作能力，激發學生學習計算機的興趣，鼓勵和培養學生自主創新的情感。

（三）教學重、難點分析

這節課的教學內容是在網頁文檔中插入圖片，因此讓學生掌握插入圖片的方法是本節課的重點。對圖片的調整和編輯的操作中學生容易出錯，掌握起來還有一定的難度，因此我把圖片的調整與編輯作為本節課的難點。

重點：通過本節課學習，熟練使用Dreamweaver在網頁文檔中插入圖片的方法。

難點：學生通過交流與實踐操作，熟悉插入圖片的方法，掌握對圖片的調整和編輯的技巧。

二、說教法

根據教學內容，本課采用的主要教學方法有“創設情境法”、“任務驅動法”、“自主探究法”、“分層教學法”。

信息技術教學大綱中明確指出：知識及技能的傳授應以完成典型“任務”為主。為此在授課時，我先通過展示九寨溝美麗的風景圖片，激發學生的興趣，引出本節的主題任務——為九寨溝制作宣傳網頁，在完成這個主題任務過程中，再給出一個個小任務，讓學生運用已學知識，自已動手，自主探究，以任務的方式再次激發學生興趣，使教學內容合理流動。

三、說學法

在這節課中學生主要用到的學法是：接受任務——思考討論——嘗試操作——自主創造——作品展示。學生在完成每個任務的過程中，總是從思考討論完成任務的辦法開始，在對討論的結果進行探究驗證的基礎上，完成任務，最后通過作品展示，讓學生更多地體驗一種成就感，進一步激發他們強烈的創造欲望。

四、說教學準備

1、帶多媒體教學系統的網絡教室；

2、多媒體教學課件；

3、學生預先分組，并選一個計算機水平較好，又比較負責任的學生擔當小組長；

2011春季學期公開課說課稿

4、將九寨溝相關資料及圖片存放在學生機上。

五、說教學過程

根據本課教學內容以及信息技術課程學科特點，結合高二級學生的實際認知水平，我設計了如下四個教學環節：

（一）情境激趣，引出主題

（二）任務驅動，自主探究

（三）實踐運用，提高發展

（四）展示評價，歸納總結 第一環節：情景激趣，引出主題

首先，我展示九寨溝風景圖片，同學們一定會被眼前美麗的風景所打動。此時，問道：多么美麗的風景啊，你們想不想讓外面更多的人了解美麗的九寨溝，讓更多的人到九寨溝旅游觀光呢？那么，今天我就讓大家當一回設計師，用我們所學的Dreamweaver軟件為九寨溝的旅游事業設計一個網頁，讓更多的人來了解九寨溝！好不好？

同學們的激情一下了被調動起來，使新知識的學習成了學生內心的需要，從而使這節課有了一個良好的開端。

第二環節：任務驅動，自主探究

同學們的激情被調動起來后，個個躍躍欲試，緊接著有一些同學會由喜悅轉為疑惑：怎樣為九寨溝作宣傳呢？

這時，打開兩個文檔：看，這是老師為九寨溝設計的兩份宣傳頁面，你們覺得哪份宣傳效果更加形象生動，更能起到很好的宣傳效果呢？

學生的回答肯定是帶圖片的那份，我趁熱打鐵提出第一個任務。任務一：同學們先自已動手試一試，如何在網頁中插入圖片？

任務提出后，同學們思考討論，然后我提示學生插入圖片要使用插入菜單，讓學生自已動手實踐，看看誰最先找到插入圖片的方法，這樣意在培養學生主動探索的學習習慣。

在動手實踐過程中，學生的水平不一，有些同學不僅很快就找到了插入圖片的方法，還找到了其他插入圖片的方法。但是，也有少數學生找不到，這時，我

2011春季學期公開課說課稿

請已學會的學生擔任小老師，指導其他同學，并鼓勵學生走上講臺為大家分別演示插入圖片的方法，給學生提供一個展示才能的機會。

然后，我利用事先做好的課件，演示操作步驟，歸納操作方法。這樣做，既突出了本節課的重點，又強化了學生對重點知識的掌握。

通過學生的演示，教師的歸納，學生們都能將圖片插入到網頁。緊接著我找出幾份具有代表性的學生作品，利用多媒體網絡教室廣播軟件進行展示，我首先對這些作品給予充分肯定的同時，請同學們議一議如何使這些作品更加完美，同學們暢所欲言，對于學生們提出的建議，我歸納成3個有待解決的問題：

問題1：如何改變圖片的大?。?問題2：如何移動圖片的位置？

問題3：如何調整圖片和文字之間的位置關系？

這3個問題轉變成為3個新的任務擺在了學生們的面前，我讓學生根據自已能力的高低選擇1個或多個任務進行探究，并嘗試操作。這樣采用分層教學的方法，既讓能力高的學生充分展示自已的才華，也能讓能力較低的學生品嘗到成功的喜悅，使得全體學生都得到最大程度的發展。

同學們在操作前，我這樣提示大家：如果遇到解決不了的問題，可通過教材的閱讀或網絡搜索解決方法的方式來完成。

教師巡回指導，對于個別學生遇到的問題，可以讓小組中會操作的學生傳授方法，開展合作學習。對于大部分同學都解決不了的問題，則進行啟發引導。

然后選幾位學生將屏幕上的幾幅作品進行完善，最后教師進行歸納總結，并對操作過程中容易出現的問題進一步強調。通過生生互動，師生互動，突破了對圖片進行調整編輯這個難點。

在這一環節，同學們在任務的驅動下，自主探究，動手實踐，解決了問題，學生的角色從“讓我學”變成“我要學”，學習的興趣在不斷提高，好奇心也隨之得到滿足。動手實踐的得與失，不再是作品的好壞，而是“自主學習”的成功體驗。

第三個環節：實踐運用，提高發展

在學生掌握新知后，我設計了一個以小組為單位來為九寨溝設計一宣傳網站的比賽，在制定比賽規則后，給學生留下自由發揮的空間，鼓勵學生自主創造，2011春季學期公開課說課稿

充分發揮自已的靈感和特長，以小組合作的形式，讓學生體驗團結協作的力量，以比賽的方式，使學生的興奮點再次激起高潮，不知不覺中使知識得到了鞏固。

第四個環節：展示評價，歸納總結

在這個環節里，利作多媒體網絡教室的優勢，將小組中的優秀作品傳送到教師機，我利用廣播教學讓學生欣賞。學生在欣賞的過程中，既可以相互學習，交流心得，鍛煉口頭表達能力和評價能力，又可以使學生獲得成功的興奮，被認可的滿足，品嘗到學習的快樂。

六、布置作業

在我結束本節課的教學活動時，我將請同學們對這節課談談自已的收獲，目的在于讓同學人回顧教學過程，對知識進行系統化的梳理，加深對本課重難點的理解。最后，我會說：今天大家已經成功地為網頁添加圖片，但是網頁還不夠完美，比如動態元素的使用，背景的設置等，這些知識我們將在下節課繼續學習。然后，布置作業：預習在網頁文檔中設置動態元素的方法，并嘗試著操作練習，這樣給學生造成學習的期待心理，激發他們下階段的學習熱情。

七、評價分析

本節課以任務為主線，有意識地留給學生適度的思維空間，使傳授知識與培養能力容為一體。鼓勵學生大膽上臺演示，讓學生暴露思維過程，教師將從多方面給予評價，同時，通過作品展示，讓學生自評，互評，從而體現評價主體的多元化，評價方式的多樣化。

八、板書設計（略）

我的說課到此結束，敬請各位評委老師指正，謝謝！