←結果
Q:在設定過程中遭chrom的封鎖,需點擊右上角繼續進行。
2012年12月17日 星期一
lab34_XML
1.xml與html同為標籤語言html主要為了排版,xml則是描述資料,所以形式上與html雷同,屬性質都需要用"<"、">"隔開,各種文件的定義也不能省略。而xsl就是把xml轉譯成xml的工具。
2012年12月15日 星期六
lab32 九九乘法2
承lab31
在body中加入
<input value="show 9*9Table" onclick="buildTable()"
type="button">
在body中加入
<input value="show 9*9Table" onclick="buildTable()"
type="button">
此input Attribute
結果如下
2012年12月10日 星期一
[課堂討論]台灣未來產業出路
經過各位同學還有老師分享後,我覺得可以做一種做網頁的網站或是App。
基於目前看到很多志工常常做網路行銷這部分,雖然做網頁很多方法但我覺得最簡單的就是Google,以這為基礎開發模式,提供基本版型再提供各種客製化的改造功能,就像工具箱那樣拉出自己要用到的元件、調整自己要的形狀,背景除了調整顏色以外也開放自製圖片,達成門檻更低更多元化的網站製作,另外若是手持裝置就用類似概念改成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的範圍(>=)就可以輕鬆達成。
<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檔馬上搜尋。
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基地台。
訂閱:
文章 (Atom)