網頁製作範例

2022-06-20 11:45:03 字數 1663 閱讀 8453

規劃設計「美麗的大理」**

張林曉一、案例背景資訊

1.模組:模組七網頁製作

2.年級:初二年級

3.所用教材版本:科學教育出版社一年級下冊

4.學時數:

非上機時間15分鐘,上機時間:30分鐘,課下調研、收集素材,大約用120分鐘

二、教學設計

(一)教學目標:

1、了解**的整體設計和規劃的內涵。

2、掌握在frontpage導航檢視中合理設計**結構。

3、增進相互合作學習的能力,在討論和幫助中完成**和主頁的設計。

4、發揮想象力,製作出有自己特色的**。

(二)內容分析

本課的主題是規劃**,教學重點應放在**整體結構的設計上,引導學生理解**的結構,學習規劃網頁間的層次結構,研究**結構和風格,製作**結構圖,使學生對**有乙個整體的概念。

(三)學生分析:學生對網頁有初步了解,但在原有的認知水平、分析能力、理解能力上,學生大多關注一張張具體的網頁,和網頁中文字、**、音訊、**的插入等具體操作,對**和網頁的整體結構不太關心。

(四)教學策略設計:根據以上所分析的學生的知識體系的構成狀況,任務的設計主要是為了使學生掌握**整體的規劃和構建,並在此基礎上引發學生的創意和表現自我的意識。比如:

**的主題和內容雖然以大理為主線,但可根據自己的喜好進行選擇。

課程中首先給學生展示「九寨溝」**的畫面。引導學生欣賞、分析該**的規劃,得出其結構圖,然後向學生講解規劃**的內涵及原因,接著向學生提出自己建**來介紹某個景點的要求,並強調建站規劃的注意事項,以及製作主頁的要求。

1.教學方法設計:分析法、對比法、任務驅動法

2.關於教-學流程和教-學活動的設計思路:

本課的重點在於培養學生對規劃**的整體分析和規劃能力,教學活動中,首先給學生展示層次結構分明和層次不分明的**,讓學生對比分析其結構,從中了解什麼是**的規劃,我們為什麼要進行**的規劃;然後引導學生自己規劃**,設計**的結構;最後選擇一些學生的**結構在全班進行交流,通過對比激勵學生設計的更好。至於主頁的製作、用**布局網頁和建立電子郵件連線的操作,我打算搜尋乙個輔助**,放在伺服器上,讓學生通過瀏覽,嘗試性的進行操作。

3.學生上機操作安排和教師應用資訊科技的情況

(1)學生上機操作的任務和目標:

1、瀏覽**,對比分析,了解**規劃的意義及必要性。

2、以「美麗的××」為主題自己規劃**,運用frontpage中的導航檢視設計**結構,建立主頁和網頁。

3、(對有能力的學生)用**布局網頁,建立電子郵件連線。(具體操作可參考輔助教學網頁)

(2)教師計畫使用裝置、軟體、課件或資源:

區域網、教學廣播、相關景點**和網頁

三、教學過程

1. 教與學的過程描述

四、教學資源和參考資料

1.參考資料

2.本課用到的網路資源及其**

洪恩**

3.本課設計或用到的課件(附後)

評析: 這是製作**的第一節課,教師沒有一開始就讓學生製作網頁,而是根據教材內容將本節課的教學重點定位在**整體結構的設計上,通過作品賞析,引導學生根據**主題規劃**的層次結構,學會在導航檢視中設計結構圖,進而完成網頁布局及色彩搭配的設計。教學設計思路清楚,體現軟體設計中「自頂向下」的思想。

並且教師考慮了初中學生學習水平的差異性,設計練習能分層要求,使不同學生都有所獲。教學設計規範,教學準備充分。

網頁製作心得

江蘇經貿職業技術學院 實訓報告 2011 2012 學年第一學期 二00六年二月制 三 實訓步驟 這一周,我們要進行 設計與製作 實訓,我們認為做 前最主要的是確定主題 框架和標題欄的設計。因此我確定製作以 個人 為主題的 個人網 之後 規劃,上網瀏覽他人優秀 蒐集相關材料並整理。1.確定主題。製作...

網頁製作教案

9 教師演示插入 操作,詳見教材第52頁 學生完成相同操作,教師巡邏指導。操作要點及注意事項如下 先將要插入的 檔案複製到jianjie.html網頁檔案所在的資料夾中,再進行插入影象操作。10 請學生上台完成插入flash動畫的操作,提示 方法和注意點與插入影象相似 教師在一旁提示指導。11 教師...

網頁製作教案

6 請一位學生上台操作,其他學生完成相同操作。可以參考 快速建站技術 模板的應用.wmv。教師巡視指導。7 教師總結評價學生完成情況。8 課堂比一比 將學生分組,根據已學知識,美化已完成的 學習使用模板快速更新 的技術。可以參考 快速建站技術 模板的應用 快速更新 wmv。將作品提交後由學生評比。增...