dreamweaver怎么做网页,如何用dreamweaver制作个人网页

　　如何用Dreamweaver(DW)制作和保存网页？我在这里教大家最基础的创建和保存网页的教程，希望能帮助到有需要的朋友。

　　启动软件后，点击左上角的[文件]和下拉菜单中的[新建]。

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

　　点击创建后，软件会自动为你的网页创建一个基本代码。网页的框架和内容应该写在body/body标签的中间。

　　我们点击顶部中间的【拆分】，可以把中间编辑好的部分分成两个屏幕。下面是代码，上面是预览，让我们看看下面写代码的效果。这里我写一个p标签作为例子，p这是一个p/p .它会显示内容效果。

　　然后我们可以为p标签写一个样式[p style= width:100px；高度：100px背景：# ff0000这是一个p/p】。Width代表宽度，height代表高度，background代表背景，#ff0000代表颜色值。我们可以看看上半部分展示的预览效果。

　　我们也可以给自己创建的网页起个名字，名字写在title/title标签里。如下图

　　如果我们想直接在浏览器中查看效果，可以点击右下角的小图标，在下拉列表中点击浏览器名称，或者按快捷键[F12]。

　　按下快捷键[F12]后会弹出一个保存窗口，因为我们刚创建完网页还没有保存，所以需要先保存。直接点击【是】，选择保存位置，填写名称，点击【保存】。

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

　　如果您想在预览之前保存网页，可以在顶部菜单中选择[文件]-[另存为]，然后将网页文件保存到您想要保存的位置。这时候就不需要再按[F12]保存了，直接跳转到浏览器打开自己创建的页面。

　　好了，以上就是边肖给大家介绍的用Dreamweaver制作和保存网页的方法。更多信息，请关注我们！

　　小编推荐：

　　Dreamweaver中文版：http:///soft_tx/2324.html

　　Adobe Dreamweaver CS5 (32/64位):http:///soft_tx/1863.html

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。