網頁製作/教師指南
本課程只有一個目標:教授建立網頁的實踐。
如果你想教你的學生關於計算、網路、網際網路、HTML 等等,我想將你推薦到其他華夏公益教科書。
為了能夠教授本課程,你需要
- 熟悉材料;
- 為學生提供連線網際網路的電腦,或確保他們在課程期間能夠使用此類電腦;
- 為學生提供網頁瀏覽軟體,或確保他們能夠使用網頁瀏覽器;
- 為學生提供文字編輯軟體,或確保他們能夠使用文字編輯器;
- 設定 Web 伺服器,並提供訪問許可權;
- 為學生專案提供儲存空間;以及
- 確保學生具有一定的計算機操作經驗。
可選
- 用於實踐專案中的圖形;以及
- 圖形編輯軟體,用於建立這些圖形。
你使用的網頁瀏覽器應該能夠處理 HTML 4 或更高版本。當前作業系統附帶的網頁瀏覽器符合此目標。
本課程中有一些關於網頁圖形呈現的課程。你可以跳過這些課程,但如果你不跳過,你需要提供一個所謂的圖形化網頁瀏覽器。眾所周知的此類瀏覽器包括 Mozilla、Apple Safari、Opera 和微軟 Internet Explorer。這些瀏覽器要麼包含在你的作業系統中,要麼可以免費下載使用。
如果你需要下載並安裝網頁瀏覽器,我們建議使用 FireFox 系列網頁瀏覽器。
理想情況下,你應該為學生提供在並排電腦上執行的多個網頁瀏覽器。這樣,他們就可以看到不同的瀏覽器如何渲染網頁。
本課程中建立網頁,通常使用作業系統自帶的文字編輯器就足夠了。
雖然你可以使用專門用於建立和編輯網站的編輯器,但我們建議不要這樣做。這可能會讓你的學生依賴於此類編輯器。即使他們完成課程後只使用此類編輯器,學習建立網頁的基本知識對於故障排除非常有幫助。
沒有一個實踐專案複雜到需要特定的伺服器設定。本課程的後續版本可能需要更高階的 Web 伺服器。如果你不知道如何設定 Web 伺服器,請諮詢你的系統管理員。
需要注意的一點是,你可能希望僅在內聯網上執行 Web 伺服器。這樣,你的學生就不能濫用學校的網際網路連線來發布學校不希望與之關聯的資訊。
如果你擔任系統管理員,你可能會發現 Apache2Triad 或更普遍的 維基百科:Web 伺服器比較 有用。
另一方面,使用 免費 Web 託管服務 可能比設定最簡單的內聯網 Web 伺服器更容易。看到他們的作品成為世界上任何人都可以立即閱讀的“真實”WWW 的一部分,而不是隻有老師可以閱讀的另一項家庭作業,這可能會幫助提高學生的積極性。儘管一些託管服務提供用於建立網站的“模板”和“嚮導”,但我們建議不要使用這些工具,因為它們可能會讓學生依賴於此託管服務。相反,請使用普通的檔案上傳功能。
實踐專案都相當小。不過,你可以設計一個大型的課程結束專案。此外,你的學生可能希望研究他們之前建立的網頁。出於這些原因,為學生提供儲存空間以保留他們的專案並供日後參考可能很方便。
一個比一般網頁更大的網站的 HTML、CSS 和 JavaScript 檔案(不包括影像檔案、MP3、影片等)不到 8 MB。
這是否需要與 Web 伺服器上的檔案分開?
如果你的學生是計算機新手,你可能希望花第一節課讓他們瞭解一些通用的計算機原理。至少,他們應該知道如何
- 啟動和關閉電腦或會話;
- 啟動和退出程式;
- 從程式中開啟和關閉檔案;
- 在檔案系統上覆制、移動、建立和刪除檔案;
- 操作網頁瀏覽器;具體而言,如何開啟 URL;如何開啟檔案;如何使用超連結在網頁之間導航;如何使用瀏覽器功能在網頁之間導航。
由於這是一本練習冊和教科書,學生將從參與其中,充分發揮他們的技能的專案中受益。
這本書中的許多練習都是為了提供這樣的專案,但很可能大多數學生都會發現這些練習不足。這些練習的性質有限:它們必須假設學生在本書前幾章中知識不完整,並且必須在規定的家庭作業時間內完成。
因此,建議有一個最終專案,讓學生能夠測試他們在本課程中學習的所有技能和知識。
教師可以自由地設計這樣的專案,希望隨著時間的推移,許多很棒的專案提案將被新增到華夏公益教科書中。
然而,未成年人的教師也可以選擇參加每半年一次的 ThinkQuest 競賽。ThinkQuest 是一項面向小學和中學學生的網站建立競賽,它創造了一些如今網際網路上最棒的網站。學生將與來自世界各地的其他學生競爭。競爭非常激烈,參與者需要盡其所能才能有機會獲勝。所有參賽隊伍必須有一位學校教師作為團隊領導,但學生本身必須完成所有工作。
隨著時間的推移,華夏公益教科書將提供參加和贏得 ThinkQuest 競賽所需的所有基本知識,但有一個主要例外:本書不會涉及可嵌入內容,例如影像、動畫、影片等。這些是 Web 的重要組成部分,但它們需要單獨的書來介紹:網頁設計 書籍。
自學本課程的學生,鼓勵他們想出自己的專案。如果你想出了有趣的專案,請透過在此處釋出專案描述來分享。