林艷芸 的部落格

[S18_WebFund] Lab5 資工二乙 405262362 林艷芸

1.截圖

2.說明功能​

(一)(1)修改頁面顏色

      (2)修改天氣圖片

       (3)新增城市Taipei

(二)PWA結合WEB和APP,能適應各種環境和介面,能儲存數據在離線時使用。

3.心得

   第一次接觸PWA,剛開始看程式碼非常辛苦,尤其是有關app的部分,看不太懂,經過一段時間的研究,才稍微     了解它的功能。

[S18_WebFund] Lab4 資工二乙 405262362 林艷芸

第一部分 JSON APIs, Ajax, jQuery tutorial on FreeCodeCamp:

1.

2.這次簡單認識了3種寫網頁的語言,對網頁的設計有更深的認識,了解了一些不同的寫法,和可以增加的功能,而不像上次設計的個人頁面如此簡單。

第二部分 Github personal page :

1.https://yan-yun.github.io/

2. (1)新增了兩個按鈕"Person Page"`,"song"`,將原本的一個頁面分為兩個部分( jQuery )。

    (2)利用 jQuery 新增顏色。

3.這次結合了新學到的 jQuery,讓自己的個人頁面看起來更豐富,不像之前做得如此簡單,看起來更生動一些了,新增了一些自己想要的設計。

[S18_WebFund] Lab3 資工二乙 405262362 林艷芸

第一部分 Wireshark :
1.截圖

2.文字說明

(1)開啟wireshark

(2)選擇使用網路(區域網路)

(3)開啟網站(http://www.lofter.com/)

(4)登入帳號

(5)暫停wireshark

(6)使用字串搜尋"login"

(7)-1使用post

(7)-2帳密加密過

(8) GET : 透過URL傳遞資料, 有长度限制 ,表單參數與填寫內容可在 URL 看到 。

    POST 由於不透過 URL 帶參數 ,無長度限制, 數據部會顯示在 URL 中。

    URL  統一資源定址器 ,顯示網際網路上文件或伺服器的位址。

[S18_WebFund] Lab2 資工二乙 405262362 林艷芸

1. 網頁網址 : https://yan-yun.github.io/

2. 心得 :

     這次製作網頁的作業,除了將作業一所學的東西加以應用和複習,也上網認識的更多html的其他語法。雖然最後的成品只是個簡單的網頁,但看到網頁一點一點建構起來,十分有成就感,也非常開心。