HBuilder是一款開發的工具，可以編寫HTML5、CSS、JavaScript程式碼；並且對它們有很好的支援，編輯速度很快，有快捷的程式碼提示功能。這裡，將講述如何利用HBuilder建立Web專案，具體步驟如下：

工具/原料

HBuilder

火狐

方法/步驟

首先，雙擊開啟HBuilder軟體，這時編輯背景介面出現了幾個選單項，如新建Web專案、新建移動App、開啟目錄和開啟專案等；單擊“新建Web專案”，如下圖所示：

接著，彈出一個新建Web專案視窗，視窗上有：（1）專案名稱（2）專案位置（3）選擇模板填寫好專案名稱，選擇了專案儲存的位置和模板，單擊“完成”，如下圖所示：

在HBuilder專案管理器開啟Web專案，預設有個HTML5頁面index.html,如下圖所示：

開啟專案的主頁面index.html，設計這個頁面，這裡在body元素中插入了

，內容輸入為“歡迎使用HBuilder”，如下圖所示：

最後，在上方有個瀏覽器標誌處選擇預覽的瀏覽器，這裡我選擇了火狐瀏覽器，展示效果如下圖所示：

注意事項

HBuilder的安裝和配置

HBuilder使用方法