[F20_WebFund] Lab1 軟創二 508170040 王琳

Group content visibility: 
Use group defaults
Groups audience: 

1. Wireshark :

(1)GET:

(2)POST:

(3)Cookie:

(4)說明:

GET:向伺服器發出讀取指定資料,把參數包含在URL中

POST:向指定資源提交資料,請求伺服器進行處理,通過request body傳遞參數

Cookie: 存放于瀏覽器端

(5)網址:

 http://www.cc.fju.edu.tw/index.jsp#&panel1-2

(6)心得:

 第一次使用wireshark,經過自主學習已大概瞭解其功能以及如何用它來截取和解析網路封包

2. Browser tool/plugin :

(1)截圖 :

  • 原始截圖:

  • 改后截圖:

(2)文字說明:

google首頁—檢視—找到程式碼。通過觀察和動手操作發現網頁基本架構是由Html來設定的,再通過css和Javascrip的語法來設置圖片logo表格的背景顔色大小樣式或動畫等。

主要改動三個地方:

  • 通<body></body>標簽很快找到主體内容,把background屬性值改爲藍色
  • 通過<div>標簽找到Logo所在區塊,再找<img>標簽把google的logo改成自己的圖片
  • 把id="realbox"裏輸入的内容改爲"搜索Molly'sblog..."

(3)網址:

 google首頁

(4)心得:

 通過這個Lab的實作大概瞭解了Html ,css,Javascript的語法。具體的屬性標簽代表什麽意思還要去深入學習