dreamweaver如何制作网页？怎么保存

现如今说到dreamweaver是一款编程软件，能用来写代码，IT工程师们离不开它。而且，它和PS一样，都是Adobe公司推出的。DW就是dreamweaver的简称，它是集网页制作和管理网站于一身的所见即所得网页代码编辑器。那么dreamweaver如何制作网页？怎么保存？下面一起来看看吧。

dreamweaver如何制作网页？

1、启动软件后，在左上角点击【文件】，在下拉菜单中点击【新建】。

2、在弹出的窗口中选择【html】，文档类型可以根据需要选择，在这里我选择【html5】,然后点击【创建】按钮。

3、点击创建后，软件就会自动为你创建一个网页必不可少的代码，网页的框架和内容都要写在标签中间。

4、我们点击顶部中间的【拆分】，可以把中间编辑的部分分成两屏，下面是代码，上面是预览图，方便我们查看在下面编写代码的效果。在这里我写入一个div标签为例这是一个div。上面就会显示出内容效果。

5、然后我们可以为div标签写一个样式【这是一个div】。width代表宽、height代表高、background代表背景，#ff0000代表颜色色值。我们可以看下上半部分显示的预览效果。

6、我们还可以给我们创建的网页起一个名字，名字写在标签中。

7、如果我们想直接在浏览器中查看制作的效果，可以点击右下角的小图标，在上拉列表中点击浏览器名称，或按快捷键【f12】。

8、按快捷键【f12】后，会弹出一个保存的窗口，因为我们刚才创建网页后还没有保存过网页，所以需要先保存一下。直接点击【是】，选择好要保存的位置，填写好名字，点击【保存】。

9、点击保存后，网页会自动保存，然后会直接跳出浏览器，打开你刚才保存的网页，这时就可以看到我们编辑的网页的真实效果啦，浏览器顶部标签位置也会显示出刚才我修改的网页标题名称。

10、如果在预览之前你想先保存网页，可以在顶部菜单中选择【文件】-【另存为】，然后把网页文件保存到你想保存的位置。这时候再按【f12】就不需要再次保存了，会直接跳转到浏览器中打开你创建的页面哦

综上：以上文章经全面介绍了【dreamweaver如何制作网页？怎么保存】。今天就的文章就分享到这啦，如果您想了解更多dreamweaver如何制作网页请您到上方导航栏目查看详细知识。

标签：