【正文】 比拼才藝。但是在日常生活中，他們經(jīng)常能接觸到各種各樣的手機H5網(wǎng)頁，如企業(yè)宣傳、個人簡歷、邀請函、紀念冊等，這些H5網(wǎng)頁給大家?guī)砹巳碌捏w驗，技術(shù)本身帶來的新奇感讓學生心生向往。二、學習者分析本節(jié)課的學習對象是八年級的學生，處于這一年齡段的學生，思維活躍，具備一定的理解能力和較強的自學能力。七、成績評定自制網(wǎng)站（80%）平時考勤、作業(yè)（20%）平時成績分配：平時考勤5次，每次2分，共占10%作業(yè)5次，每次2分，共占10%八、執(zhí)行大綱時應(yīng)注意的問題根據(jù)學生對課程內(nèi)容的掌握和理解程度會對進度做適當?shù)恼{(diào)整。參考書：網(wǎng)頁設(shè)計與制作教程，熊前興閔聯(lián)營，科學出版社；網(wǎng)站與網(wǎng)頁設(shè)計，張貴明，清華大學出版社；網(wǎng)頁美術(shù)設(shè)計原理及實戰(zhàn)策略，王曉峰焦燕，清華大學出版社；網(wǎng)站建設(shè)典型案例，張梟，清華大學出版社；二、課程教學目標：網(wǎng)頁和網(wǎng)站是Internet的重要組成部分，企業(yè)、公司和機構(gòu)通過網(wǎng)站來宣傳推介自己的技術(shù)和產(chǎn)品，個人發(fā)布主頁展示自己的風采，人們從不同類型的網(wǎng)站來獲取需要的信息。網(wǎng)頁制作教學設(shè)計3一、課程基本信息課程編號：中文名稱：網(wǎng)頁設(shè)計與制作英文名稱：Web Design and Production課程類別：選修課適用專業(yè)：所有專業(yè)開課學期：20xx—20xx第2學期總學時：24學時總學分：1課程簡介：本課程突出網(wǎng)頁設(shè)計與制作的現(xiàn)代特點，從Internet的基礎(chǔ)知識入手，重點介紹HTML超文本標記語言，以及所見即所得的網(wǎng)頁設(shè)計制作工具Dreamweaver的基本操作流程。教師進行指導。進一步設(shè)置單元格的背景，來美化網(wǎng)頁。修改表格：調(diào)整表格行高和列寬。制作網(wǎng)頁的標題：輸入文字，并設(shè)置文字的格式。你們的觀察能力真的很強啊，對，這些都是我們學校美術(shù)的特色作口，盤畫。有了以上基礎(chǔ)，可安排學生自學教材中有關(guān)熱區(qū)鏈接的相關(guān)內(nèi)容，學生探究操作后教師再安排學生進行演示，輔助以提問的形式檢驗學生的自學情況。提示：書簽鏈接的雙向性問題（返回）。老師可以提問學生：演示者操作的對嗎？有沒有問題？引導學生發(fā)現(xiàn)問題：超鏈接制作完成后需要檢驗（保存后預(yù)覽）?！?給表格頁內(nèi)交互式按鈕設(shè)置超級鏈接，鏈接到相關(guān)頁面。教學過程：引入展示兩個主頁，一個已經(jīng)創(chuàng)建了鏈接，一個沒有創(chuàng)建鏈接，讓學生進行比較并找出區(qū)別，引出本課課題——超級鏈接。教學難點（1）書簽鏈接中名稱及對應(yīng)鏈接位置的設(shè)定。情感態(tài)度與價值觀（1）通過鏈接我國主要自然保護區(qū)網(wǎng)頁，激發(fā)學生熱愛祖國、熱愛自然、熱愛生命的激情。（3）理解熱區(qū)鏈接的含義及創(chuàng)建方法。課程考核教學內(nèi)容的模塊，決定了課程采用“過程+最終作品”的考核模式。教師的指導作用體現(xiàn)在：一是對理論知識的指導。“學做一體”教學模式的教學組織過程在工作環(huán)境建立的基礎(chǔ)上，課程的實施過程通過一體化教學來完成，主要包括以下幾個環(huán)節(jié)：①以流程為主線，確定每階段的工作主任務(wù)，以及圍繞主任務(wù)必須完成相應(yīng)系列的子任務(wù)，在明確任務(wù)目標下的前提下，學生在教師案例中“學”，在自己中的作品中“做”。第一篇：網(wǎng)頁制作教學設(shè)計與創(chuàng)新教學設(shè)計與創(chuàng)新“學訓合一”創(chuàng)造真實的職場環(huán)境課程內(nèi)容主要圍繞培養(yǎng)學生在中小企業(yè)網(wǎng)站設(shè)計、維護方面等技能，以職業(yè)活動的工作過程為依據(jù)而進行改造。②老師以每個工作任務(wù)為考核階段，加強對學生學習的過程控制，使考核目標分解到具體的任務(wù)中去，過程評價能夠使學生加深對知識的理解和應(yīng)用。教師可以采取集中講解、個別輔導、示范等方法進行解惑。學生在教師的指導下，不同的階段完成不同的任務(wù)，過程考核對教師而言，通過學生作品的不斷反饋來促進教學質(zhì)量的提升；另一方面教師也可以根據(jù)學生的完成情況作出評判，使學生的學習過程得到有效控制，還可以用學生互評的方式，促進學生能力的培養(yǎng)。過程與方法（1）通過創(chuàng)建網(wǎng)頁超級鏈接的操作，使學生了解網(wǎng)頁中創(chuàng)建超級鏈接的基本方法，破除對網(wǎng)頁鏈接的神秘感。（2）完成超級鏈接，使學生感受成功的喜悅和快樂。（2）在框架頁面中制作超鏈接時，目標對象所選擇的顯示窗口形式。提出：我們在先前的學習中，哪個軟件中的相關(guān)操作與它類似？什么是超級鏈接？找一個例子，分析鏈接源和鏈接目標分別是什么？學生展開交流，通過對比找出不同點，并積極思考，回答老師的問題?！?給框架頁內(nèi)交互式按鈕設(shè)置超級鏈接，鏈接到相關(guān)頁面。教師講解，突破難點，再交由學生操作。學生認真聽講后模仿制作，教師巡視進行指導并反饋學生的完成情況?？偨Y(jié)與評價開展同學間的互助，檢驗其鏈接完成情況，推薦優(yōu)秀同學做展示。其實，我們做過很多作品：有手工作品，語文課中的作文、書法等都是作品，這節(jié)課我們以繪畫作口品為例，做一個學習園地網(wǎng)頁，把我們的作品展示到自己的班級網(wǎng)站中，以便我們更好的努力學習。插入表格：單擊“表格”中的“插入表格”并對表格屬性進行設(shè)置。在學生學會插入表格的基礎(chǔ)上，來設(shè)計網(wǎng)頁，展示作品。設(shè)置超鏈接：通過導航欄目，設(shè)置文字超鏈接。（伴隨音樂）三、作品評價生評：從網(wǎng)頁設(shè)計上，美觀程度上，知識落實上重點評價。從靜態(tài)頁面到動態(tài)頁面由淺入深的介紹網(wǎng)頁設(shè)計與制作全過程。因此，設(shè)計與制作網(wǎng)頁已經(jīng)成為計算機應(yīng)用技術(shù)的一個重要方面。網(wǎng)頁制作教學設(shè)計4一、學習內(nèi)容分析《H5快速制作網(wǎng)頁》是蘇教版《初中信息技術(shù)》8年級第3章《主題網(wǎng)站設(shè)計與制作》第2節(jié)《制作網(wǎng)頁》中第1課時的內(nèi)容。通過前面的學習，學生已熟練使用WPS、Photoshop等軟件，也掌握了規(guī)劃設(shè)計主題網(wǎng)站的方法。三、學習目標知識與技能：能列舉H5網(wǎng)頁的特點；掌握在iH5軟件中添加和編輯文字、圖片、動畫等元素的方法以及設(shè)置對象屬性的方法，理解舞臺、頁面、對象之間的層級關(guān)系。八年級將舉行以“多彩校園，閃亮你我”為主題的匯報演出，充分展示八年級同學的青春活力和精神面貌。以上特點使得H5可能成為我們發(fā)出邀請的首選。設(shè)計意圖：與H5相關(guān)的概念性知識抽象、枯燥難懂，如果采用講授法，學生并不容易理解?；顒?：根據(jù)需求，選擇素材，規(guī)劃邀請函?；顒?：找“共性”，探“個性”，認識iH5軟件。小結(jié)：對象樹面板可以用來管理舞臺中的對象，對象樹中的層級關(guān)系為：舞臺→頁面→文本、圖片等素材，每個頁面中的對象上層覆蓋下層。添加圖片：選中頁面1，在工具面板中選擇_____________選項。原因分析：素材全部都添加在了舞臺之中，其層級關(guān)系在內(nèi)容頁和首頁的上一級。學生原有的知識是Photoshop軟件使用，將Photoshop和iH5進行對比，引導學生發(fā)現(xiàn)界面組成的“共性”與“個性“，讓學生初步認識對象樹面板，學會利用對象樹面板來管理素材。（1）邀請函中的標題、內(nèi)容文字等選用什么樣的字體、字號合適？如何設(shè)置？（2）如何改變圖片大小，修改圖片的亮度、對比度等？（3）如何設(shè)置元素的動態(tài)效果，使得網(wǎng)頁更生動？小結(jié)：（1）選中文字或圖片——屬性面板——修改設(shè)置。（3）選擇要添加動態(tài)效果的對象——選擇動效命令。但是邀請函的美化不是天馬行空，隨心所欲，還需要一定的藝術(shù)欣賞能力。請保存當前的網(wǎng)頁并發(fā)布到網(wǎng)上。設(shè)計意圖：學生在制作完成邀請函后，進行保存，發(fā)布就可以瀏覽到自己的成品，極大地提高了學生的學習興趣。在未來5內(nèi)，H5或?qū)蔀橐苿踊ヂ?lián)網(wǎng)領(lǐng)域的主宰者。過程與方法：培養(yǎng)學生加工信息和應(yīng)用信息的能力及培養(yǎng)學生思維能力，規(guī)劃能力、創(chuàng)新能力、及合作能力。對教學內(nèi)容的了解程度較強。教學策略設(shè)計（1）．教學方法設(shè)計我根據(jù)教學主題及其教學目標確定的教學指導思想是以學生為主體，以學生自己的親身體驗展開探究式小組合作學習。建構(gòu)主義學習理論認為，學習過程不是學習者被動地接受知識，而是積極地建構(gòu)知識的過程，把學過的網(wǎng)頁設(shè)計知識綜合應(yīng)用起來，由于建構(gòu)主義學習活動是以學習者為中心，而且是真實的，并且以完成特定的任務(wù)為動力，因而學習者就更具有興趣和動機，能夠鼓勵學習者進行批判型思維，能夠更易于提供個體的學習風格，展現(xiàn)自己的獨特思維，不受現(xiàn)有網(wǎng)頁模式的拘束。在教學中計劃通過探究式教學方式，小組合作學習方式和“任務(wù)驅(qū)動式”教學策略，自主設(shè)計網(wǎng)頁，發(fā)布網(wǎng)頁，運用網(wǎng)絡(luò)使信息技術(shù)的這些潛在優(yōu)勢發(fā)揮作用并真正促進學生能夠結(jié)合實際應(yīng)用，通過自主實踐，完成“網(wǎng)上游古都”任務(wù)，并同時完成了學習任務(wù)，進一步建構(gòu)了自己的知識體系，并實時地享受到巨大的成就感。［導語］我們可在主頁中制作一個西安旅游景點導航欄，但怎樣合理規(guī)劃各旅游景點，并且使頁面布局美觀，整潔，分類清晰？利用“表格”。出示課題，介紹總?cè)蝿?wù)。分工參考：內(nèi)容版式規(guī)劃整理七個旅游景點網(wǎng)頁超鏈接的建立與維護作品演示解說學生明確匯報形式，分工參考。［出示作品評價標準］教師出示作品評價標準：作品內(nèi)容：設(shè)計含有七個鏈接網(wǎng)頁的主頁，資料豐富，內(nèi)容準確。培養(yǎng)學生的創(chuàng)新能力，規(guī)劃能力，思維能力和合作能力。學生體會了超鏈接的作用，練習了超鏈接的使用，理解了表格強大的頁面布局功能；培養(yǎng)學生處理信息和應(yīng)用信息的能力；通過學生間交流合作，老師及時點撥與指導，培養(yǎng)學生發(fā)現(xiàn)問題和解決問題的能力。鍛煉學生口語表達能力和分析說明問題能力。培養(yǎng)學生合作交流能力。教師或其他同學提問頁面布局的方法。希望你們熱愛中國博大精深的歷史，感受西安古老的魅力！學生感悟。為激發(fā)下一節(jié)課內(nèi)容（上傳主頁）的興趣奠定基礎(chǔ)。通過此錄像激發(fā)學