泰山版八年級信息技術下冊全冊教案
第3節制作網頁 1.必備資源 本節課所用到的文字、圖像等資源均以壓縮文件形式存放在以下網站并可下載。 泰山出版社網站鏈接： 2.首頁布局參考資源 ★新課程教育網， ★學習無憂網 教材分析 1.教學目標 知識與技能 ★熟悉網頁制作的一般過程。 ★完成站點中主要網頁的制作。 過程與方法 通過規劃、制作網站的首頁，學會制作網頁的一般步驟。 2.重點和難點 在上一章中，已經學習了網頁制作的主要知識，本節是對這些知識的綜合運用。重點要放在如何規劃制作一個網站的首頁上。 教法設計 設計制作一個精致、美觀的網站首頁，可以吸引網站訪問者的注意力，提高訪問者瀏覽網頁內容的興趣，從而最大限度地發揮網站的作用。每個小組按照前面確定的網站主題和欄目設計方案，參照教材示例中的具體方法和步驟，設計制作網站的首頁。網站中的其他各個欄目的網頁，由小組各成員分工完成。 1.導入新課 可以以網站制作的一般過程為切入點，直接引入本節的內容。然后復習制作一個網頁的一般步驟：布局網頁、添加網頁內容、美化網頁。 2.實踐導引 1)設計網頁版式，用表格布局網頁 根據上一章所學的網頁版式知識，小組討論確定網站首頁的版式。 注意進行以下幾方面的引導： ★網站首頁的重要性 ★網站首頁的常見版式 ★導航欄的位置設計 2)添加網頁元素，設置文本的格式和圖片的屬性 由于網頁中插入圖片的方法與word中插入圖片的方法有所不同，插入網站內的圖片和網站外的圖片又有差別，所以教師要著重強調，注意根據圖片的來源選擇不同的方法。 插入網站外的圖片，其操作方法如下： 第一步：執行“插入/圖片/來自文件”菜單命令，出現如下的對話框： 第二步：單擊“從計算機上選擇一個文件”按鈕，從磁盤上選擇需要的圖片文件。 注意快捷鍵“shint + 回車”和“回車”的區別。 3)美化網頁 美化網頁的方式有很多，對網頁中的文字進行字體和格式等設置，可以起到美化網頁的作用。這里主要是從統一網站風格的角度，使用網頁背景和主題來美化網頁，二者可以應用到網站中的所有網頁。 制作網頁(學案)合作小組成員 第一環節設計網頁版式，用表格布局網頁本組網站首頁的版式如下：第二環節添加網頁元素本的格式和圖片的屬性設置文換行但不分段的快捷鍵是：______________。 分段的快捷鍵是：________________。第三環節美化網頁哪些方法可以起到美化網頁的作用?第四環節總結制作網頁的一般步驟是什么?
第4節鏈接網頁 本節課所用到的文字、圖像等資源均以壓縮文件形式存放在以下網站并可下載。 泰山出版社網站鏈接： 一、教材分析 1.教學目標 知識與技能 ★知道常見的網站鏈接結構有哪些，各自的優缺點是什么。 ★會根據需要設計網站的鏈接結構。 ★會創建超鏈接使網站連成一個整體。 ★理解什么是相對鏈接和絕對鏈接。 2.過程與方法 通過剖析典型網站的鏈接方式，了解網站的常見鏈接結構；運用以前所學的超鏈接知識，以小組合作方式將網頁鏈接起來。 3.重點和難點 設計網站的鏈接結構和建立超鏈接是本節的重點，其中，如何設計網站的鏈接結構、相對鏈接和絕對鏈接是本節的難點。 二、教法設計 在學習網站的鏈接結構時，建議采用觀察、討論、歸納等方法；建立超鏈接時則采用小組合作的方式完成。 三、教學建議 一、認知 1.導入新課 由“網站是由若干網頁連接成的一個整體”出發，引出“如何將網頁鏈接起來”、如何設計網站的鏈接結構”等問題。 2.實踐導引。 (1)設計網站的鏈接結構 網站的鏈接結構是指頁面之間相互鏈接的拓撲結構，它建立在目錄結構基礎上，但可以跨越目錄。任何一個網站都離不開超鏈接。 課前準備兩個典型的小網站(比如歷屆全國中學生電腦作品大賽的獲獎作品)，引導學生分析、總結以下內容： ★網站的頁面分類：首頁(一級頁面)、欄目頁(二級頁面)和內容頁(三級頁面)。 ★網站的鏈接方式及其優缺點。 然后結合“助力”資料，小組討論、設計本組網站的鏈接結構，再在全班交流。 (2)創建超鏈接 先引導學生復習創建超鏈接的方法：選中超鏈接源，指定超鏈接目標。然后以小組為單位嘗試鏈接網頁。 此處可以介紹超鏈接的另一種分類方法：站點內超鏈接和站點外超鏈接。創建超鏈接時默認位置是站點內的文件。 注意引導學生觀察創建了超鏈接的url，引入相對超鏈接和絕對超鏈接的概念和意義。 3. 評價建議 建議從以下幾方面進行評價: （1） 網站的超鏈接結構設計是否合理 ？ （2） 是否完成了網頁的超鏈接？ 4. 助力 本資料有助于學生設計網站的超鏈接結構，旨在讓學生養成建站的又一規范“導航設計” 5. 加油 為計算機上的文件提供下載時，注意以下幾個問題 文件超鏈接適用的情形：為網站內的文件提供下載。 瀏覽器對超鏈接的處理方式 。 創建到站點外的超鏈接，指在延伸網站內容。 制作網頁(學案)合作小組成員 第一環節設計網站的超鏈接結構網站的頁面通常分為三級，其中，一級頁面指_____________，二級頁面指______________________，三級頁面指__________________________ 網站的超鏈接結構有哪幾種類型？___________________ 本組風站采用的超鏈接結構是_________________。第二環節創建超鏈接創建超鏈接的基本步驟是： 按位置對超鏈接進行分類，可以分為站點內的超鏈接和___________。 下列url的超鏈接是絕對超鏈接還是相對超鏈接______？ 將網站內的所有網頁超鏈接起來。 拓展：嘗試為網站內的文件提供超鏈接下載。