Embed Size (px)
DESCRIPTION
網頁製作 ( 基礎班 ). 卓傳育 [email protected]. 課程大綱. HTML 網頁呈現原理簡介 編輯網頁的基本工具 HTML (Hyper Text Markup Language) MS Word / Frontpage, Komposer 發佈網頁 Q&A. HTML 網頁呈現原理簡介. 1. 2. http://tw.yahoo.com/. http://203.84.202.164/index.html. http://203.84.202.164/. 4. 3. 5. 網頁的組成元件. 網頁原始碼. - PowerPoint PPT Presentation
Citation preview
課程大綱• HTML 網頁呈現原理簡介• 編輯網頁的基本工具– HTML (Hyper Text Markup Language)– MS Word / Frontpage, Komposer
• 發佈網頁• Q&A
HTML 網頁呈現原理簡介
1
2
34
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></html>
http://cmc60.sivs.chc.edu.tw/html/content.htmhttp://kh.k12.edu.tw/1000510633/webpg1203/html/index.htmhttp://neemy.com/html/http://stuck.myweb.hinet.net/c/index.htmhttp://www.powmo.com/ae.html
http://cmc60.sivs.chc.edu.tw/html/content.htmhttp://kh.k12.edu.tw/1000510633/webpg1203/html/index.htmhttp://neemy.com/html/http://stuck.myweb.hinet.net/c/index.htmhttp://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.SSBBkMsHNjHJaH0j0LMAAAJKT/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/
