Syllabus
   本課程主要講義 https://iottalk.vip/6     本班各同學網頁的網址
  * 🅶vm亞歷克羅斯：程式、跨領域、終身學習，是未來成功關鍵
祝 大家端午節快樂 !
以下這是期末考題之一, 很簡單, 大約十幾分鐘左右就可以弄好 :-)
就是, 用 Python 弄一個簡單網頁 強調你自認為這門課該得幾分,
把該網頁放你網站根目錄下的 /static/wantscore/index.html
並且利用轉址讓 /week18 和 /myscore 都會轉到該網頁 (這我們已經練習很多次:-)
    不太記得可以參考第一週練習, 第四週練習, 和 第九週的練習 !
但是,
這次網站要跑在 iottalk.club (用 PieTTY 或 PuTTY 連進去你的帳號做!),
    ＊ 注意 ! 注意 ! 注意 ! 剛開啟 PieTTy 或 PuTTY 後, 請立即點"選項"然後把編碼改選 UTF-8 喔 !)
    (你在 iottalk.club 的帳號與密碼在開學時就已經給大家了喔, 和 iottalk.vip 的相同 !)
    (注意, iottalk.club 和 iottalk.vip 兩台機器的密碼各自獨立, 一台改了不影響另一台的密碼 !)
    提醒確定正確了, 最後執行才在最後加 & 符號讓你網站永遠活著 ! 例如,
      python3 myweb.py &
      然後, 按兩下 ENTER (其實按一下就可以:-)
      接著, 打 exit 並按下 ENTER 結束 (會登出並關掉視窗)
  ＊ 因為執行後就會佔用該 Port, 萬一發現又要修改, 必須把該程式的行程(process)砍掉 !
      如果還沒登出, 敲 fg 按 ENTER 先把 process 找回前景, 再敲 CTRL_C 殺了它即可: !!
    (參考往下捲我操作畫面)
      如果你已經登出, 那要重新登入, 然後..
      然後要先想辦法找出該　process number, 然後用 kill 命令殺了它 !
    重新登入後如何找到你的 process 呢?
      有兩種方法, 第一種比較簡單, 知道你用的 port number 即可:
            fuser 你的 port number / tcp
      例如:
            fuser 33888/tcp
      第二種 方法要知道你執行的檔案名稱, 利用 ps -aux 找出全部然後 | grep python3 |　檔案名稱
      例如:
            ps -aux | grep python3 | grep w.py

    (參考往下捲我操作畫面)

還有,
網站的 Port 請用 3xyyy
      where x 是 你的年級, 一年級用 1, 二年級用2, 三年級用 3, ..
      yyy 是你學號的後三碼, 例如三年級假設學號 ????888, 則網站就是:
            http://iottalk.club:33888 以及成績網頁是 http://iottalk.club:33888/myscore
網頁內容就是先寫你的學號姓名, 然後寫你自認為這門課該得幾分,
以及利用HTML中的 <OL> 和 <LI> 列出至少三個(至多五個)理由 !
還有, 把你網頁的網址用 reURL.cc 縮址之後也寫到網頁內讓我可以點!!
以下是我寫的範例, 你可以用這做範本, 複製去貼上之後修改 :-)
(如果你先在 Windows 做才要傳去 Unix (可以壓縮後用 scp 複製去iottalk.club, 記得編碼設 UTF-8 )
注意這只是範例, 每個人要根據自己狀況寫喔 ! 

<HTML>
<!----- 以下兩列讓 RWD 網頁變很簡單 ------>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<head>
 <title>我自認該得的分數</title>
<!----- 以下是老師提供的 CSS -- Cascade Style Sheet; 用到 class myfont, myfontB 等------>
<link href="https://iottalk.vip/static/mycss/mycss6.css" rel="stylesheet"/>

<style>
.myguess {
   color:darkred;
   font-size:3.8vw;
   font-family: "標楷體";
}
.myname {
   color:blue;
   font-size:1.8vw;
   font-family: "細明體";
}
.hahaha {
   color:darkred; font-size:1.8vw;  
   font-family: "標楷體";
}
</style>
</head>
<body>
<b class=myguess>我自認為這門課的...</b><br>
<b><font color=blue size=5>
<b class=myname>我的學號 xxxxxxx, 姓名 yyyyyy</b>
<br>
<b class=hahaha>我自認為應該可以得到 88 分 !
<br>
<font color=blue class=myfont>
<OL><font size=6 class=myfontT>理由如下:</font>
<LI>因為我很認真, 都沒缺課, 練習題也幾乎都有做</li>
<Li>另外, 我要申請獎學金, 需要分數高一些</li>
<li>還有, 我很狗腿, 我每次都有說老師好帥 :-)</li>
</ol>
<a target=_blank class=bbb
   href="https://reurl.cc/6MpWM"
 >這個網頁的網址是 https://reURL.cc/6MpWM</a>(可以點進去看)
<br />
<hr style="border:2px solid blue;" />
</body>
</HTML>
以下是上述範例的效果:
我自認為這門課的...
我的學號 xxxxxxx, 姓名 yyyyyy
我自認為應該可以得到 88 分 !
    理由如下:
  1. 因為我很認真, 都沒缺課, 練習題也幾乎都有做
  2. 另外, 我要申請獎學金, 需要分數高一些
  3. 還有, 我很狗腿, 我每次都有說老師好帥 :-)
這個網頁的網址是 https://reURL.cc/6MpWM(可以點進去看)
點這看 http://iottalk.club:33888/myscore

如果還沒登出, 敲 fg 按 ENTER 先把 process 找回前景, 敲 CTRL_C 殺了它即可: !!
   
    如果你已經登出, 那要重新登入, 然後.. 先想辦法找出該　process number, 然後用 kill 命令殺了它 !
考前猜題之一 : (就是期末考也可能會考這題:-) 
如何 "偷" 別人的網頁 ?
(1)用滑鼠右鍵點選 "檢視網頁原始檔"
 ！萬一不給看 ..(有些龜毛的會設保護, 例如很多 pixnet 的文章 !)
(2)用 wget 把網頁抓回來 (必要時 wget -r 可以 recursive 遞迴順便抓該網頁相關網頁)
   用Google搜尋 wget.exe 就可找到很多版本, 
  或 點這抓 GNU 的 wget (注意除了 wget.exe 還需四個相關的 .DLL)
  * 可抓那 Complete package 的 "Setup" 檔案回來執行以便安裝
  * 或 抓 "Binary" 的 Zip 檔以及 "Dependencies" 的 Zip 檔回來解壓縮
  *注意, wget.exe 和相關的四個 .DLL 檔案都要放到命令路徑 PATH 的任何目錄　
    例如, 可全部放到 C:\Windows  或 C:\Windows\System32
(3)用編輯程式(vi/vim 或 Notepad/Notepad++等)修改抓回的 HTML 檔案:
  (a)找 select, 通常在第二次找到的 select
  (b)該列應該有三個 false 如下:
 onDragStart="return false" oncontextmenu="return false" onselectstart="return false" 
     把三個 false 都改為 true 然後存檔即可, 改好後如下:
 onDragStart="return true" oncontextmenu="return true" onselectstart="return true" 
     用瀏覽器開啟該 HTML 檔案, 就會發現已經變沒有保護 :-)
*** 注意每個網站的保護方式不一定相同, 但都類似 ! 
    針對不同網站, 阿就 Google 看看, 網路上應該有人給過答案 :-)
 例如,
 萬一上面那招找不到 第二個 select 的列有三個 false, 那表示保護方法是不同招,
 可以改找 "onselectstart" 和 "onmousedown" 等看有沒 return false
 找到後, 例如, 把以下的 false 都改為 true
    target.onselectstart=function(){return false}
   或
    target.onmousedown=function(){return false}
＊ 可以用以下 pixnet 部落格的網頁來練習:
    2018 南法自駕 France 自由行 https://goo.gl/YCi5M2
還有以下這篇..
 ＊ 2018/04/20--法國流水帳系列--Avignon https://reurl.cc/bgqjM (已偷回放這)
很多人到處玩然後寫文章分享..阿就可以賺錢 ... 繼續去玩 .. 
以這篇小妞的2019台東鹿野高台熱氣球來看,
作者小妞(https://reurl.cc/NoRvx)賺錢的管道有 :
 (1) pixnet MIB計畫分給來自 Google 的廣告獎勵 * 80%
 (2) 可能來自 Agoda 的推廣獎勵 (cid = 1771799)
 (3) 可能來自 hotelscombined 的推廣獎勵 (a_aid = 172777)
 (4) 可能來自 客路  KLOOK 的推廣獎勵 (aid = 2700)
 (5) 可能來自 關聯廣告dpbolvw賺取skyscanner訂票網的分紅


另外,
這有【跟著柚子去旅行】分享寫文章賺錢來源實際經驗(還開班授課賺錢ㄟ)


**點這看關於 Affiliate廣告連結 與 網路行銷的技術說明(介紹轉址技術)


歐洲 自由行

＊ 南法　＋ 巴黎 自由行 請點這(整理中..)

＊ ＊ 臺灣的時間比法國快 6 小時 (夏季)
    ＊ 法國的星期一上午11:15 是 臺灣的星期一下午5:15

＊ 在歐洲/法國坐火車去法國 南法 普羅旺斯 旅行(飛達旅遊的廣告)
    ** 歐洲火車介紹     飛達旅遊GobyTrain.com


＊ 注意 美國 ESTA 效期只有兩年 -- 美國在台協會 免簽證計劃 (VWP) 
►巴黎 
【Holiday Inn】 ★★★ 為商務和家庭​​出行提供親切友好且超值的住宿與服務。酒店的客房經過時尚設計，高級的寢具和眾多的枕頭選擇將保證您安享最舒適的睡眠。
【Hotel Corona Opéra 】★★★ 為商務和休閒旅遊遊客而設計，位於得天獨厚的巴黎歌劇院地區，是本市最受歡迎的酒店之一。 

►亞維儂
【Kyriad Courtine Gare TGV】 ★★★位於普羅旺斯市中心，位於阿維尼翁的文化古蹟，名勝的觀光區。
         地理位置非常不錯，距離TGV車站僅1公里，步行即可到達。門口就有車站，可以直達市中心，交通便利。
【Hotel Bristol 】★★★ 酒店位於阿維尼翁中心，位置極佳，就位於城牆大門內的主路上。
         酒店擁有85年的歷史，但客房內的裝修非常現代化，住宿體驗也不錯。門口有公車站，去往各個景點也非常方便。

►尼斯 
【Hotel Boréal Nice】 ★★★ 酒店位於尼斯市中心的步行區，對面就是Nice Etoile購物中心。
             距離Promenade des Anglais大道和海灘僅有10分鐘的步行路程。 
【Kyriad Nice Gare 】★★★距離Nice Ville Train Station火車站有350米，提供帶免費無線網絡連接的空調客房。
             距離英國大道（Promenade des Anglais）及其公共和私人海灘有1.5公里。

※歐洲飯店常因展覽或會議臨時滿房，行程會使用表列飯店或同級，但請恕無法指定。 
※歐洲政府對觀光客徵收城市稅，金額依據住宿飯店的星級區分，四~五星級飯店每人每晚約3歐元，
  一至三星級飯店每人每晚約2歐元，每個城市收取的稅金皆不相同，且偶有調整，以飯店提供的資訊為準，請依據住宿天數準備歐元現金支付。


<!---------------------------------------------------------------------------->
🙎 👦 本班各同學網頁的網址(開新窗)

🌐 本課程主要講義 https://iottalk.vip/6 (蓋掉此頁)
    e3new 新 E3 ;   NCTU Portal 交大入口網站            

週六和週日也可以使用 iottalk.club
* 🅶vm亞歷克羅斯：程式、跨領域、終身學習，是未來成功關鍵
* 🅱usiness Google與微軟等軟體巨擘在台擴編：到底對台灣好還是不好？