1. 1 HTML (HyperText Markup Language)

2. 2 Markup Language Tags indicate formatting and document structure Source is processed by a program that understands the tags and formats the page ex: SGML, HTML, XML HTML: HyperText Markup Language  最新標準 HTML 4.01, 1999.  詳細的規定請參考： www.w3c.org www.w3c.org  完整手冊： http://www.w3.org/TR/html401/ http://www.w3.org/TR/html401/

3. 3 撰寫網頁 文字編輯器 網頁製作軟體  WYSIWYG ( 所見即所得 )  以視覺化方式來建立網頁  自動產生 HTML 程式碼  ex:FrontPage / Dreamweaver  ex:MS-Word 也可以喔！

4. 4 與文件相的資訊，包括會顯示在 標題列中的標題 網頁的內容

5. 5 小烏龜的家 小烏龜為什麼要和小白兔賽跑？ DEMO

6. 6 注意事項 註解格式  TAG 外之空白沒有影響

7. 7 HTML 標籤說明 標題標籤 … 最大的標題 … … 最小的標題 例如： 我的大事紀

8. 8 HTML 標籤說明 … 在段落開始處之前插入一個空白行 無論你在字與字之間加入多少個空白字元，瀏覽 器在字與字之間依然只顯示一個空白字元 多出來的空白字元會被忽略 Learning HTML is a lot of fun!

9. 9 影像標籤 內嵌影像 使用 TAG 屬性：  SRC  ALT  HEIGHT  WIDTH  ALIGN  HSPACE  VSPACE

10. 10 FrontPage 使用這類軟體的好處 …  拉一拉，就做成網頁，不需要學 HTML  網站容易管理  更新網頁較方便 DEMO… 相關網頁圖庫網站  http://spacem.newspace.com.tw/free/mater.asp  http://qa.adsldns.org/~bill/pict/pict.htm

11. 11 製作網頁前 … 你一定要知道 網頁著重內容，不是花俏 … 網頁設計應讓使用者很容易找到他要的資料 充分利用 ” 表格 ” 來作文字編排上的定位 什麼是透明的 GIF ？動態的 GIF ？  Ulead GIF Animator 把自己的特色表現出來 …

12. 12 在 Oz 上建立自己的 Homepage (1) 在您的 home directory 下建立一個大寫的 WWW 目錄 cd mkdir WWW ( 您的 homepage 所需的所有資料需要放在這個目錄裡面 ) 首頁的預設檔案名稱是小寫的 index.html or index.htm ， 請注意您的首頁檔名是否相符。 確認您的 WWW 與 您的 home directory 必須要有 group 與 other 能夠執行的權限。例如： cd chmod 711 WWW 以及 chmod 711. ( 或 chmod 711 $HOME)

13. 13 在 Oz 上建立自己的 Homepage (2) 您可以自行檢查權限設定 %ls -alg | more drwx--x--x 6 u123456 mm 1024 Mar 11 12:45. drwx--x--x 1 u123456 mm 512 Mar 2 15:30 WWW ( 以上兩個目錄至少要有 rwx--x--x 的權限 ) 所有的 html 檔與圖檔都要有別人能 read 的權限，例如： %cd WWW %chmod a+r * %ls -alg | more -rw-r--r-- 1 u123456 mm 453 Nov 22 16:09 index.html -rw-r--r-- 1 u123456 mm 145 Nov 22 11:36 index.gif

14. 14 在 Oz 上建立自己的 Homepage (3) 欲瀏覽自己的 homepage  以學號為 u123456 為例，請將 URL 寫為 http://www.oz.nthu.edu.tw/~u123456/index.html (server 會自動讀取 ~/u123456/WWW/index.html)

15. 15 Homework 編寫網頁：任何工具軟體、文字編輯器 … 放置到 OZ 工作站上，其他人可以透過 http://www.oz.nthu.edu.tw/~uxxxxxx/index.html 瀏覽你的網頁 http://www.oz.nthu.edu.tw/~uxxxxxx/index.html 容量限制： 15 or 20MB 網頁內容  個人網頁，即將第二次作業的內容，略作修改，透過 Web 方式呈現（請注意文字編排和美觀）  有一個 page ，描述 / 介紹最喜歡的網站  有一個 page ，描述 / 介紹某個軟體 ( 遊戲除外 )

16. 16 說明檔案 :ReadMe ，描述網頁的特色，並使用 ftp 傳送到 mozart.cs.nthu.edu.tw  username: cs140103  passwd: iloveit  建立一目錄，目錄名稱為自己的學號  將檔案 ReadMe 傳送到該目錄下  純文字檔 Deadline: 2004/1/11 24:00