20121007(數位內容導論)上課筆記
by 李百麗 2012-10-07 20:54:55, 回應(8), 人氣(2392)
***www的三大特性:
1.多媒體(Multimedia):
文字、 聲音、圖像、影片、動畫
2.超連結(Hyperlink)
web藉由<a>tag達成,例如 <a href="http://www.ouk.edu.tw"/>HyperLink to市空大</a>
3.互動性(Interactive)
***網域名稱(Domain Name)的樹狀結構
(圖片來源:http://www.microsoft.com/taiwan/technet/itsolutions/ecommerce/deploy/d5dns.aspx?mfr=true)
Domain Name必須向TWNIC之類的管理單位申請,採先登記制,必須繳每年的維護費。
***網址(URL)
應該是以IP Address的方式呈現,代表一份資源在網際網路上的存放位置。
例如:
http://168.18.62.51/test.swf
http://134.11.6.7/TTT/test.htm
※IP Address:網路設備的唯一識別碼,例如伺服器、上網的電腦。
※資源:在這指的是htm、swf、jpg....等。
***為了人類的方便記憶,就把有意義的Domain Name與某一個IP Address記錄在DNS(Domain Name Server),網址就變成http://www.ouk.edu.tw/test.htm之類的。Browser會向DNS詢問Domain Name所對應的IP Address,得到之後才連到Web Server將test.htm下載到本地端電腦,解讀htm的內容,之後呈現在Browser窗格上。
Web App的例子:
1.FaceBook
2.部落格
3.Google+
4.……
上課的html範例:
<html>
<body>
<form>
請輸入帳號
<input type= "text" size=20>
<br/>
請輸入密碼
<input type= "text" size=20>
<br/>
<input type= "submit" value= "送出">
</form>
</body>
</html>
1.多媒體(Multimedia):
文字、 聲音、圖像、影片、動畫
2.超連結(Hyperlink)
web藉由<a>tag達成,例如 <a href="http://www.ouk.edu.tw"/>HyperLink to市空大</a>
3.互動性(Interactive)
***網域名稱(Domain Name)的樹狀結構
(圖片來源:http://www.microsoft.com/taiwan/technet/itsolutions/ecommerce/deploy/d5dns.aspx?mfr=true)
Domain Name必須向TWNIC之類的管理單位申請,採先登記制,必須繳每年的維護費。
***網址(URL)
應該是以IP Address的方式呈現,代表一份資源在網際網路上的存放位置。
例如:
http://168.18.62.51/test.swf
http://134.11.6.7/TTT/test.htm
※IP Address:網路設備的唯一識別碼,例如伺服器、上網的電腦。
※資源:在這指的是htm、swf、jpg....等。
***為了人類的方便記憶,就把有意義的Domain Name與某一個IP Address記錄在DNS(Domain Name Server),網址就變成http://www.ouk.edu.tw/test.htm之類的。Browser會向DNS詢問Domain Name所對應的IP Address,得到之後才連到Web Server將test.htm下載到本地端電腦,解讀htm的內容,之後呈現在Browser窗格上。
Web App的例子:
1.FaceBook
2.部落格
3.Google+
4.……
上課的html範例:
<html>
<body>
<form>
請輸入帳號
<input type= "text" size=20>
<br/>
請輸入密碼
<input type= "text" size=20>
<br/>
<input type= "submit" value= "送出">
</form>
</body>
</html>
回應(8)
(1 樓, 陳順卿, 2012-10-07 23:03:16)
百麗同學您好:
謝謝妳.......你的筆記讚!
(2 樓, 方玉萍, 2012-10-08 07:22:35)
謝謝同學,感恩^^
(3 樓, 蔡守軒, 2012-10-08 08:30:34)
寫的真好~~
(4 樓, 林家逸, 2012-10-08 15:56:31)
同學真謝謝你~~~: )
(5 樓, 江志航, 2012-10-08 19:44:20)
感恩唷...^^~*
(6 樓, 洪月霞, 2012-10-08 20:11:21)
感恩喔!
最後的例子來不及抄,因隔壁同學借抄我的筆記,導致我在抄寫最後的內容也慢好幾拍。
總之,感恩您不吝與人分享。
(7 樓, 莊春敏, 2012-10-09 02:29:23)
謝謝同學 給你一個讚^^
(8 樓, 黃惠玲, 2012-10-11 16:41:02)
感恩您,超級讚滴啦