💡
HTML5
  • HTML5
  • 1. 簡介
    • 1.1 講者簡介
    • 1.2 課程簡介
    • 1.3 環境準備
  • 2. HTML5 元素
    • 2.1 語意結構標籤
    • 2.2 input 標籤的類型與屬性
    • 2.3 media 相關標籤
    • 2.4 圖形相關標籤
  • 3. History
    • 3.1 API 及相關說明
    • 3.2 練習
  • 4. Web Storage
    • 4.1 localStorage 與 sessionStorage 簡介
    • 4.2 資料儲存
    • 4.3 資料擷取
    • 4.4 資料更新
    • 4.5 資料刪除
    • 4.6 練習
  • 5. Fullscreen
    • 5.1 API 及相關說明
  • 6. File
    • 6.1 基本使用
    • 6.2 解析 CSV
  • 7. Drag and Drop
    • 7.1 簡介及主要事件說明
    • 7.2 練習 - 拖曳元素
    • 7.3 練習 - 其它事件
  • 8. Geolocation
    • 8.1 簡介
    • 8.2 相關 API 及範例
  • 9. Web Workers
    • 9.1 簡介
    • 9.2 Dedicated Worker
  • 10. 作業
  • 11. 參考資料
Powered by GitBook
On this page
  • 於桌面建立 html5 資料夾
  • 使用 VS Code 編輯器開啟資料夾及啟動 live server
  1. 1. 簡介

1.3 環境準備

Previous1.2 課程簡介Next2. HTML5 元素

Last updated 2 years ago

於桌面建立 html5 資料夾

先在桌面或習慣位置，建立一個 html5 的空資料夾，以便後續的練習。

使用 VS Code 編輯器開啟資料夾及啟動 live server

  • 影片中的示意，是建立一個 js_course 資料夾。(本課程請建立 html5 資料夾)

  • 啟動本機端網站：安裝套件 live server。

看影片示範即可：

依影片示範的結果，目前有了 http://127.0.0.1:5500 這樣的本機端網站，會指向到 js_course 資料夾。