查文庫>教案> 《網頁連結》教案及反思範文

《網頁連結》教案及反思

《網頁連結》教案及反思範文

  教學目標:讓學生掌握網頁超級連結的方法和網頁過渡效果的設定。

  教學重點:首頁欄目和欄目所在網頁超級連結的方法。

  教學難點:網頁返回按鈕的設定

  教學準備:學生製作了“我的欄目首頁”、“我的老師”、“我的'班級”三張網頁。

  一、新課匯入:1.同學門前幾課我們講了網頁的基本編輯。那麼誰能介紹一下你做了幾張網頁,你都設定了什麼欄目。

  好!誰能來介紹一下自己的網頁。(學生首先介紹他做了幾張網頁和在首頁設定的欄目,然後一張一張的展示。)

  2.大家看完他的演示之後發現了一個什麼問題?

  生:他的網頁只能一張一張的演示,網頁之間沒有連結。

  3.這節課我們就來學習一下網頁的連結。(彩色貼字板書:網頁的連結)

  二、新課教學:1.大家看螢幕,我們先把儲存過的網頁在編輯狀態下開啟,然後選中老師要求大家設定的欄目我的班級,在選中的區域內點選右鍵超連結,再選擇第二個按鈕瀏覽找到內容為我的班級的網頁,點選選中,最活確定。然後再把選項卡從普通狀態,調整到預覽狀態。這時網頁之間就能夠進行連結了。

  又多少同學做完了。誰來演示一下。

  4.現在老師再想問你們一個問題如何從欄目內容返回到首頁呢?大家自己先想一想,想好的同學舉手,然後同桌之間先進行討論。

  生:只要設定一個返回按鈕,使該網頁連線到首頁就可以了。好了,老師按照你們的方法操作一遍,大家看一看連結能不能成功。(具體操作)

  5.好,按照大家的做法,我們成功了。

  大家自己操作一下。(教師巡視)

  6.網頁連結我們做好了,我們就可以在網頁之間來回的切換了。在網頁進行切換的時候,我們還可以設定一下網頁進入或者離開時的過渡效果。單擊格式選單下的“網頁過渡”在事件選擇上選擇離開網頁,然後再選擇一下效果。比如:圓形放射。這時我們再到預覽狀態下,就可以看到網頁在離開時的過渡效果了。

  下面大家自己試一試,記住你採用了哪種過渡效果,一會我找同學來來演示。(學生演示給予鼓勵性評價)

  7.下面同學們就可以給自己的主頁設定一些你喜歡的欄目了,並把他們連結到相應得網頁內容。自己動手吧!有疑問問老師。

  8.同學們,這節課你們學習到了什麼?(網頁連結的方法和網頁過渡效果的設定)

  9.你們掌握這兩種方法了嘛?

  希望同學門製作出更多精緻美觀得的網頁。這節課我們就上到這。