《網頁的制作》教案

時間:2025-12-04 11:15:58 生活常識

《網頁的制作》教案

  作為一位杰出的教職工,有必要進行細致的教案準備工作,編寫教案助于積累教學經驗,不斷提高教學質量。那么應當如何寫教案呢?下面是小編整理的《網頁的制作》教案,希望能夠幫助到大家。

《網頁的制作》教案

《網頁的制作》教案1

  一、教材分析

  首頁之外的其他網頁在結構上很相似,為了給這些網站增加一些亮點,故在網頁中插入了交互式按鈕,交互式按鈕不僅具有超鏈接功能,在使用過程中還會發生變化,更能引起學生的學習興趣。

  二、教學目標

  1、知識性目標

  (1)了解交互式按鈕的功能;

  (2) 了解計算機主機包括的部件;

  (3)了解網頁動態效果。

  2、技能性目標

  (1)會設置網頁的目錄;

  (2)學會插入、修改交互式按鈕;

  (3)學會復制表格。

  3、情感性目標

  (1)加深對計算機硬件的認識;

  (2)培養學生分工協作的精神。

  三、教學重、難點

  1、教學重點

  (1)交互式按鈕的功能;

  (2)插入、修改交互式按鈕。

  2、教學重點

  (1)交互式按鈕;

  (2)復制表格。

  四、教學準備

  制作一個具有幾個漂亮交互式按鈕的'網頁。

  五、教學過程

  1、導入

  教師:現在我們的首頁已經做好了,可是其他的網頁還沒做,但是一節課內無法做太多的,今天呀我們就來學習制作“主機”網頁吧!其余的以后在做.

  2、學習新課。

  (1)指導學生用表格布局;

  教師:用表格對網頁進行布局方法,前一堂課我們學習了,現在就請同學們,對照課本用表格給 “主機”網頁進行設置。

  學生看書練習。

  (2)指導學生學習插入交互式按鈕;

  教師:在網頁內經常會插入具有超鏈接功能的按鈕,單擊這些按鈕,便可打開其他網頁,請同學們看下面具有交互式按鈕的網頁。

  屏幕展示。

  教師:下面我們就來學習如何制作交互式按鈕。

  教師示范講解,學生觀察。

  學生練習、老師巡視指導。

  3、鞏固練習。

  請同學們試著完成書中本課的“試一試”中的練習,在遇到困難時可小組同學相互幫助,也可以舉手問老師。

  4、總結評價。

  教師總結后,請同學根據自己掌握的知識情況和收獲,在本節課的“評一評”中打上自己的成績。

《網頁的制作》教案2

  學習目標:

  制作框架網頁、在網頁中插入字幕和超鏈接知識

  1.制作框架網頁

  框架網頁是一種特殊的HTML網頁,它將窗口劃分成若干小窗口區域(框架)。每個框架獨立顯示一個不同的網頁(有自己的網頁名字),整個框架網頁有一個總的名字。

  框架與表格在組織網頁結構時相似。表格是對頁面區域進行劃分,框架是對整個瀏覽窗口進行劃分。

  ·創建框架網頁:單擊菜單“文件”→“新建”→“網頁”,選擇“框架網頁”標簽→選擇“嵌套式層次結構”

  ·選中的框架邊框為藍色,在拆分或刪除框架時應注意是否選中。

  ·隱藏框架間的橫線:

  右擊框架網頁→單擊“框架屬性”→在對話框中單擊“框架網頁”按鈕,在“網頁屬性”對話框中選“框架”標簽→設置“顯示邊框”為未選中狀態。

  ·按住Ctrl鍵,拖動鼠標可以快速拆分框架。

  ·刪除框架:單擊菜單“框架”→“刪除框架”。

  ·保存框架網頁時注意要保存所涉及到的所有網頁。

  ·更改框架鏈接的網頁:

  右擊相應的超鏈接→在彈出的快捷菜單上選擇“超鏈接屬性”命令,打開“編輯超鏈接”對話框

  →可直接選擇列出的文件,或在“URL”框中輸入網頁的地址

  →單擊“目標框架”右邊的“更改目標框架”按鈕,在“當前框架網頁”中選擇目標框架。

  2.網頁中插入字幕

  ·插入字幕:光標定位插入點→單擊“插入”→“組件”→“字幕”打開“字幕屬性”對話框;

  →在文本框中輸入文字,選擇“方向”、“速度”、“表現方式”等;

  →選中字幕,拖動鼠標,調節字幕運動范圍。

  ·修改字幕:雙擊字幕,可以打開“字幕屬性”對話框,對字幕屬性進行修改。

  3.超鏈接相關網頁

  超鏈接是從一個網頁指向另一個目標的連接。一般在網頁中的某文字或圖片上設置超鏈接。

  ·創建超鏈接:單擊文字或圖片→“常用”工具欄的“超鏈接”按鈕,打開“創建超鏈接”對話框。

  ·取消超鏈接:選中具有超鏈接的文本或圖片,單擊“超鏈接”按鈕,在打開的對話框中將URL欄中的'內容刪除。

  ·跟蹤超鏈接:

  在超鏈接上右擊,在打開的快捷菜單上選擇“跟蹤超鏈接”命令;

  或:在普通視圖中,按住Ctrl鍵,將光標移到超鏈接上,單擊,會跟蹤連接到超鏈接指向的目的位置。

  ·設置超鏈接文本的顏色:網頁中超鏈接文本的顏色共有3種:未訪問過的,當前正在訪問的,已訪問過的。FrontPage默認這3種顏色分別為藍色,紅色、深藍色。單擊“格式”→“背景”→在“網頁屬性”對話框→選“背景”標簽,選定“超鏈接”、“已訪問過的超鏈接”、“當前超鏈接”的顏色。

  作業:

  新建框架網頁,建立超鏈接,在網頁中插入字幕。7.2制作網頁(框架)這一教案

《網頁的制作》教案3

  教材分析

  在學習《網頁的設計與制作》之前,學生已初步掌握了網絡信息的搜索、瀏覽和下載,以及電子郵件的使用等內容。因此,學生已經具備了獲取信息的能力,但多數學生對網站網頁的了解也僅僅只停留在這種簡單的操作層面上。本節教學中通過網頁、網站基本概念的了解,讓學生理解網頁的基本元素構成和經常使用的構件,了解超文本標記語言HTML,通過對網頁制作工具的比較學習,了解不同常用網頁制作工具的特點,為下一節的學習打下基礎。

  學情分析

  在學習本單元之前,學生已初步具備獲取信息的能力,他們學習了網絡基礎知識,掌握了網絡信息的瀏覽、搜索和下載以及電子郵件的收發、文件傳輸等技能。學生希望自己能制作網頁,并將網頁發布在Internet上。因此學生對本單元學習的興趣很大。學生在學習本單元前已經學過Word應用軟件的使用方法,并掌握一定的文字輸入、圖片的編輯、表格的插入等技巧,這對于本單元的學習非常有利。

  教學目標

  1、知識與技能

  (1)了解網頁、網站的基本概念,理解網頁的基本元素。

  (2)了解基本的網頁制作軟件的界面和特點。

  (3)了解網站的地址標識——URL,超文本標記語言HTML,了解超文本傳輸協議HTTP。

  2、過程與方法

  (1)通過對一個網站網頁的分析,了解網頁、網站的基本概念,理解網頁的基本元素。

  (2)通過教師的演示和講解,初步了解基本的網頁制作工具軟件的界面和特點。

  3、情感態度與價值觀

  (1)培養學生嚴謹求實的學習態度。

  (2)培養學生學習中勇于探索、崇尚科學的意志和品德。

  重點難點

  重點:網頁的基本元素

  難點:網頁的基本元素,構件

  設計思想

  同學們喜歡上網,但是有一部分學生不能區分網站和網頁,在設計時,我首先與語文學科整合,結合語文教材內容,播放《再別康橋》flash動畫朗讀版,以此來創設快樂課堂學習情境,進而引入徐志摩文學網,讓學生思考網站和網頁有什么聯系?引出本節課的主題,以提高學生的`學習興趣和求知欲望。當學生對網站與網頁有了一定的認識之后,引導同學們自主去探究發現構成網頁的基本元素有哪些?有什么作用?接著組織學生繼續討論、交流網頁中除了三種基本元素外,還有哪些經常使用的構件?然后引導學生查看網頁的源文件,從而順利引導到對Dreamweaver網頁制作軟件的了解,為本章后面的知識學習作鋪墊。

  教學流程

  教師活動設計創設情境,激發學生的學習興趣引入課題幻燈顯示《再別康橋》flash動畫朗讀版,指出詩很美,作者筆下的康橋更是讓人向往,激發學生的求知欲。引導學生進入徐志摩文學網,對URL、http作一定的解釋。現在大家看到的是什么?(進入到徐志摩文學網頁面讓學生回答)引出本節課的主題“網站和網頁”,讓大家思考網站與網頁有什么聯系?

  1、從美學角度出發,創設快樂課堂學習情境。

  2、與語文學科整合,結合語文教材《再別康橋》,引入徐志摩文學網。

  3、學生明確本節課的學習主題內容。

  教師提問:在徐志摩文學網中,各位同學是否發現了神往已久的康橋,除此之外,還發現了什么?

  學生活動:用發現法去找出有關康橋風景欣賞中的任一張圖片,再別康橋的詩和徐志摩簡介網頁。 網站與網頁有什么聯系?

  教師總結:網站包含多個網頁,通過超鏈接把不同的頁面鏈接起來。構成網頁的基本元素有文字、圖形和超鏈接。網頁中常見的圖象有jpg和Gif。網站的首頁即為主頁。

  學生活動在桌面上新建一個以自己號次命名的文件夾,進入徐志摩文學網完成以下任務:

  課堂任務一,觸摸網頁的基本三要素:

  1、要求下載康橋風景欣賞中的任一張圖片,文件名改為kq

  2、保存再別康橋這首詩,復制,粘貼到word文檔中,文件名改為zbkq

  3、要求下載徐志摩簡介網頁網頁揭秘剛才我們了解了網頁的基本元素、構件,這些不但美化了網頁,還豐富了網頁內容,增強了網頁功能。下面讓我們來看一看網頁究竟是怎樣組織的。以課堂在線網站為例,選擇滾動字幕,點擊“查看”菜單中的“源文件”命令。

  教師總結:網頁中包含的文字、圖像、超鏈接和表格等基本元素及構件是由超文本標記語言(HyperText Markup Language,簡稱HTML)進行描述的。HTML是一種超文本標記語言,由網絡瀏覽器解釋執行,最后將解釋結果顯示出來。幾乎所有的網頁都是用超文本標記語言編寫的,下面就讓我們利用記事本來體驗一下。

  網頁制作工具比較

  1、用HTML語言制作網頁,讓學生對照老師的任務提示,觀察一下一個簡單的HTML網頁文件的瀏覽結果變化。(提示學生選擇“查看”菜單中的“源文件”命令進行修改。)

  2、用網頁制作工具軟件制作網頁在“文件”菜單中用使用Frontpage編輯上述網頁,比較兩者特點。

  教師總結:除了Dreamweaver之外,還有比較專業的網頁制作工具Frontpage,一般我們使用Dreamweaver進行網頁制作。

  1、學生聽、看老師講解和演示,并思考。

  2、學生操作實踐學生任務:將size="3"改為size="6",color="#FF0000"改為color="#000000",觀察其變化。

  本節課涉及到的基本概念較多,考慮到前面已經有過文字小結,因此,這里改用選擇題的形式來幫助學生整理和鞏固。學生完成“課堂在線——網站和網頁”中的“課堂練習”。教師巡回檢查,個別輔導有困難的學生。學生操作練習,完成課堂練習。 “在線批改”可以讓學生及時糾錯,并據此判斷學生是否掌握本節課的內容。交流與評價每位同學學習完本課,并完成實踐過程之后對自己的學習情況進行自我評價,完成“課堂在線——網站和網頁”中的“交流評價”。指導學生進行自我評價,并根據反饋的結果適當點評。學生自評,通過大屏幕實時顯示評價結果,教師可以及時地點評學生的學習情況。

  本課小結

  本節課主要講了網站和網頁的基本內容,網頁的基本元素、構件及網頁制作工具等。學生對本節課的內容知識進行回憶小結根據本節課的學習內容,要求學生設計一幅個人網站的主頁。思考、設計,為下面的課做準備學習拓展拓展網頁構件的使用,讓學生根據表單的信息進行注冊,查詢,通過輸入、查詢等功能來激發學生的學習興趣,讓學生更能理解學過的數據庫管理有關知識。

《網頁的制作》教案4

  教學目標:

  1、知識與技能

  (1)了解超級鏈接的含義及鏈接源和鏈接目標的含義,掌握同一站點內以及不同站點間網頁超級鏈接的創建方法。

  (2)掌握網頁內書簽的作用及創建書簽鏈接方法,掌握交互式按鈕、框架網頁內超級鏈接的設置方法。

  (3)理解熱區鏈接的含義及創建方法。

  2、過程與方法

  (1)通過創建網頁超級鏈接的操作,使學生了解網頁中創建超級鏈接的基本方法,破除對網頁鏈接的神秘感。

  (2)通過對不同對象設置超級鏈接的操作,使學生總結出操作的規律,培養學生自主學習與操作的能力。

  (3)通過網頁不同的超級鏈接方法,拓展學生思維,創建多種形式的網頁鏈接。

  3、情感態度與價值觀

  (1)通過鏈接我國主要自然保護區網頁,激發學生熱愛祖國、熱愛自然、熱愛生命的激情。

  (2)完成超級鏈接,使學生感受成功的'喜悅和快樂。

  教學重、難點:

  1、教學重點:

  (1)超級鏈接的含義及鏈接源和鏈接目標的含義。

  (2)超鏈接的制作方法——給文字、圖片制作超鏈接,制作書簽鏈接,給交互式按鈕制作超鏈接,框架頁面內的超鏈接,圖片區域制作超鏈接等。

  2、教學難點

  (1)書簽鏈接中名稱及對應鏈接位置的設定。

  (2)在框架頁面中制作超鏈接時,目標對象所選擇的顯示窗口形式。

  教學方法與教學手段:

  任務驅動法、討論探究法、講解與演示法、類比知識遷移法。

  教學準備:

  "動物——人類的朋友"站點,包括未鏈接的網頁,如歡迎頁、表格頁、框架頁,表單頁等。

  教學過程:

  1、引入

  展示兩個主頁,一個已經創建了鏈接,一個沒有創建鏈接,讓學生進行比較并找出區別,引出本課課題——超級鏈接。

  提出:我們在先前的學習中,哪個軟件中的相關操作與它類似?什么是超級鏈接?找一個例子,分析鏈接源和鏈接目標分別是什么?

  學生展開交流,通過對比找出不同點,并積極思考,回答老師的問題。

  設計意圖:通過對比操作、交流,再輔以知識遷移,明確本節課教學內容。

  2、新授

  (1)站內超級鏈接

  引導學生回顧PowerPoint中超鏈接的制作方法(教師提示:右擊鏈接源,利用快捷菜單制作超鏈接),輔以教材中的內容,讓學生自行探究并完成以下操作:

  任務1同一站點內不同頁面之間的鏈接

  ○1制作首頁(歡迎頁)到表格頁的超鏈接。

  ○2給表格頁內交互式按鈕設置超級鏈接,鏈接到相關頁面。

  ○3給框架頁內交互式按鈕設置超級鏈接,鏈接到相關頁面。

  教師巡視,及時指導,安排學生示范操作并講解如何制作超鏈接。

  交互式按鈕的超鏈接制作要求在框架網頁中演示操作。老師可以提問學生:演示者操作的對嗎?有沒有問題?

  引導學生發現問題:超鏈接制作完成后需要檢驗(保存后預覽)。

  教師講解,突破難點,再交由學生操作。

  以上是同一站點內不同網頁之間的鏈接,有時一個頁面中內容過多,需要不斷拖動滾動條實現閱讀,能否實現快速跳轉呢?

  任務2同一站點內同一頁面內的跳轉(鏈接):在"動物趣聞"頁面內制作書簽鏈接。

  教師講解:由生活中的書簽引入,介紹"書簽鏈接"的概念,然后再演示如何操作。

  提示:書簽鏈接的雙向性問題(返回)。

  學生認真聽講后模仿制作,教師巡視進行指導并反饋學生的完成情況。

  (2)站間超級鏈接

  僅憑我們課堂上制作的這些頁面還不足以詳細介紹我們的主題,此時我們還可以借助超鏈接,鏈接到因特網上的其他網站,以豐富我們的內容。

  任務3借助熱區鏈接,為"友情鏈接"頁面制作超鏈接,鏈接我國一些自然保護區網站。

  有了以上基礎,可安排學生自學教材中有關熱區鏈接的相關內容,學生探究操作后教師再安排學生進行演示,輔助以提問的形式檢驗學生的自學情況。

  3、總結與評價

  開展同學間的互助,檢驗其鏈接完成情況,推薦優秀同學做展示。引導學生分類總結本節課的知識點。

《網頁的制作》教案5

  教學目標:

  1、知識與技能:

  (1)理解框架的概念及用途。

  (2)掌握框架網頁的新建、制作、編輯與保存,了解框架的拆分方法。

  (3)初步掌握將框架結構與表格布局結合使用來制作網頁。

  2、過程與方法:

  (1)通過對表格網頁的分析,體驗新知識(框架結構網頁)的優點,從而促進其學習新知識。

  (2)理解框架的概念與組成,學會分析網站的結構。

  3、情感態度與價值觀:

  (1)通過以"人與動物"為主題的框架結構網頁制作活動,了解更多有關人與動物和諧相處的知識,通過故事趣聞,增強學生關注動物的興趣和意識。

  (2)能夠將表格與框架結構網頁結合使用,在創作中體驗樂趣。

  教學重、難點:

  1、重點:框架的概念、用途,創建、編輯與保存框架網頁的方法。

  2、難點:框架的拆分。

  教學方法:

  對比教學法、探究學習法、模仿學習法。

  教學準備:

  整理、歸類相關素材,并按要求擺放。

  教學過程:

  1、引入

  老師展示一組利用表格制作的網頁,要求學生仔細觀察,找出它們的一個共同特點(學生答:網頁上方和左側內容都是相同的,僅右下部分內容不一樣),并提問如何快捷地制作這種網頁?(學生答:使用復制粘貼快捷地制作)

  盡管復制、粘貼能為我們節省時間,但有沒有更好的方法呢?相同的.區域我們能否只做一遍呢?今天我們要學習的內容——框架網頁制作,就能給我們帶來更多便捷。(讓學生明確框架網頁使用的場合)

  2、新授

  (1)框架網頁概念

  由以上例子入手,再展示一個框架網頁,教師引導學生理解框架網頁的概念

  (2)框架網頁的新建與保存

  教師要求學生先閱讀教材中的操作步驟,再嘗試進行探究操作。

  任務1創建"橫幅和目錄"結構的框架網頁,新建top和left頁面,并學會保存。

  框架結構中的每個框都是一個獨立的選項文件,即網頁文件,因此當框架確定之后,需要為每個框分別指定其網頁文件的來源,可以通過每個框中的"新建網頁"按鈕和"設置初始網頁"按鈕進行選擇。在top和left頁面中,單擊"保存"按鈕,隨即開始保存。

  此處為教學難點,可先由框架的概念入手,再針對保存頁面中的藍色部分,教師進行講解,教會學生注意觀察。

  學生要理解框架網頁的概念,通過閱讀教材中的內容,自學新建框架網頁的操作,初步了解"新建網頁"和"設置初始網頁"兩個按鈕的不同,并認真聆聽教師的講解,注意觀察,按要求模仿操作。

  設計意圖:培養學生自主

  學習能力,課堂教學難點在教師的講解后模仿操作,有效突破難點。

  (3)相關頁面的制作與設置

  框架網頁中相關頁面的制作,需要結合表格來布局,插入文字、圖片和交互式按鈕。

  任務2 top和left頁面的制作。

  要求:

  ○1top頁面內插入1行2列的表格,左邊單元格插入logo圖片,右邊單元格插入banner圖片。

  ○2 left頁面內插入5行1列的表格,在每個單元格內依次插入交互式按鈕(共4個),交互式按鈕文字為展示介紹的相關內容概括,在第5個單元格內插入一個郵箱指示的圖片。

  ○3調整表格邊框的粗細。

  ○4為main區域設置初始頁面。(該網頁由教師提供現成的)

  學生制作相關頁面,同時也是對前面所學內容的復習和回顧。老師反饋學生的操作情況,開展比一比、評一評活動,對表現好的學生給予表揚。

  (4)框架網頁屬性的設置

  創建好框架網頁后,可以根據實際需要改變框架的屬性。

  任務3調整框架的大小、設置框架的邊框、設置框架窗口中的滾動條等。

  提高任務:框架的拆分。

  學生自主探究學習,可向老師尋求幫助。完成設置后請同學示范操作,并說明自己設置的方法和原因。操作基礎扎實的同學完成任務后可進行擴展學習。

  3、 總結與評價

  老師可以給出一些常見的框架結構應用界面,如Web郵箱頁面等,引導學生總結本課內容,梳理課堂知識,并讓學生分組,推薦一些優秀作品進行全班展示。

  設計意圖:開拓學生的視野,使學生了解框架的應用,教會學生要善于總結,要學會學習的方法。

《網頁的制作》教案6

  一、教學目標

  1、知道站點、主頁的概念,能在指定位置建立只有一個網頁的站點;

  2、認識FRONTPAGE的界面;

  3、掌握在主頁中插入文字、圖片、水平線;

  4、掌握頁面文件與圖片的保存。

  二、教學重點

  1、能在指定位置建立只有一個網頁的站點(難點)

  2、能在頁面中插入文字、圖片、水平線

  3、掌握頁面文件與圖片的保存(難點)

  三、學情分析

  學生已經學習了WORD、POWERPOINT與上網瀏覽信息,對計算機的基本操作(WORD中文檔的編輯,網頁的瀏覽等)比較熟練。這使得學生主動探索、自主學習成為可能。每位學生必須完成基本任務,有能力的學生還可以完成提高篇的學習,以充分發揮學生的積極性與自主性。

  四、教學方法

  在教學中,一方面采用比較教學的方法,促進學生知識的遷移;另一方面,提供學生一個導學課件,讓學生根據這個網絡環境下的課件自己探索學習,以滿足不同層次學生的需求。

  五、教學過程設計

  教師活動:1、引入課題:(激發興趣,活躍氣氛)

  同學們喜不喜歡上網?經常上新浪、西祠胡同等,有沒有同學知道新浪、西祠胡同稱做什么?(網站)

  瀏覽新浪網站,瀏覽的第一個頁面稱為什么?(主頁)

  我們還可以瀏覽其它的頁面,點擊超鏈接瀏覽,當鼠標變成手指的形狀時有超鏈接。

  問題1:網站是不是就是網頁?用自己的語言描述一下網站的概念(網站包含多個網頁,通過超鏈接把不同的'頁面鏈接起來)

  問題2:網頁是不是就是主頁?(第一個頁面稱為主頁,網站設計者可以確定哪一個是主頁,主頁的文件名一般為:index。htm,主頁也是網頁)

  設計網站一般必須經過兩個步驟,首先是在計算機里做好,然后發布在internet上,讓所有的人訪問瀏覽。

  今天我們學習用Frontpage建立站點,制作一個主頁。

  先來研究一下沒有發布的網站,打開教師做的網站

  問:同學們看到了什么?(文件夾)

  總結:

  可以這樣理解網站:在資源管理器里,網站表現為一個文件夾,里面存放的是所有與網站相關的文件。

  打開主頁,瀏覽頁面,這是老師做的一個導學課件,將幫助大家完成學習任務。

  請學生瀏覽教師課件,了解學習任務

  2、新建站點

  FP的啟動

  問:與word比較,有什么不同?

  (增加了視圖區,編輯區有三個窗口)

  總結:

  視圖區:多種視圖模式是為了方便網站的管理。制作網頁時,必須在網頁視圖中編輯頁面

  普通窗口:鼠標在閃動,可編輯、修改頁面,所見即所得的方式

  預覽窗口:瀏覽器中出現的效果,與PowerPoint中的“放映幻燈片”類似。

  Html窗口:編寫HTML(超文本標記語言,它是描述網頁內容和外觀的標準。)

  打開導學軟件,根據步驟,示范建立只有一個網頁的站點,強調新站點的位置、路徑的正確輸入,站點的名稱。

  (教會學生利用導學課件,根據導學軟件完成任務)

  任務1:學生根據導學課件,在d:建立自己站點

  教師巡視指導

  請一位學生示范如何建立站點,教師總結

  問:在文件夾列表中看到了什么?

  分析多出的文件夾列表欄,多了一個文件夾,里面有兩個子文件夾和主頁,圖片存放在images文件夾中)

  3、編輯主頁與保存主頁

  看效果圖,請學生分析主頁中的元素

  總結:鮮明的主題,如:我的世界、我的寵物等,有分割頁面的水平線,與主題相關的圖片,對網站的簡單介紹

  根據導學軟件,學生完成任務2:設計主頁、保存主頁與圖片

  教師巡視指導

  4、總結反饋

  請學生示范,講解如何插入圖片(來自剪貼畫與來自文件)、插入水平線,如何保存

  總結:必須切換到“普通”窗口下編輯

  主頁的保存中存在問題:

  單擊“文件”————“保存”或工具欄的“保存”按扭,彈出一個對話框,保存嵌入式文件,改變文件夾,圖片必須保存在本站點images文件夾中,便于站點的管理。

  5、請學生繼續完成自己的主頁,有能力的同學完成提高篇

  教師巡視指導

  6、教師與學生共同評價總結

  展示學生作品,教師與學生共同評價

  請學生總結今天的學習內容:建立包含一個頁面的站點,主頁的設計與保存。

  學生活動:學生回答問題、學觀察鼠標指針、學生回答問題、學生觀察網站的表現形式、齊聲回答、學生瀏覽課件,并了解本節課的學習任務、學生觀察FP界面與word的不同、學生回答、學生觀察教師演示不同編輯窗口的區別。學生上機操作,在指定位置建立自己站點、請先做好的學生當小老師,輔導其它學生。學生回答、學生操作,同桌互相幫助,并參考教師做的課件,利用網絡環境下的課件自己探索學習,滿足不同層次學生的需求、學生總結

  注:課件中包含每一個操作過程的操作步驟及拓展的知識、基本任務與提高任務的效果圖。

  點評:

  教學課題“網頁制作”作為初中階段的最后一部分內容,難度較大,教學的深度較難掌握。這就要教師在備教材的基礎上,同時還要備學生,做到對學生的情況有較為深刻地了解,以便很好地完成教學任務,達到預期的教學效果。根據教材和《中小學信息技術課程指導綱要(試行)》中的精神,本課應以“任務驅動”的方式完成,一方面教會學生了解和熟悉具體軟件的基本功能,另一方面又能主動地掌握并深入學習思考。尋著這個思路授課教師在課前作了大量的課前準備制作出了相應的教學課件“網頁制作”。

【《網頁的制作》教案】相關文章:

網頁的制作教案01-30

《網頁的制作》教案優秀03-29

網頁制作心得12-03

網頁制作心得07-09

《網頁的制作》教案優秀4篇(推薦)03-15

【熱】《網頁的制作》教案優秀5篇03-13

個人網頁制作小結01-10

簡單的網頁制作的方法01-14

實用的網頁制作心得01-14