網頁製作(基礎班)

Download Report

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>第二行第一&nbsp; &nbsp;列</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/