首先需要的工具就是Hbuilder软件 第二步打开Hbuilder 第三步点击新建web项目 第四步编写项目名称，并选择文件保存的位置这里我们默认填写name1，路径就是在桌面 点击完成之后就会出现了，左侧就是我们新建文件。

一DreamweaverCS6 Dreamweaver是一款功能强大的拥有可视化编辑界面的网页设计软件该软件拥有可响应的自适应网格版面增强型jQuery移动支持更新的实时视图等功能，这是一款你值得拥有的网页制作软件二HBuilder HBuilder是。

回答HBuilder编辑器是web前端开发常用的编辑器 可以先来看下HBuider编辑器的特点 1人性化 抛开代码的编写效率，我觉得这软件的一大特色就是照顾了我们程序员的心灵之窗眼睛每天坐在电脑前一坐就是一天，而几乎大部分。

1打开Hbuilder编辑器，创建一个输入框和一个按钮，水平放置 2首先，将“#7FCC0B”颜色的边框添加到输入框中，设置宽度和高度然后，设置按钮按钮的白色字体和背景色“#7FCC0B” 3按CRTL+s可以在软件的右边看到最终的效果这。