Yiru@Studio

使用fontawesome套件

隱藏導覽列、打開導覽列

電腦版導覽列

手機版導覽列

點選按鈕改變文字顏色

引入 bootstrap.css、bootstrap.js

套用 container

套用 button元件

文、意如

1.html

2.jquery

3.隱藏.hide()、打開.show() 元素

4..hide() 隱藏後要做的事

5.同時打開、隱藏 .toggle()

6.打開收合加上CSS樣式

1.jquery 引入

2.jquery套用

3.認識CSS選擇器

4.認識事件

1.下載jq套件

文、意如

每一張網頁一定都要有的標籤

另存新檔注意事項:

檔名: 請使用英文或數字命名

副檔名:htm或者 html

首頁檔名一律用:”index” 或者”default”

例:index.htm

在點部落插入.gif動圖

架設WIKI維基百科-MediaWiki

目標:中華電信股票資訊

https://www.google.com/search?q=TPE: 2412

抓取股票資訊

 目標: https://www.ptt.cc/bbs/Gossiping/index.html

• 到上一頁繼續尋找是否有今日文章
• 計算今天有幾篇文章
• 找出推文數大於3的文章，為熱門文章，並印出熱門文章的標題
• 把抓回來的資料 存成新檔.json

爬取PPT網站(完整程式碼)

抓取PPT網站上的資料
目標位置:
https://www.ptt.cc/bbs/Gossiping/index.html

• 先把html全抓回來
• 紀錄一個cookie是否年滿18歲的變數
• 套件抓取今天日期, 去掉開頭的 '0' 符合 PTT 網站格式
• 取得上一頁href
• 抓取所有文章
• 判斷文章是否是今天發佈
• 取得推文數
• 取得文章連結
• 取得標題
• 取得作者
• 把我們要的資料整理好後，存入一開始的空陣列 後回傳(return)回去

全球即時匯率API

實作兩層下拉選單

api:https://raw.githubusercontent.com/donma/TaiwanAddressCityAreaRoadChineseEnglishJSON/master/CityCountyData.json

目標網站:https://movies.yahoo.com.tw/movie_thisweek.html

(完整程式碼)

1.抓取 上映日期 ： 2020-11-20  中的日期

2.抓取 電影海報圖片的 <img src="url">  

  抓取目前位置的上一個層級

3.抓取預告片的 url

 抓取目前位置的下一個層級