Title1

Title2

Title3

3-3 Codepen-實用的線上編輯器

一、簡介

  1. 官網:https://codepen.io/
  2. 可以註冊使用,也可以保持未登入的狀態,若是登入使用的話,在尋找過去所寫過的代碼時會比較方便,如果是未登入則必須記得系統生成的保存網址。

二、使用

  1. 按右上角「Create」裡的New Pen可以新增檔案
  2. 開起來的頁面,分成HTML、CSS、JS和演示效果共四大區塊
  3. 可以從上方Change View中,依照個人使用習慣改變排版方式