首页 > 软件开发 > HTML >

DW中如何新建一个HTML文件

来源:互联网 2023-03-16 19:12:43 364

Dreamweaver是一个专门来做网页代码的工具,可以写基础HTML代码也可以做CSS、js等文件处理,下面我们来看看如何在他里面建立HTML文件FHb办公区 - 实用经验教程分享!

工具/原料

  • 华为MateBook D
  • Windows 10 专业版10.3.3
  • Dreamweaver2018

方法/步骤

  • 1

    安装好软件打开,在开始界面中,在文件菜单栏下,点击新建如图所示,快捷键是ctrl nFHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 2

    这样进入到新建文档面板属性中,在文档类型上有很多的种类,选择自己需要建立的HTML文档,然后可起个标题确认FHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 3

    这样就可以对文档进行代码编辑了;在代码工作区上方有各种展示效果,第一种代码效果就是如图所示的样式了,可以看到所敲打的代码FHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 4

    第二种拆分效果展示,是在工作面中,上方部分显示效果,下方显示代码FHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 5

    实时视图中,可以快速查看当前的效果状态FHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 5本页面未经许可获取自百度经验
  • 6

    在实时视图下拉菜单选项栏中,可以选择设计选项FHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 7

    在设计视图下,点击其中一个属性框,就会再右下方看到他的所有属性设置,包括宽高属性、以及所设置的margin以及padding等属性FHb办公区 - 实用经验教程分享!

    DW中如何新建一个HTML文件FHb办公区 - 实用经验教程分享!

  • 注意事项

    • 如果此经验对您有帮助,请左侧投票/关注,谢谢大家的支持^_^

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!FHb办公区 - 实用经验教程分享!


    标签:

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码