推56论坛

 找回密码
 立即注册(限中文)

QQ登录

只需一步,快速开始

    查看: 1112|回复: 0

    [Dreamweaver教程] Dreamweaver CS5 工作视图 使用教程

      [复制链接]
    发表于 2015-3-4 21:41:10 | 显示全部楼层 |阅读模式
    Dreamweaver界面具有一大批用户可自由配置的面板和工具箱,界面如下图。Dreamweaver教程-具体的界面名称在以后的学习过程中会逐一介绍。
      
    1.切换和拆分视图
      Dreamweaver分别为程序猿和设计员提供了专用的环境,还提供了一个把这两者结合在一起的复合选项。
      1.1“设计”视图
      “设计”视图在Dreamweaver工作区中着重显示其所见即所得的编辑器,它非常接近地显示了Web页面在浏览器中的效果。要激活“设计”视图,可以单击“文档”工具栏中的“设  计”按钮。
      1.2“代码”视图
      在Dreamweaver工作区中只显示HTML代码以及各种提高代码编辑效率的工具。要切换到“代码”视图,可以单击“文档”工具栏中的“代码”按钮。
      1.3“拆分”视图
      “拆分”视图提供了一个混合的工作界面,可以同时查看设计和代码。在其中一个窗口中所做的改动都会马上在另一个窗口中进行更新。单击“文档”  工具栏中的“拆分”按钮即可切换到“拆分视图”。
      

    2.垂直拆分视图
      此外Dreamweaver也提供了垂直拆分工作区的方式,方便使用宽屏幕的用户。选择“查看” > “垂直拆分' 命令即可。
      
    Dreamweaver CS5 中的代码、设计、拆分视图你弄懂了吗?
    学建站、学推广、学赚钱,上56站长论坛就够了!个性签名请到个人资料里面修改……

    本版积分规则

    关闭

    推56站长论坛推荐上一条 /2 下一条

    站长QQ
    在线咨询
    咨询热线
    QQ:405327411
    站长

    QQ|广告合作|关于我们|联系我们|免责声明|网站导航|站长论坛 ( 豫ICP备11018337号-5

    王宝臣旗下网站 推56论坛(www.tui56.com|ask.tui56.com|blog.tui56.com|daohang.tui56.com)

    Powered by Discuz! X3.4 Licensed

    ©2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表