Dreamweaver怎么制作一个网页,如何保存网页

 时间:2024-10-03 06:28:08

如何用DW制作网页并保存网页呢?我就在这里教给大家最基础的创建网页和保存网页。

Dreamweaver怎么制作一个网页,如何保存网页

工具/原料

DWCC2018

方法/步骤

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

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

5、然后我们可以为DIV标签写一个样式【<divstyle="w坡纠课柩idth:100px;height多唉捋胝:100px;background:#ff0000;">这是一个DIV</div>】。width代表宽、height代表高、background代表背景,#ff0000代表颜色色值。我们可以看下上半部分显示的预览效果。

Dreamweaver怎么制作一个网页,如何保存网页

6、我们还可以给我们创建的网页起一个名字,名字写在<title></title>标签中。如下图

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

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

Dreamweaver怎么制作一个网页,如何保存网页

Dreamweaver怎么制作一个网页,如何保存网页

Dw怎样新建一个站点 dw制作网页完整步骤 dw超链接怎么设置 DW怎么实现一个网页内包含多个页面的效果? 在Dreamweaver HTML文档中如何新建CSS样式?
热门搜索
lol阿狸图片 你懂的电影 法制图片 网页不显示图片 lol电影天堂