工具- VS Code 外掛安裝

工具- VS Code 外掛安裝

中文介面 VSCode的外掛套件安裝方式為點選右邊的套件選單 搜尋 chinese 即會出現相關的關鍵字套件 以我們目前的習慣建議安裝 Chinese(Traditional) 這個版本 安裝完畢後會出現該套件的細節資訊,也可以在這邊解除安裝 某些套件安裝後需重新啟動VSCode或重新讀取目前頁面,依說明操作即可 Prettier 自動美化程式排版 程式的coding...
03-建立第一個網頁檔案

03-建立第一個網頁檔案

所謂網頁,可以先理解成就是網路節點上的一個檔案,這個檔案型態是.html,瀏覽器會知道怎麼去解析.html檔案型態,就像是word可以開啟.doc或.docx; excel可以開啟.exl等,而瀏覽器就是專門來開啟.html型態的,而「瀏覽」這個動作就是我們在瀏覽器上方輸入一個「位置」,不管是網路上的位置還是本機的位置,瀏覽器就會去試著看這個位置是否有網頁的檔案,有的話就將其開啟並解析,然後呈現給我們看 建立.html檔案 安裝好vscode之後,我們將vscode打開。並點選新增檔案...
02-建置開發環境

02-建置開發環境

在開始建立我們第一個網頁前,我們得先把製作工具準備好,這堂課我們將會採用Microsoft的VSCode作為我們主要的開發工具。 VScode 在網頁搜尋 vscode,在結果中點選Download 搜尋頁面 或是直接點選這裡 選擇自已的作業系統下載,並依照指示安裝 安裝後啟動應該是這樣的畫面,若是如圖中的畫面就是安裝完畢...
工具- Codepen 線上html製作平台

工具- Codepen 線上html製作平台

同學們大家好,今天我們要來使用一個線上的html、css、javascript編輯器平台,叫作 Codepen 網址: http://codepen.io/ 簡介 codepen是一個線上的即時編輯平台,可以讓你直接在上面進行網頁程式html、css、javascript的編輯並且即時預覽輸出的結果,若註冊後還可以將內容分享給別人,在某些時後只是想要測試一下效果,或是將作出來的東西給別人看時就相當的方便了! 使用方法 首先我們要先創建一個帳號,或是直接用FB帳號登入 登入後的畫面...