2012年12月17日 星期一

lab36 CSS

←結果







Q:在設定過程中遭chrom的封鎖,需點擊右上角繼續進行。


lab35 XML2

同樣xml

不同xsl不同結果
listen(2)
listen(3)


lab34_XML

1.xml與html同為標籤語言html主要為了排版,xml則是描述資料,所以形式上與html雷同,屬性質都需要用"<"、">"隔開,各種文件的定義也不能省略。而xsl就是把xml轉譯成xml的工具。




2012年12月15日 星期六

2012年12月10日 星期一

[課堂討論]台灣未來產業出路

經過各位同學還有老師分享後,我覺得可以做一種做網頁的網站或是App。

  基於目前看到很多志工常常做網路行銷這部分,雖然做網頁很多方法但我覺得最簡單的就是Google,以這為基礎開發模式,提供基本版型再提供各種客製化的改造功能,就像工具箱那樣拉出自己要用到的元件、調整自己要的形狀,背景除了調整顏色以外也開放自製圖片,達成門檻更低更多元化的網站製作,另外若是手持裝置就用類似概念改成App的方式。




2012年12月3日 星期一

lab31 九九乘法

1.首先複製
<html>
<head>
<title>lab11</title>
<script>
function buildTable(){
docBody = document.getElementsByTagName("body").item(0)
myTable = document.createElement("TABLE")
myTable.id ="TableOne"
myTable.border = 1
myTableBody = document.createElement("TBODY")
for (i = 0; i < 3; i++){
row = document.createElement("TR")
for (j = 0; j < 3; j++){
cell = document.createElement("TD")
cell.setAttribute("WIDTH","50")
cell.setAttribute("HEIGHT","50")
textVal = "Cell" + i + "_" + j
textNode = document.createTextNode(textVal)
cell.appendChild(textNode)
row.appendChild(cell)
}
myTableBody.appendChild(row)
}
myTable.appendChild(myTableBody)
docBody.appendChild(myTable)
}
window.onload = buildTable
</script>
</head>
<body>
<br>
</body>
</html>

到<script></script>裡
改變"i"、"j"範圍以及陳述式textVal = i + "*" + j +"="+ i*j
最後結果如下

Q:此次lab依照參考資料修改能節省不少時間,只要注意table的範圍(>=)就可以輕鬆達成。

lab30 Creat Image using DOM



一開始照打
<meta content ="text/html; charset=-8859-1" http-equiv="content-type">
<title>lab10</title>
<script>
function build()
{
myImg=document.createElement("IMG")
myImg.setAttribute("id","imageOne")
myImg.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMLHfEEgNYDFrU9Ula0Uka8uKzfQgrzcLfZ9cvNWySdYK2ia7FN2UXXYnpJd1lb6hgGWPWT5QOmPZb0law4NjhqizXa8RASzX7AvoTXmN7dh8PuU4rh9G_RfrO1wQiTpfnTWtUebm4Gdo/s320/DSC_1795.JPG")
docBody = document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}
window.onload=build</script>

再來把window那行刪掉
在<<script>></script>之前補上
<input value="show image" onclick="build()" type="button">
結果如下


Q:這次lab的參考是圖片,所以照著打時容易打錯字或大小寫有錯,所以debug非常耗時,最後才發現在Kompozer底下可以進入debug模式節省時間。

Lab29 Lab Form and Action

1.CGI(Common Gateway Interface)意為一種連結主機端與伺服器端並且能夠存取檔案的一種介面,另外它也可根據使用者的輸入要求自動產生HTML的格式資料


2. 內容是
<form action="https://maps.google.com/maps?q=24.9586,+121.24114" method="get" name="f">
<input name="f" type="text" /><br />
<input name="send" type="submit" value="搜尋" />
</form>

結果為:




此篇參考

Q:在form裡面因為是用google的搜尋引擎(name="f"),所以一開始無法立即搜尋會先跳到google地圖首頁,最後改成google的指定變數name="q"就可以在部落格內或是html檔馬上搜尋。

Lab28 Hand code a form



圖(一)當form之Method為GET時的搜尋結果


圖(二)當form之Method為POST時的搜尋結果
經過查詢後,此結果的原因為當使用的Method為GET時,資料會經由Request.QueryString獲取,意為把得到的資料經由編碼加在URL網址後面(所以資料在網址就看得出來),而使用POST時網址不會改變,資料由message-body傳送,且不能由Request.QueryString,所以上圖(二)會出錯。而針對POST比GET安全這點,抓取封包時兩者的資料依然都看得到,只是GET比較明顯,另外GET的傳輸有上限,使用POST能傳遞較大量的資料尤其是連續性的如音樂或影像檔。



Q:一開始對這lab的用意不是很清楚,經過老師和google大大解說後才比較明白兩者的差別。

參考資料1參考資料2參考資料3

Homework1126


1. 在時速300km/h的高鐵上如何提供上網,2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。

目前3G上網是可以在高鐵上連線的,缺點是經過山洞或隧道時會無法收訊,而Wi-Fi不適合移動,2G資料傳輸太慢也不適合,4G的LTE基本上以3G做基礎所以連線上應該沒問題,若高鐵能用3G或4G對外連線再轉成Wi-Fi訊號提供給乘客使用應該是可行的方法,但需要在山區附近多架設基地台或是加強訊號。另外火車或是高鐵上都有纜線,如果可以使用那條線當作乙太網路的網路線對外連線,再用無線路由器提供穩定的上網。

2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point),能否解決高鐵上網問題,為什麼?

不能,因為Wi-Fi訊號沒有hand-over,離開原本的訊號範圍後只能重新連線,所以在快速的列車或高鐵上不適合沿路架設Wi-Fi基地台。