如何将Dreamweaver新版页面调整为旧版本布局

 时间:2024-10-15 07:58:11

1、打开Adobe Dreamweaver CC 2018软件,新建一个文件

如何将Dreamweaver新版页面调整为旧版本布局

2、以前版本的都是垂直排列的,习惯使用左侧代码视图,右侧设计视图如图菜单栏:查看颍骈城茇-拆分-垂直拆分(勾选垂直拆分或者水平拆分,可以选择设计视图的显示位置)

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局

3、实时视图不显示光标,设计显示光标

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局

4、菜单栏:窗口-属性打开属性面板,如图,拖动面板到底部习惯位置,出现蓝色,松开鼠标

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局

5、菜单栏:窗口-工具栏-标准如图拖动

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局

6、菜单栏:窗口-插入插入面板打开后,一般默认在页面的右侧,这个时候,直接拖动,出来,然后拖动到你想要的位置,出现一个蓝色的线,松开鼠标

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局

7、菜单栏:窗口-工具栏-通用自定义工具栏,如图点击可以选择显示哪些,隐藏哪些

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局

8、菜单栏:窗口-工具栏-文档显示隐藏“代码 拆分 设计”这个工具栏

如何将Dreamweaver新版页面调整为旧版本布局
如何将Dreamweaver新版页面调整为旧版本布局
  • DW软件怎么实现两个网页面连接
  • DW设置左右上下操作界面
  • 在Dreamweaver HTML文档中如何新建CSS样式?
  • dw怎么让整个网页居中
  • 在Dreamweaver文档中如何插入记录集导航条?
  • 热门搜索
    51劳动节手抄报 大手牵小手手抄报 英语手抄报题目 元宵手抄报简单又漂亮 友善手抄报 普法教育手抄报 创建卫生城市手抄报 清明节的手抄报三年级 国防教育手抄报内容 争做美德少年手抄报