資源簡介

中小學教育資源及組卷應用平臺
第二課時 制作網(wǎng)頁并用超鏈接組織網(wǎng)頁及測試修改和評價網(wǎng)站
教學過程：
教學環(huán)節(jié) 教學內(nèi)容 教師活動 學生活動 設(shè)計意圖
激情導入 新課引入 制作網(wǎng)頁時，根據(jù)之前設(shè)計的網(wǎng)頁布局草圖，用表格對網(wǎng)頁進行布局，然后插人文字、圖片等元素，創(chuàng)建網(wǎng)頁間的超鏈接。 想一想要怎樣制作網(wǎng)頁過程 制作網(wǎng)頁并用超鏈接組織網(wǎng)頁
新課教學 二、制作網(wǎng)頁并用超鏈接組織網(wǎng)頁 1.制作網(wǎng)頁（1）布局網(wǎng)頁根據(jù)網(wǎng)頁的設(shè)計草圖，用表格對網(wǎng)頁進行布局。以布局網(wǎng)站主頁為例，了解用表格對網(wǎng)頁進行布局的過程。①雙擊打開index.htm文件，選擇“表格”一“插人表格”一“表格”。根據(jù)設(shè)計草圖，設(shè)置表格的行數(shù)為8，寬度為800像素，對齊方式為“居中”，邊框粗細為“0”。②根據(jù)設(shè)計草圖，對單元格進行合并。選中需要合并單元格，右鍵選擇“合并單元格”。用鼠標調(diào)整每一一個單元格的高度，或者選中單元格，右鍵選擇“單元格屬性"，設(shè)置單元格的高度。③美化布局表格。根據(jù)布局設(shè)計，為單元格插入背景圖片、設(shè)置顏色等。單擊需要添加背景圖片的單元格，右鍵選擇“單元格屬性”，設(shè)置單元格的背景圖片。同樣的方式，選中單元格，右鍵選擇“單元格屬性”，設(shè)置單元格顏色。布局完成的主頁。（2）插人網(wǎng)頁元素可以向網(wǎng)頁中插入的元素有很多，例如文本、圖片、水平線等。這里以文本、圖片和水平線為例，了解插人網(wǎng)頁元素的步驟。①插人文本。對于普通文本，可以直接在布局表格的相應單元格中輸入文字或?qū)⑹孪葴蕚浜玫奈谋菊迟N人單元格中。數(shù)對普通文本的屬性進行操作時，可以選中需要設(shè)置的文本，在工具欄中對文本的字體、顏色、大小、粗細等進行設(shè)置。設(shè)置段落時，可以選中段落，從菜單欄中選擇“格式”-“段落”，設(shè)置段落的對齊方式、縮進方式、行距等。②插人圖片。插入的圖片分為藝術(shù)字和一般圖片。藝術(shù)字也是一種圖片。文施普干以插入藝術(shù)字時，單擊需要插人藝術(shù)字的單元格，在菜單欄中選擇“插入”.-“圖片”一“藝術(shù)字”，在彈出的的“藝術(shù)字庫”對話框中選擇一種“藝術(shù)字”樣式，并在彈出的“編輯‘藝術(shù)字'文字”用同樣的方式，在網(wǎng)頁中插入圖片，然后利用鼠標調(diào)整圖片到合適的大小。對話框中輸入文字。建立網(wǎng)頁間的超鏈接利用超鏈接可以將制作完成的各個網(wǎng)頁組織起來。超鏈接的對象可以是文字、圖片等網(wǎng)頁元素，超鏈接的目標可以是網(wǎng)頁，也可以是網(wǎng)頁上的某一元素。以在主頁上建立超鏈接為例。選擇--張圖片作為超鏈接的對象，右鍵選擇“超鏈接屬性”選項。（在彈出的“編輯超鏈接”對話框中選擇鏈接目標，單擊“目標框架”，選擇“新建窗口”，讓鏈接目標在新的頁面中打開。 （3）鏈接建立后，將主頁切換至“預覽"模式，單擊設(shè)置的超鏈接，查看設(shè)置的超鏈接效果。 讓學生通過實際操作掌握 FrontPage 的網(wǎng)頁制作操作技能。教師指導學生分小組，每人至少負責一個網(wǎng)頁的制作工作，按照前期設(shè)計的草圖完成網(wǎng)頁的制作。超鏈接的教學可以采用先教后學的方法。教師介紹超鏈接的區(qū)別與使用范圍后，學生嘗試練習，教師巡視指導學生添加超鏈接，并指導學生根據(jù)設(shè)計草圖用超鏈接完成網(wǎng)站層次與導向關(guān)系。 制作網(wǎng)頁并用超鏈接組織網(wǎng)頁。本部分包括布局網(wǎng)頁、插入網(wǎng)頁 元素、用超鏈接將各個網(wǎng)頁連接起來 3 個內(nèi)容，使其符合網(wǎng)站設(shè)計草圖中的層級 關(guān)系和導向關(guān)系。
三、測試修改 網(wǎng)站制作完成后，需要對網(wǎng)頁仔細檢查并運行測試，避免出現(xiàn)錯誤或問題。檢查的內(nèi)容包括頁面的內(nèi)容顯示是否正確，網(wǎng)頁間的超鏈接是否正確、有效。（1）檢查網(wǎng)頁內(nèi)容與顯示效果編輯網(wǎng)頁時，往往需要錄人大量文字，插人一-些圖片。制作完成后，要重點檢查網(wǎng)頁中有無錯別字、病句，圖片和文字是否與主題相符等，以確保網(wǎng)頁內(nèi)容正確。如果顯示有誤，特別是圖片不能正常顯示，須打開FrontPage，查找問題所在，并作修改。（2）測試超鏈接在發(fā)布網(wǎng)站之前還需對網(wǎng)站文件的超鏈接進行檢查和整理，這一步可以找出斷掉的鏈接、錯誤的代碼，以便進行糾正和處理。瀏覽網(wǎng)站主頁，并用鼠標逐單擊主頁上的各個超鏈接，檢查能否顯示鏈接目標，并檢查顯示的內(nèi)容是否正確。確保超鏈接有效、正確。如果網(wǎng)頁不能正常跳轉(zhuǎn)，打開FrontPage，修改網(wǎng)頁上的超鏈接。 學生在發(fā)布網(wǎng)站前，組內(nèi)成員作一次互相檢查和測試。教師巡視，指導學生解決測試中發(fā)現(xiàn)的問題，如網(wǎng)頁在個人計算機中通過測試后，復制到其他組員的計算機中卻無法顯示（教師介紹絕對路徑和相對路徑）。 網(wǎng)站制作完成后，需要對網(wǎng)頁進行仔細檢查并運行測 試，避免出現(xiàn)錯誤或問題。
四、評價網(wǎng)站 網(wǎng)站制作完成后，可以參考網(wǎng)站的評價標準對自已創(chuàng)建的網(wǎng)站進行評價，然后開展同學間的互評。用欣賞的眼光去看待同學制作的網(wǎng)站，友善地提出自己的建議或意見，并根據(jù)網(wǎng)站評價參考標準選出班級內(nèi)評分最高的網(wǎng)站。 瀏覽各組的網(wǎng)站，客觀地評價其他小組的作品，并交流。在瀏覽過程中，讓學生切身體會到網(wǎng)絡(luò)的優(yōu)勢和功能，以及共享信息對于交流、討論的幫助。在評 價過程中，讓學生學會互相溝通，客觀地評價他人的勞動成果。 用欣賞的眼光去看待同學制作的網(wǎng)站，友善地提出自 己的建議或意見
活動解析 （3）P97“說說做做”。 ①請學生回憶在“表格布局時遇到的問題”，并請學生談?wù)勛约菏侨绾谓鉀Q 這些問題的。 ②略。 （4）P101“說說做做”。 略 讓學生自由開展討論“說說做做”、“數(shù)字化學習”自動學習。 讓學生展開自主探索和相互交流提供空間。
小結(jié) 通過實際操作掌握 FrontPage 的網(wǎng)頁制作操作技能。按照前期設(shè)計的草圖完成網(wǎng)頁的制作。添加超鏈接，根據(jù)設(shè)計草圖用超鏈接完成網(wǎng)站層次與導向關(guān)系。解決測試中發(fā)現(xiàn)的問題，如網(wǎng)頁在個人計算機中通過測試后，復制至其他組員的計算機中卻無法顯示,介紹絕對路徑和相對路徑）。 讓學生同教師一道回憶本堂課所學知識要點 回顧本活動要點
作業(yè) 1、框架頁是一種特殊格式的網(wǎng)頁，主要由（邊框、網(wǎng)頁、滾動條）組成。2、FrontPage允許把（JPG、GIF、BMP，DIB，PNG以及WMF）等格式的圖片文件插入網(wǎng)頁。3、（超鏈接）本質(zhì)上是網(wǎng)頁的一部分，它將不同的網(wǎng)頁鏈接起來構(gòu)成一個網(wǎng)站。
板書設(shè)計：
第二課時 制作網(wǎng)頁并用超鏈接組織網(wǎng)頁及測試修改和評價網(wǎng)站
二、制作網(wǎng)頁并用超鏈接組織網(wǎng)頁
1.制作網(wǎng)頁
（1）布局網(wǎng)頁
（2）插人網(wǎng)頁元素
2.建立網(wǎng)頁間的超鏈接
三、測試修改
四、評價網(wǎng)站
活動解析
小結(jié)
21世紀教育網(wǎng) www.21cnjy.com 精品試卷·第 2 頁 （共 2 頁）
HYPERLINK "http://21世紀教育網(wǎng)(www.21cnjy.com)
" 21世紀教育網(wǎng)(www.21cnjy.com)

展開更多......

收起↑