目录-「圣公会仁立纪念小学」首页.PDFVIP

目錄 第一課　html 與網頁製作工具 P.2 第二課　開始以 LibreOffice Writer 做網頁 P.4 第三課　版面配置 P.6 第四課　加入圖片 P.8 第五課　超連結(一) P.11 第六課　上載到教育城的個人網頁空間 P.13 網頁製作入門 (LibreOffice Writer) 聖公會仁立紀念小學電腦科 第一課　html 與網頁製作工具 A. HTML 是甚麼？ html 全名是 「超文本標記語言」(Hyper Text Markup Language) 。網 頁瀏覽器 (Chrome 、I.E. 、Firefox 或 Safari 等程式) 會自動解讀這些 語言，把網頁的內容呈現出來。 網頁檔案一般會使用 .html (小部份會使用 .htm ) 為副檔名稱 ，而 且，內容只是一個沒任何格式的純文字檔案。所以 簡單如 Windows 內的「記事本」就可以製作或修改。 現今的網頁內容和製作技術已變得十分複雜。除了圖片、動畫、背景 音樂外，還有各樣伺服器端程式 。網頁語言更會邁向html5 要製作 內容豐富的網頁 同學們必定要花上多年時間學習 。 B. 網頁檔案的特點 1. 一版網頁由多個檔案組成 製作簡報檔案 (如 powerpoint) ，無論 內容有多少，都是 一個檔案。但網頁 網頁卻不一樣。網 頁並不會把所有東 西嵌入，所有使用 過的檔案仍是獨立 的，上載時必須把所有東西一併上載。 2. 螢幕解像度和網頁內容 文字的排列隨著 視窗大小改變 網頁的內容一般會隨著不同的視窗小大或不同的瀏覽器而改變。 P.1 P6_WebPage.odt 網頁製作入門 (LibreOffice Writer) 聖公會仁立紀念小學電腦科 所以不少網站會儘量把內容固定在某個區域內，請進入香港天文 台或香港雅虎網站，把視窗拉大縮小，看看效果怎樣。 C. 網頁檔案名稱 網頁的檔案名稱限制較大，一般不能使用中文名、空格或特別符號 (如：/\%(){}|[]^$@ ) 。此外，第一版一般應定為index.html 。 D. 網頁製作工具 如上文所述，一個普通的文字編輯器已可以製作一個網頁。不過，亦 有不少工具讓網頁製作工作簡單一些。 目前，最熱門的相關工具是 Adobe Dreamweaver 。在本學期，我們 會使用 LibreOffice Writer 用來製作網頁。Writer 本是 Microsoft Wor 的同類軟件，不過亦可用來製作簡單的網頁。同學可以在以下網頁或 本校電腦科網頁內下載： /download/ http://www.ylm.hk/subject/com/ 【第一課完】 P.2 P6_WebPage.odt 網頁製作入門 (LibreOffice Writer) 聖公會仁立紀念小學電腦科 第二課　開始以LibreOffice Writer 做網頁 A. 下載及安裝LibreOffice 下載 LibreOffice 安裝檔案後，雙擊開始安裝。安裝 LibreOf