2012年12月17日 星期一
Lab 34 XML
1. Register and Download Xray, an XML, XSLT editor and processor.
(安裝X-Ray需要權限)
(助教碎碎念:若無法順利安裝在點我)
2. Before you do this lab,all the first you must know is
what is XML?
what is XSLT?
please write down your answer.(least 200 words)
3. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.
4. View the formatted HTML file.
(安裝X-Ray需要權限)
(助教碎碎念:若無法順利安裝在點我)
2. Before you do this lab,all the first you must know is
what is XML?
what is XSLT?
please write down your answer.(least 200 words)
3. Given the the XML file and XSLT file ,
use Xray to do the transformation of the XML into HTML.
You have to replace [ with <.
4. View the formatted HTML file.
XML的全名是Extensible Markup
Language，也就是延伸標記語言，XML和HTML一樣都是一種標記語言，利用標籤來定義各種屬性。HTML的使用目的是排版資料，修改資料的顯示; XML的使用目的則是描述資料。
XML是SGML（Standard Generalized Markup
Language，即ISO的標準通用標示語言，ISO 8879:1986和其1997
WebSGML附件Annexes J、K及L）的簡化版本。SGML系統是非常複雜的，因為它具有許多的機制，以便提供各種的語法。SGML是被發展用來解決編輯及保存內容龐大複雜且互相連結的技術文件，而XML只取用SGML系統中的文件結構的核心部份。
XML規格制定的初衷是為了簡化程式設計的因難度，目前大約有二十個不同程式語言所撰寫的剖析程式（Parser）可以公開的取得。假如您要設計在WWW中互傳資料的系統，或是要儲存系統的設定檔，您可以考慮採用XML。優點是您可以取得許多免費的工具來檢查或編輯您的XML文件，其中有些工具可以讀入XML檔，然後以樹狀方式顯示，同時也可修改元素結構及內容。
在計算機科學中，可擴展樣式表轉換語言（Extensible Stylesheet Language Transformations，簡稱XSLT）是一種對XML檔案進行轉化的語言，XSLT中的T代表英語中的「轉換」（transformation）。XSLT 是 XSL 中最重要的部分。XSLT 用於將一種 XML 文檔轉換为另外一種 XML 文檔，或者可被瀏覽器識別的其他類型的文檔，比如 HTML 和 XHTML。通常，XSLT 是通過把每個 XML 元素轉換为 (X)HTML 元素來完成這項工作的。通過 XSLT，您可以向或者從輸出文件添加或移除元素和屬性。您也可重新排列元素，執行測試並决定隱藏或顯示哪個元素，等等。
2012年12月6日 星期四
(心得分享) 11/29 吳雙澤先生 非營利組織願景與實踐
上禮拜沒去上課，但在網路上我搜尋了有關吳雙澤先生的事，認為他的那顆為著愛這塊土地，堅持去掙取，真的很不簡單。我覺得很多事情如果沒有有心的人出來說明真相和呼籲大家，民眾們容易只知道表面，而被牽著鼻子走。
想要在澎湖安居樂業的人，
都堅決反對在澎湖設賭場。
澎湖是我們生活的故鄉，
以及外鄉人渡假的天堂，
不要把它變成暴力、
色情及毒品的溫床。
澎湖充滿著希望，我們不需要賭場，
我們有這麼優美的自然與人文歷史，
只要把行銷、企劃、管理做好，
政府與民間通力合作，
發揮海洋子民的創意，
它就是台灣的夏威夷！
呼籲所有澎湖的公民，
請勇敢積極站出來，
我們的孩子需要你良心的一票，
保護他們免於墮落，
承諾他們這輩子跟我們一樣，
在自然美麗的沙灘邊，
在世界級的玄武岩上，
在治安良好的社會裡，
繼續編織屬於他們自己開闊的夢想……
──吳雙澤‧《一個澎湖人的夢》
原本在台北擔任英文老師的吳雙澤，五年前回到家鄉澎湖從事生態旅遊，並成為流浪鯨魚民宿主人。「政府拿出3百億搞觀光賭場，但如果把地方發展放在心裡，去推動生態觀光、綠色能源產業，根本用不到這麼多錢。現在澎湖的確發展得不好，但這裡有豐富的人文、自然資源，並不是發展受到了限制，而是過去縣政府的管理能力有問題。」吳雙澤指出, 吳雙澤引用《離島建設條例》第10-2條第1項的規定說明，「開放離島設置觀光賭場，應依公民投票法先辦理地方性公民投票，其公民投票案投票結果，應經有效投票數超過二分之一同意，投票人數不受縣（市）投票權人總數二分之一以上之限制。」也就是說，與以往數次因投票人數未達二分之一門檻而不成案的諮詢性公投不同，本次公投並沒有投票門檻的限制，只要同意票過半數，澎湖即可設置觀光賭場。
澎湖是台灣很美的地方，雖然我沒有去過，但我朋友們去過回來都說很親近大自然，很放鬆很舒服的一個地方，假如賭場真的要進到這麼美的地方，我想會失去它原本那最初也是最吸引人的美。而這是要全民一起來觀注，一起去爭取的。
而回想，我們是否有這麼深入的去看見一件事情，還是總是很表面的去看，發現這樣很容易當別人說什麼、媒體說什麼，我們都覺得是什麼，很容易被牽到哪都不知道。我覺得能為正確良善的事爭取是一件很棒的事。
2012年12月3日 星期一
....
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></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>
<button onclick="built()" name="LAB31"></button>
</body>
</html>
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title></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>
<button onclick="built()" name="LAB31"></button>
</body>
</html>
Lab 30 Create Image using DOM
1. Open KompoZer
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
4. Use a button to load the image. Try how onclick works.
2. Hand code a javascript that loads an image from Internet based on
the DOM model.
3. Take a look at the sample code that shows how window.onload to load the image.
4. Use a button to load the image. Try how onclick works.
Lab 29 Hand code a form
Before you do this lab, you must understand what is CGI(Common Gateway Interface) and Form.
1. So please search the answer and post your opinion in your blog.
CGI 的一個目的是要獨立於任何語言的, 我覺得如此在網路上有更好的辨識度。
2. Hand code a HTML or use KompoZer to edit an HTML so that the webpage can send a request to Google like
http://maps.google.com/maps?q=24.9586,+121.24114
Use Form CGI that includes action, input, and submit.
Try a few different coordinates.
Lab 28 Lab Form and Action
Dynamic pages, content generated by server-side programs.
CGI, Common Gateway Interface, for sending requests to server-side programs.
static page
Ex:
http://www.google.com/
dynamic page
Ex:
http://www.cna.com.tw/
URL that sends a request by CGI
Ex:
http://maps.google.com/maps?q=24.9586,+121.2411
"logic will get you from A to B - imagination will take you anywhere"
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
How to use Form to invoke a remote service through CGI.
1. Copy the search box of this search page,
inlcuding radio buttons, text input, and submit button.
2. Open your KompoZer HTML editor.
3. Open a new empty HTML file.
4. Paste the search box into this new file.
5. Use KompoZer to add a Form to this search box. Do not hand code the HTML. Just fill the blank in the Form dialog.
6. In the form dialog, set Action="http://google.com/search" and name of Form as "f" and method as "get"
(See Hint if it does not work.)
7. Save your file on your computer. Run your HTML by Firefox. What do you get?
8. Set method as "post"
9. Run your HTML by Firefox. What do you get?
一開始自已摸索，大概知道，但謝謝助教的幫忙，更了解在做什麼惹：)
Homework 11-26
1. 在時速300km/h的高鐵上如何提供上網，2G, 3G, 4G, Wi-Fi可行嗎? 試提出可行之道。2. 在高鐵沿線兩側部建Wi-Fi基地台(Access Point)，能否解決高鐵上網問題，為什麼?'
1.Wi-Fi是在靜止或是慢整的時候可使用，在時速最高120 km/hr時，2G、3G、4G和Wi-Fi都不能使用，可使用WiMAX（全球互通微波存取），它的最高速度可接受於350km/hr移動速率，在移動通訊環境下可以讓下行與上行最高速率各可達到75Mbps及75Mbps
2.無法，因為進入一個WIFI需要時間，高鐵的速度快，很快就要換進入下一個WIFI了，或許可以上網，但會很不穩定。
1.Wi-Fi是在靜止或是慢整的時候可使用，在時速最高120 km/hr時，2G、3G、4G和Wi-Fi都不能使用，可使用WiMAX（全球互通微波存取），它的最高速度可接受於350km/hr移動速率，在移動通訊環境下可以讓下行與上行最高速率各可達到75Mbps及75Mbps
2.無法，因為進入一個WIFI需要時間，高鐵的速度快，很快就要換進入下一個WIFI了，或許可以上網，但會很不穩定。
訂閱：
文章 (Atom)