2013年10月21日 星期一

lab15


Note: The form itself is not visible. Also note that the default width of a text field is 20 characters.


1.CGI 介紹
一般使用者透過瀏覽器觀賞網頁時, 瀏覽器會和 Web 主機上的 Http server 建立一個連線,
然後 Http server 會到一堆事先做好的 HTML 檔案中, 找出使用者要看的網頁, 回傳給瀏覽器, 讓使用者觀賞. 這種方式, 由於 HTML 檔案是靜態的, 所以使用者看過幾次就沒興趣了.因此就有人想到要透過程式來產生 HTML 內容, 這樣就不會一成不變了, 這就是 CGI的來由.
在觀賞CGI網頁時, 同樣地瀏覽器會和 Web 主機上的 Http server 建立一個連線,  但是接著 Http server 不是去抓檔案, 而是去啟動一個 CGI 程式, 然後將 CGI 程式所產生的內容當成 HTML 傳回給使用者瀏覽器.
資料來源 http://www.socialwork.com.hk/learn/unix/cgi/cgi.html






lab14

Search:





<form name="q" action="http://google.com/search" method="get"> Search: <input type="text" name="q"> <input type="submit" value="Submit"> </form>

lab 13

lab13






<html>
<body>

<img onmouseover="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0_UxRD5xkL8VNCp8aMOpURcIBCuorz9TGGEezQgpIBCzrkOma0BtukwOXhYebaNqEc3QD0eeKMAJU0pGm4zQ03-jCuPQP7EN4EwtuO72c9lfEm32hnd4zwv5WdJjPb8AFmE50ZPwjZCk/s320/DSC_1795.JPG'" onmouseout="this.src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKCvlBeYGjIMQ9-DM_2a8Qn09VON_2LPfySuiNp6YuKN3eyyPZDyKd-P-Kb8CG42vjqKYuG0x7lGpgYxkkfRlv1qpeBgd5cycNI8ULZg_lFWO2nelJHwSHt9TGpbyVJv_ac1Rj9Nuxpb5/s320/DSC_1772.JPG'" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0_UxRD5xkL8VNCp8aMOpURcIBCuorz9TGGEezQgpIBCzrkOma0BtukwOXhYebaNqEc3QD0eeKMAJU0pGm4zQ03-jCuPQP7EN4EwtuO72c9lfEm32hnd4zwv5WdJjPb8AFmE50ZPwjZCk/s320/DSC_1795.JPG"</img>


</script>

</body>
</html>

2013年10月14日 星期一

lab12



<!DOCTYPE html>
<html>
<body>

<img onmouseover="build(this)" onmouseout="buil(this)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0_UxRD5xkL8VNCp8aMOpURcIBCuorz9TGGEezQgpIBCzrkOma0BtukwOXhYebaNqEc3QD0eeKMAJU0pGm4zQ03-jCuPQP7EN4EwtuO72c9lfEm32hnd4zwv5WdJjPb8AFmE50ZPwjZCk/s320/DSC_1795.JPG"</img>

<script>
function build(myImg)
{

myImg.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0_UxRD5xkL8VNCp8aMOpURcIBCuorz9TGGEezQgpIBCzrkOma0BtukwOXhYebaNqEc3QD0eeKMAJU0pGm4zQ03-jCuPQP7EN4EwtuO72c9lfEm32hnd4zwv5WdJjPb8AFmE50ZPwjZCk/s320/DSC_1795.JPG")

}
function buil(myImg)
{

myImg.setAttribute("src","https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUKCvlBeYGjIMQ9-DM_2a8Qn09VON_2LPfySuiNp6YuKN3eyyPZDyKd-P-Kb8CG42vjqKYuG0x7lGpgYxkkfRlv1qpeBgd5cycNI8ULZg_lFWO2nelJHwSHt9TGpbyVJv_ac1Rj9Nuxpb5/s320/DSC_1772.JPG")

}
</script>

</body>
</html>

LAB11


<html>
<head>
<title>LAB 11</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 = 1; i <= 9; i++){
    row = document.createElement("TR")
    for (j = 1; j <= 9; j++){
      cell = document.createElement("TD")
      cell.setAttribute("WIDTH","50")
      cell.setAttribute("HEIGHT","50")
      textVal =  j + "*" + i+"="+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>

LAB10



<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="wext/html; charset=ISO-8859-1"http-equiv="content-type">

<title>lab10</title>
<script>
function build()
{
myImg = document.createElement("IMG")
myImg.setAttribute("id","imageOne")
myImg.setAttribute("src","http://airsnarf.shmoo.com/airsnarf.jpg")
docBody = document.getElementsByTagName("body").item(0)
docBody.appendChild(myImg)
}

</script>
</head>
<body>
<p>Click the button to call a function with arguments</p>
<button onclick="build(this)">Try it </button>
</body>
</html>

2013年10月6日 星期日

Homework 9-30-2013

1. Watch Tim Berners-Lee's talk on ted.com

以前的電腦有許多格式,不能相容,所以資訊無法互相傳遞,於是Tim Berners-Lee 在20年前發明了網際網路, 讓人們可以互相傳遞資訊。
Tim Berners-Lee還引用了漢斯的話:大量的數據很重要。後來有了超連結,透過超連結,人們
可以在搜尋資料時,找到更多關聯的資料,在這個人人都依賴網路的時代,關聯資料對於我們查詢資料,接收資訊來說,更是重要。

2. Google 的創業動機是什麼?

一開始有許多的瀏覽器,但是資料的建構都不夠完整,不夠健全,後來當時在屎丹佛大學工讀理工博士學位的謝爾蓋·布魯和賴利·佩吉共同建立,為一個有資料完整且建全的瀏覽器努力。

3. Facebook的創立動機是什麼?

一開始只是想讓校園內的大家互相認識,創辦人想交女朋友。

4. WWW的發明動機是什麼?

他的全名是world wide web,顧名思義想讓資料可以全球化,再取得資料之前不需要先得到同意,網路資料傳遞不受控制。

5. 為什麼 Lab 4 的各校檔案數,能見度,檔案數,論文數,加權總和用來計算排名的方法是錯的?

現在很多資料不須認可級可放到網路上,所以只要有相關的字樣,就會有資料跑出來,只要有心,可以製造很大的誤差值。