[Lab] Codecademy HTML (clickable photo page) 教學筆記

複習 HTML Basics III

-- Clickable Photo Page --
1 / 7
2 / 7
3 / 7
4 / 7
5 / 7
加入圖片！
關於圖片的小提醒 (from Codecademy)













6 / 7

7 / 7







留言

張貼留言

這個網誌中的熱門文章

[筆記] CRLF跟LF之區別 --- 隱形的 bug

圖片
最近在當助教時，偶然間遇到一個隱形的Bug 為什麼稱之為隱形呢？ 請見下面兩張圖 說明：answer.txt 與 answer_test.txt 這兩個檔案的內容用文字編輯器打開時，完全一模一樣，但是我在使用 diff 指令的時候居然出現判定為每一行都不一樣的情形 指令 diff answer.txt answer_test.txt 由最上面第一張圖中可以注意到，answer.txt 的檔案大小是 958 byte answer_test.txt 的檔案大小則為 924 byte 此時不禁讓我疑惑到，兩個檔案內容相同，空白數量也完全相同的情況下，造成檔案大小不同的原因是什麼呢？ 下圖說明了一切 原來在 answer.txt 檔案當中，他的換行是採用 CRLF 而 answer_test.txt 的換行則是一般UNIX的情形 LF # 以下感謝梁浩穎同學解釋 CRLF 就是 \r\n 是只有在 windows 系統在用的形式 所有的 UNIX 系統都是用 \n   (的確，上圖中的 answer.txt 是用windows 7系統的記事本所編輯的，answer_test.txt 則是用 mac 系統透過 sublime text 所編輯的) CR是carriage return的意思， 也就是\r  LF是line feed的意思，也就是\n 這就是為什麼有些檔案從unix系統拿去windows上面看 會變成全部都在同一行 因為只有LF 他不知道是換行 windows只吃CRLF 除了一些比較聰明的文字編輯器會 分的出來 不過其實，CRLF才是真正的打字機運作方式，你可以想像：打字機打到最右邊，要先return到最左邊之後，再往下一行， 所以是CRLF 如果想要清空 answer.txt 裡面所有的 \r 的話，可以使用以下指令 tr -d '\r’ answer.txt # 遇到這個隱形的bug真是難得的好玩經驗，分享給大家 :)
Read more »

[ML筆記] Batch Normalization

圖片
Batch Normalization 本篇為台大電機系李宏毅老師 Machine Learning and having it Deep and Structured (2017)  課程筆記 上課影片： https://www.youtube.com/watch?v=BZh1ltr5Rkg 先從 Feature scaling 或是稱作 Feature Normalization 說起 假設 x1 跟 x2 的數值差距很大 x1 值的範圍 1,2,3,4, ... x2 值的範圍 100, 200, 300, … x1 的 weight 是 w1，x2 的 weight 是 w2 w1 前面乘的值比較小，所以他對於結果的影響比較小 w2 前面乘的值比較大，所以他對於結果的影響比較大
Read more »

[教學] 使用Audacity分離左右聲道製作伴唱帶

圖片
step 1:  file -> Import -> Audio 選要編輯的檔案 step 2: 按一下曲名 選 Split Stereo Track 成功！ step 3: 把右聲道(人聲)按下 x 刪除！ step 4: 再把左聲道轉成mono，原本只有左喇叭有聲音，這樣兩個喇叭才都會有聲音！ step 5: 最後把它匯出即可完成！ [補充]  剪輯！ 有時MV前面有一段劇情，是不想要的 這時就需要想要的選取片段來輸出就好！ step 1: 播放歌曲，聽到想要剪的起始點按下 ctrl + m， 繼續聽到結束點再一次 ctrl + m  如此會有下面一條區塊，可以用滑鼠拖動做調整 step 2: 用滑鼠按著，操縱下面那條，將想要匯出區塊的選起來 step 3: 匯出選 Export Selection 完成！
Read more »

[ML筆記] Ensemble - Bagging, Boosting & Stacking

圖片
ML Lecture 27: Ensemble 本篇為台大電機系李宏毅老師 Machine Learning (2016) 課程筆記 上課影片： https://www.youtube.com/watch?v=tH9FH1DH5n0 課程網 (投影片出處)： http://speech.ee.ntu.edu.tw/~tlkagk/courses_ML16.html Ensemble 方法其實就是 “團隊合作” 好幾個模型一起上的方法 假如我們手上有一堆 Classifier ，這些 Classifier 每個都有不同的屬性， 要把他們集合起來一起合作，集合再一起需要用比較好的方法 以下來介紹一些 Ensemble 的方法 Bagging
Read more »

[採譜] 使用 ABC Notation 採譜 周杰倫 - 最偉大的作品

圖片
首先附上 ABC Notation 的 Wiki: ABC 記譜法 可以先參考我上一篇的筆記:  [筆記] Markdown 打譜 - ABC notation 初體驗 本篇新增的重點：附點音符用法，三連音用法，連結線用法，和弦用法 以下是我在 HackMD 上面打的譜，包括這首歌主要的旋律以及前奏與主歌的和弦分析 附上 Code 與解釋 旋律部分： ```abc X:1 T: 周杰倫 - 最偉大的作品 T: (melody) C:trascription by yuntao M: 4/4 L: 1/4 K:C D1/2 G1/2d1/2 |d1/2>c1/2 _e z1/2 D1/2 ^F1/2c1/2 |c1/2>_B1/2 d1 z1/2 D1/2 G1/2_B1/2 | _B1/2>A1/2 c1 z1/2 ^C1/2 E1/2_B1/2 | _B1/2>c1/2 A1 z1 ^G1/4A1/4 (3f1/4e1/4_e1/4 | d1/2>c1/2 (a1 a1/2)_b1/2 a1/2d1/2 | c1/2>d1/2 _B1 z1/2 (3B1/4c1/4B1/4 A1/2B1/2 | d1/2>c1/2 G z1/2 D1/2 _B1/2>A1/2 | G2 d' z1/2 :|| ``` 1. 音高：透過字母大寫小寫加上 “ ' ” 控制高八度 以及 “, + 數字 ” 控制要低幾個八度來決定 2. 節拍：先看基本的設定我這裡的 M:4/4,  L:1/4 設定為四分音符， 因此我單純寫一個 G 就是四分音符，如果要把音符長短縮短一半就要加上 1/2，變成 G1/2，反之如果要放大兩倍變成二分音符的話，就要寫成 G2  3. 附點：使用 > 符號放在兩個音之間 4. 休止符：使用 z 代表休止符，休止符長短的用法跟一般音符相同 5. 三連音：使用 (3 後面接著要加入三連音的音符，注意不能有空格，必須連著打在一起 6. 連結線：使用括號把兩個要連在一起的音包起來 和弦部分： ```abc X:1 T: 周杰倫 - 最偉大的作品 T: (chord analysis) C:trascription by yuntao M: 4/4 L: 1/1 K:C "...
Read more »