使用Dreamweaver CS6进行网页制作初级教程

如今，网页制作和建站已经成为每个人都需要掌握的技能。我从各方面收到了需求，有人希望能够提供一个DW（Dreamweaver）的入门教程，就像之前有关于PS（Photoshop）的入门教程一样。所以，从

如今，网页制作和建站已经成为每个人都需要掌握的技能。我从各方面收到了需求，有人希望能够提供一个DW（Dreamweaver）的入门教程，就像之前有关于PS（Photoshop）的入门教程一样。所以，从今天开始，我将花费一些时间为大家带来DW的入门教程，只要你坚持下去，也能成为一名大神。

选择适合的工具

我们将使用的工具是Dreamweaver CS6，当然，CC或其他版本同样适用。尽管有很多大神声称可以直接使用文本编辑器建站，但是对于成功的网站来说，一个好的工具是一个良好起点。因此，我们首先要找到一个好的工具。

过去，大多数人使用微软的FrontPage来建站，但由于其功能较为简单，与专业工具相比缺少一些功能，逐渐被淘汰。

安装并启动Dreamweaver CS6

在安装完Dreamweaver CS6后，打开软件，进入最初的界面。我们会看到第一个选项是“HTML”，具体含义可以自行查看。

点击“HTML”，我们就可以进入编辑页面了。Dreamweaver的界面和其他软件类似，也有菜单栏等。这些不需要一一解释，但是有几个命令需要说明：

• 在左上角点击“代码”按钮，将进入单独的代码视图。
• 选择“拆分”，将同时显示代码视图和预览视图。
• 预览视图是可视化的，代码视图是数据化的，这应该比较容易理解。通常情况下，两者相互关联，即我们在代码视图中编写代码，视图将把代码转换为可视化的视图呈现出来。

例如，在代码区输入lt;bodygt;时光电影图解【sgtjmovie】lt;/bodygt;并保存（Ctrl S），预览视图将会显示相应的内容。

结语

至此，初级教程的第一课就结束了。喜欢学习的朋友们请继续关注哦。