網站和網頁

（一）教學要求

1、 了解萬維網的基本架構。

2、 理解網頁的作用。

3、 掌握網頁元素和網頁構件的使用。

4、 學會使用常用的網頁制作工具。

（二）教學設計建議

本節安排一個課時，主要通過對幾個網頁的分析，掌握文本、圖像和超鏈接是網頁的基本元素，而聲音、表格、表單等則是網頁的構件。

本節的重點是掌握網頁的基本元素，而網頁構件則是將這些基本元素有機地組合成一個單元以構成更為豐富多彩的網頁。

本節是本章的基礎，只有掌握了組成網頁的元素和構件，才能在設計網頁過程中，更加清楚地理解所操作的對象的作用和地位。

教材中給出了幾個國內著名網站某一天首頁的屏幕截圖，教學過程中不必受制于教材，可以補充一些其他網站的網頁，比如，網頁布局更為簡潔，更能充分說明網頁元素的網頁實例。在教材中，因為擔心有些例子可能會由于某些原因無法在瀏覽器中原樣打開，所以沒有采用，而在具體教學時，可以根據實際情況采用這些例子，以便讓學生更容易掌握網頁元素。

對于網頁構件“表格”、“表單”、“聲音”和“內嵌小程序”等，由于“表格”在設計網頁時有更深一步的體會，可以暫緩講解外，其他構件則可通過讓學生一起參與對一個網絡投票系統的具體操作，加強對“表單”的理解。這部分內容由于網頁變化很快，未在教材中給出操作示例，請教師在教學中自行補充。

對于“聲音”構件的教學，可以事先找到一些有聲音效果的網頁，在上課時實際打開它，讓學生親身感受聲音構件在網頁中所起到的作用。

至于“內嵌小程序”可以先讓學生觀看有java小程序的網頁，注意到網頁中由java小程序生成的效果中的文字內容。然后，打開該網頁的源程序，讓學生找到有這些文字內容的程序部分，指出java小程序的源代碼和作用。

本教材的配套光盤的相應文件夾中，提供了聲音網頁和內嵌java小程序的網頁供教師在教學過程中參考使用。

教材中介紹了兩種網頁設計工具軟件，它們都有“所見即所得”的特點，可以告訴學生，一些文字處理軟件中的文檔也可以另存為網頁格式的文件，如word /xp等，在文件菜單中就有“另存為web頁”的命令。

在wps office “金山文字”中保存文件時，可以在“保存類型”中選擇“html文件”選項，也可達到制作網頁的目的。

本節的“練一練”要求設計一幅校園網的主頁，并不是讓學生馬上設計一個網頁，而是讓學生在稿紙上設計主頁，要求在設計時能充分運用各種網頁元素和構件。