【行動網頁規劃】操作Brackets編寫HTML

Hi! 各位朋友大家好,我是小蔡老師,安裝好Brackets這邊就先跟各位朋友指導如何作出一個簡單的HTML頁面,並去了解Brackets基本介面當作練習

1. 開啟brackets編譯器軟體

2.【Getting Start】開啟資料夾

3. 建立一個編寫專用資料夾,一般我們都是用WWW當作編寫用存放資料夾

4. 開啟資料夾→你會發現編譯器上面會顯示你存放的資料夾名稱這邊比DW較直覺式比Sublimetext較視覺化,但是基本上對常寫編譯程式的朋友其實沒什麼影響

5. 可在開啟的資料夾新增各類型資料→新增檔案→index.html

6. 【安裝擴充資源】這個功能跟sublime text2相同都可以直接安裝外掛來強化編譯器功能,說到編譯器外掛,在一開始必裝兩個功能一為HTML Templates與快速建語法這兩種,音為快速建語法編寫仍需要一些程式觀念,這邊就介紹最基本的HTML TEMPLE外掛功能
a.先開啟右上角的擴充功能選項叫出介面

b.搜尋HTML Templates

c.安裝擴充功能

7.可在空白html頁面叫出格式同DW要叫出html5 or html4基本格式,編輯→HTML Templates

8.選擇你要的編寫程式

9.叫出HTML5版型

10.簡單的書寫一些基本程式可以發現Brackets保有一些DW所擁有像快速檢查語法與套用語法

11.也可以馬上查詢你所在的檔案資料位置

12.建立一個簡單的網頁版型語法

13. CSS套用與效果呈現

14. 也可以直接視覺化套用顏色語法

(BLOG 線上教學皆為雅朵美術工房所有&BLOG作品皆為設計者阿哲類所有 未經同意請勿盜連或者轉帖,違反者依法處理)

我想發問