Transcript 網頁製作(基礎班)
網頁製作(基礎班) 卓傳育 [email protected] 課程大綱 • HTML 網頁呈現原理簡介 • 編輯網頁的基本工具 – HTML (Hyper Text Markup Language) – MS Word / Frontpage, Komposer • 發佈網頁 • Q&A HTML 網頁呈現原理簡介 1 2 4 3 5 網頁的組成元件 HTML (Hyper Text Markup Language) Basic HTML Tags <html> <head> <title> My First HomePage </title> </head> <body> <table> <tr> <td>第一行第一列</td> <td>第一行第二列</td> </tr> <tr> <td>第二行第一 列</td> <td>第二行第二 列</td> </tr> </table> <br> <img style="width: 200px; height: 150px;" alt=“PictureName” src=“img/P1020188.JPG"> <p>段落#1</p> <p>段落#2</p> <br>分行#1 <br>分行#2 </body> http://cmc60.sivs.chc.edu.tw/html/content.htm </html> 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 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:[email protected]:8042/over/there/index.dtb;type=animal?name=ferret#nose scheme ://userinfo@hostname:port/path/filename.extension;parameter(s)?query#fragment ftp://public:[email protected]/ or ftp://public:[email protected]:21/ "Good artists copy. Great artists steal" – Pablo Picasso • Word / FrontPage • NVU / KompoZer – http://www.moztw.org/nvu/ – http://www.kompozer.net/ • UltraEdit 32 • Dreamweaver FRAMESET • http://cmc60.sivs.chc.edu.tw/html/frame1.htm • http://cmc60.sivs.chc.edu.tw/html/frame2.htm 發佈網頁 • http://www.000webhost.com/ • http://www.ntpu.edu.tw/