1、我们要用到的工具叫做Dreamweaver CS6，当然，CC以及其他版本都同样适用。
3、安装完Dreamweaver CS6后，我们打开软件，进入最初的界面。然后可以找到第一个选项：HTML，具体意思大家自行查看。
5、和其他软件差不多，dw也分为菜单栏这些。这个就不用一一说明了。不过，有几个命令得说一下。左上角我们点击代码，就会进入单独的代码视图。
7、预览是可视化的，代码是数据化的，这个应该比士嫣轶嗄较容易。一般来说，两者相互，我们在代码视图写入代码，视图将会把代码转换为可视化的视图呈现出来。
9、那么，预览视图就会出现相应的内容了。
10、第一课到这里，喜欢学习的朋友们可以继续关注哦。