1. 網頁製作 ( 基礎班 ) 卓傳育 arescho@hotmail.com

2. 課程大綱 HTML 網頁呈現原理簡介 編輯網頁的基本工具 – HTML (Hyper Text Markup Language) – MS Word / Frontpage, Komposer 發佈網頁 Q&A

3. HTML 網頁呈現原理簡介 1 2 3 4 5

4. 網頁的組成元件

5. HTML (Hyper Text Markup Language)

6. Basic HTML Tags My First HomePage 第一行第一列 第一行第二列 第二行第一 列 第二行第二 列 段落 #1 段落 #2 分行 #1 分行 #2 http://cmc60.sivs.chc.edu.tw/html/content.htm http://kh.k12.edu.tw/1000510633/webpg1203/html/index.htm http://neemy.com/html/ http://stuck.myweb.hinet.net/c/index.htm http://www.powmo.com/ae.html http://cmc60.sivs.chc.edu.tw/html/content.htm http://kh.k12.edu.tw/1000510633/webpg1203/html/index.htm http://neemy.com/html/ http://stuck.myweb.hinet.net/c/index.htm http://www.powmo.com/ae.html

7. URI (Uniform Resource Identifier) URL (Uniform Resource Locator) – http://tw.yahoo.com/ – http://l.yimg.com/tw.yimg.com/i/tw/hp/spirit/yahoo_logo.gif – http://l.yimg.com/tw.yimg.com/a/tw/cathy/081014_10.jpg – http://tw.ard.yahoo.com/SIG=152u4d15h/M=620632.13021269.13249161.12199234/D =tw_khomep/S=152963594:E3/Y=KIMO/EXP=1223968992/L=ssBLE8tUyqSfmX.SSBBkMs HNjHJaH0j0LMAAAJKT/B=LdecHMtUynY URN – urn:isbn:0-486-27557-4 URI Scheme – foo://username:password@example.com:8042/over/there/index.dtb;type=animal?name=ferret#nose – scheme ://userinfo@hostname:port/path/filename.extension;parameter(s)?query#fragment – ftp://public:pub0210@www.ntpu.edu.tw/ or ftp://public:pub0210@www.ntpu.edu.tw:21/ ftp://public:pub0210@www.ntpu.edu.tw/ftp://public:pub0210@www.ntpu.edu.tw:21/

8. "Good artists copy. Great artists steal" – Pablo Picasso Word / FrontPage NVU / KompoZer – http://www.moztw.org/nvu/ http://www.moztw.org/nvu/ – http://www.kompozer.net/ http://www.kompozer.net/ UltraEdit 32 Dreamweaver

9. FRAMESET http://cmc60.sivs.chc.edu.tw/html/frame1.htm http://cmc60.sivs.chc.edu.tw/html/frame2.htm

10. 發佈網頁 http://www.000webhost.com/ http://www.ntpu.edu.tw/