做网页是用dw还是html,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...

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

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

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

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

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

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

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

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

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

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

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

OK，以上就是小编为大家带来的关于如何用Dreamweaver制作网页以及保存网页的方法。想要了解更多信息，请关注我们系统天地!

小编推荐：

做网页是用dw还是html,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...相关推荐

dw网页制作服务器可浏览,Dreamweaver制作网页发布网站
Dreamweaver制作网页发布网站我们为大家收集整理了关于Dreamweaver制作网页发布网站,以方便大家参考.在发布网站之前先使用Dreamweaver MX 2004 站点管理器对你的网站 ...
dw用html表格做网页,用Dreamweaver制作网页的技巧
用Dreamweaver制作网页的技巧导语:Dreamweaver是制作网页最常用的一个工具,下面就由小编为大家介绍一下用Dreamweaver制作网页的技巧,欢迎大家阅读! 1.灵活运用样式熟悉 ...
dreawever与php做网页,如何用dreamware制作网页
如何用dreamware制作网页? 首先,在计算机C盘下创建一个"myweb2"文件夹,如下图所示: 然后打开Dreamweaver软件,如下图所示: 新建一个站点,命名为&quo ...
怎么用python制作简单的程序-神级程序员教你如何用python制作一个牛逼的外挂！...
玩过电脑游戏的同学对于外挂肯定不陌生,但是你在用外挂的时候有没有想过如何做一个外挂呢?(当然用外挂不是那么道义哈,呵呵),那我们就来看一下如何用python来制作一个外挂.... 我打开了4399小游 ...
dreamweaver html设计,如何用Dreamweaver设计网页
如何用Dreamweaver设计网页 Dreamweaver使用响应迅速的 CSS3 自适应网格版面,来创建跨平台和跨浏览器的兼容网页设计.利用简洁.业界标准的代码为各种不同设备和计算机开发项目,提高 ...
分享Dreamweaver制作网页13种技巧
zoomla!逐浪CMS与您分享Dreamweaver制作网页13种技巧 1.活用Format Table命令在复杂的网页设计中,表格的应用是最多的,因为利用表格可以自由地控制文本和图象在网页上出现 ...
一步步教你如何用疯狂.NET架构中的通用权限系统 -- 如何控制用户显示的菜单权限...
菜单权限是我们经常会遇到的权限,也是经常需要进行处理的权限,往往权限是通过控制菜单权限开始折腾起来的. 第一步:我的后台管理控制端,有一个叫模块配置的功能,这里集中配置,哪些模块可以用,哪些模块先锁定 ...
手把手教你如何用Python制作一个电子相册？末附python教程
这里简单介绍一下python制作电子相册的过程,主要用到tkinter和pillow这2个库,tkinter用于窗口显示照片,pillow用来处理照片,照片切换分为2种方式,一种是自动切换(每隔5秒) ...
教你如何用python制作平面直角坐标系模拟器 python项目小发明【安安教具】-【数学】-【平面直角坐标系】模拟器
平面直角坐标系和之前的数轴模拟器有异曲同工之妙,但是作为一个二维的软件,肯定是要难一些的... [安安教具]-[数学]-[数轴]模拟器教你如何用python制作数轴模拟器 python 小项目创作_ ...

做网页是用dw还是html,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...

做网页是用dw还是html,教你如何用Dreamweaver制作网页以及保存网页的方法--系统之家...相关推荐

最新文章

热门文章