如何用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制作网页以及保存网页的方法--系统之家...相关推荐

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

    如何用Dreamweaver(DW)制作网页并保存网页呢?我就在这里教给大家最基础的创建网页和保存网页的方法教程,希望能帮到有需要的朋友. 启动软件后,在左上角点击[文件],在下拉菜单中点击[新建]. ...

  2. 怎么用python制作简单的程序-神级程序员教你如何用python制作一个牛逼的外挂！...

    玩过电脑游戏的同学对于外挂肯定不陌生,但是你在用外挂的时候有没有想过如何做一个外挂呢?(当然用外挂不是那么道义哈,呵呵),那我们就来看一下如何用python来制作一个外挂.... 我打开了4399小游 ...

  3. 一步步教你如何用疯狂.NET架构中的通用权限系统 -- 如何控制用户显示的菜单权限...

    菜单权限是我们经常会遇到的权限,也是经常需要进行处理的权限,往往权限是通过控制菜单权限开始折腾起来的. 第一步:我的后台管理控制端,有一个叫模块配置的功能,这里集中配置,哪些模块可以用,哪些模块先锁定 ...

  4. 手把手教你如何用Python制作一个电子相册？末附python教程

    这里简单介绍一下python制作电子相册的过程,主要用到tkinter和pillow这2个库,tkinter用于窗口显示照片,pillow用来处理照片,照片切换分为2种方式,一种是自动切换(每隔5秒) ...

  5. 教你如何用python制作平面直角坐标系模拟器 python项目小发明 【安安教具】-【数学】-【平面直角坐标系】模拟器

    平面直角坐标系和之前的数轴模拟器有异曲同工之妙,但是作为一个二维的软件,肯定是要难一些的... [安安教具]-[数学]-[数轴]模拟器 教你如何用python制作数轴模拟器 python 小项目创作_ ...

  6. dw用html表格做网页,用Dreamweaver制作网页的技巧

    用Dreamweaver制作网页的技巧 导语:Dreamweaver是制作网页最常用的一个工具,下面就由小编为大家介绍一下用Dreamweaver制作网页的技巧,欢迎大家阅读! 1.灵活运用样式 熟悉 ...

  7. 教你如何用python制作黑板模拟器 python 项目小发明 【安安教具】-【工具】-【黑板】模拟器

    黑板模拟器是一个多线程控制尝试,需要做到通过tkinter实现对鼠标的控制和监督.鼠标在移动时会有一个线程来检测鼠标的位置,计算窗口的位置,计算出鼠标在窗口中的位置,结合canvas画布实现对黑板的涂 ...

  8. dw网页制作服务器可浏览,Dreamweaver制作网页发布网站

    Dreamweaver制作网页发布网站 我们为大家收集整理了关于Dreamweaver制作网页发布网站,以方便大家参考.在发布网站之前先使用Dreamweaver MX 2004 站点管理器对你的网站 ...

  9. 你知道吗？国外火爆的新拟态风格，教你如何用PPT制作效果

    经常混设计圈的朋友们都发现了,最近在国外火爆的新拟态风格. 这名字听起来挺新颖的.那么到底什么才是新拟态的设计风格呢? 我们先来通过几个作品,看下新拟态风的庐山真面目. 怎么样?这种设计风格你爱上了吗 ...

  10. 关于PhotoShop中保存CMYK格式TIFF文件在GDI+错误地显示颜色的问题解决方法

    使用Adobe PhotoShop创建并保存的CMYK Tag图像文件格式 (TIFF) 图像后,我们常会遇到以下情况: (1)如果再使用GDI+进行转换或显示时,经常会发现显示的颜色与原来的颜色不一 ...

最新文章

  1. efficient分类0第一个分支训练
  2. 【Python】可视化配色方案自由啦 (Python版)
  3. 常见坑人无数的Redis面试题总结
  4. f分布表完整图_分布式计算引擎之星——Spark
  5. 人工智能和Adobe Sensei
  6. webservice 参数太大_手把手系列：常用数据交换方案Web Service接口处理法
  7. 运动会管理系统论文java_java+ssh+mysql大学运动会管理系统（源码+论文+任务书+ppt）...
  8. ShartPoin无法创建门户网站的问题
  9. 【Windows】线程漫谈——线程同步之信号量和互斥量
  10. 转载：linux驱动层到应用层的重要接口sys文件系统---/sys目录详解
  11. 【spring】在servlet中注入spring的bean，servlet容器和spring容器
  12. python为什么无法保存然后弹跳出来_python-从字典中弹出键,值对的整洁方法？
  13. ]flume高并发优化——（1）load_balance
  14. 2021最新抖音H5电玩城游戏平台多玩法模式全套源码
  15. 外包被辞，太心酸了！
  16. ios应用升级到ios15后闪退
  17. echart 折线从左到右动画效果_echarts多条折线图动态分层的实现方法
  18. 生产者消费者模型的作用是什么
  19. 一文看懂 LSTM（Long Short-Term Memory）
  20. js过滤树形结构数据并获取新的树形结构

热门文章

  1. Docker 配置加速器
  2. 假设检验实例（python）
  3. 国内外证券交易系统开发平台比较
  4. 手撕神经网络（1）——神经网络的基本组件
  5. 楚留香冰最新服务器,楚留香3.30更新公告 新增雕像功能
  6. python seek_Python 文件 seek() 方法
  7. 深入RxJava2 源码解析(二)
  8. 攻防世界easyphp解题wp
  9. 我男朋友是产品经理......
  10. No administrator rights detected！