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>
以下是上述範例的效果:
如果還沒登出, 敲 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 (已偷回放這)
|
很多人到處玩然後寫文章分享..阿就可以賺錢 ... 繼續去玩 ..
歐洲 自由行
* 南法 + 巴黎 自由行 請點這(整理中..)
* * 臺灣的時間比法國快 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歐元,每個城市收取的稅金皆不相同,且偶有調整,以飯店提供的資訊為準,請依據住宿天數準備歐元現金支付。
|
|
|