1、安装好软件打开，在开始界面中，在文件菜单栏下，点击新建如图所示，快捷键是ctrl+n
2、这样进入到新建文档面板属性中，在文档类型上有很多的种类，选择自己需要建立的HTML文档，然后可起个标题确认
3、这样就可以对文档进行代码编辑了；在代码工作区上方有各种展示效果，第一种代码效果就是如图所示的样式了，可以看到所敲打的代码
4、第二种拆分效果展示，是在工作面中，上方部分显示效果，下方显示代码
5、实时视图中，可以快速查看当前的效果状态
6、在实时视图下拉菜单选项栏中，可以选择设计选项
7、在设计视图下，点击其中一个属性框，就会再右下方看到他的所有属性设置，包括宽高属性、以及所设置的margin以及padding等属性
