HTML 5 學習心得

#第十週

這是最後一期，是這一段學習記錄的最後一篇，後續或許會再繼續Update～

#不廢話，直接講重點

  • 一個適合初學者的網頁；在自己的電腦上做好自己的網頁，但不知道怎麼搬到網上？別擔心，這個網頁可以幫你很大的忙
  • 使用方法很簡單，登入這個網站了以後將你做好的網頁File Upload 上去就可以了！就是這樣簡單～～其實中間還是有些步驟被我省略了，但這個網頁的設計很簡潔，UI也做得不錯，相信我你很容易上手的
  • 除了上述的網頁外，還有一個就是大部分人在用的“GitHub Pages”
  • 只不過這個網頁的更新會有一點點小複雜，但它確實是一個不錯的網站，值得推薦
  • 這是我一位朋友寫的Blog，可以供大家參考下

#國成--Hexo 和 Github Pages 开 Blog

資源連環炸，以下是我學到的資源，但是來不及一一細講，所以就只能連環炸了

強大的Google大神，真的是什麼資源都有，這個資源我個人是巨喜歡，真的是帶來完全不一樣的感受，附上一個影片供大家參考

玩轉GoogleEarth

這個網站提供了圖片切換的Function，個人比較少用，不過還是留給大家

OwlCarousel教學

Time LIne

  • 時間線導覽功能，只需要將自己的Google Sheet的LInk替換上，就可以使用
  • 參考網頁

Code『Source後面就是Google Sheet的LInk，替換方式和前幾期學的一模一樣』

Code『Source後面就是Google Sheet的LInk，替換方式和前幾期學的一模一樣』

<iframe src='https://cdn.knightlab.com/libs/timeline3/latest/embed/index.html?source=1LnIs40V1-phXExnlovumnLR6Zq5vRZRcJLkG-TCdb54&font=Default&lang=en&initial_zoom=2&height=650' width='100%' height='650' webkitallowfullscreen mozallowfullscreen allowfullscreen frameborder='0'></iframe>