为了账号安全,请及时绑定邮箱和手机立即绑定

前端开发工具技巧介绍—DW篇

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • css样式窗口的当前标签页显示的是光标所在的tag的css属性,如果想修改该class的css属性,则可以在当前标签页内右击,选择“转到代码”。
    查看全部
  • dw对CSS文件的操作: 1.在边栏找到CSS样式,按其右下角的➕号加入外部样式表; 2.这一方法同样可以用在CSS中加入另外一个CSS样式表。 编辑样式表:在CSS样式的边栏窗口里可以直接点击编辑css样式,但一部分CSS样式不会提供。 禁用css:在CSS样式表右下角有一个禁止标志,选中上面的某条样式后按这一标志的话,这一样式就会被注释掉。
    查看全部
  • 做完页面,进行W3C验证 做两个验证:(DW CS6 提供了工具按钮) 1、W3C验证(电脑要联网) 2、浏览器兼容性验证 w3c验证及浏览器兼容性 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性工具按钮(做参考,有时候也未必准,得实际验证下,不过是个好习惯)
    查看全部
  • 【智能提示功能】 1 HTML智能提示: 输入做尖括号<,出现所有的HTML标签列表,且DW CS6中包含HTML5标签(<nav>) 2 CSS智能提示: <style>中输入Css标签如DIV后按下空格,出现所有的CSS标签属性列表,输入分号;空格继续出现提示。 3 对javascript的提示<script type="text/javascript">,体现在三个方面: (1)使用不同的颜色标记内置函数如alert();function(){};setlnterval();if(){}else{};,对关键字和保留字也是加粗显示。 (2)对相关属性的操作提示如document.。 (3)对错误语法所在的行号红色标记提示。 4 JQUERY:先引入,使用dollor符号$,马上出现Jquery智能提示
    查看全部
  • 与[可视化助手]同一位置: 1.[W3C验证]验证你代码是否符合W3C标准; 2.[检查浏览器兼容性]作参考用,实际情况还是要在浏览器上运行。
    查看全部
  • 设计窗口中【可视化助理】按钮-css布局背景,自动渲染DIV块的颜色
    查看全部
  • 1.工作区分为代码,拆分,设计,实时视图 2.拆分中可以查看代码和设计两个窗口的内容,“查看”中还有垂直拆分让你的窗口以左右方式拆分。 3.代码窗口就是编写网页代码的工作区,设计窗口可以看到我们编写出来的代码的实际效果但不是最终的效果,与浏览器看到的有差异。 4.实时预览的效果同谷歌浏览器一样,都采用webkit内核 5.可设置主次浏览器 主f12 次 Ctrl+f12
    查看全部
  • {|}选取当前代码段功能,可以将光标所在的大括号里面的内容进行选取。
    查看全部
  • 1、编辑--〉首选参数,快捷键:Ctrl+U,没有恢复默认设置按钮。 2、注释: <!-- --> 2、代码格式:css每个属性位于单独的行 代码颜色: 字体:代码视图字体、字号 不可见元素:锚标记、注释
    查看全部
  • 窗口->属性文件窗口1.可以添加和删除文件2.修改文件位置后CSS文件也会相应的更新 属性窗口:点击任一标签,属性自动出现。 文件窗口:本地站点文件夹,在该窗口操作,方便,更新快 ①属性面板瞄准镜:快速更换链接感觉棒棒哒~ ②更改图片链接更新:用站点管理
    查看全部
  • dw操作css文件 1.引入样式表: 右面css面板—全部-附加样式表 2.编写样式表: 代码中书写或右面编辑样式表(只有部分属性),属性值的禁用和启用小图标 css面板中-CSS样式中-附加样式表;也可导入
    查看全部
  • 做完页面,进行W3C验证 做两个验证:(DW CS6 提供了工具按钮) 1、W3C验证(电脑要联网) 2、浏览器兼容性验证 w3c验证及浏览器兼容性 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网),检验是否符合W3C标准,会有错误提示 2.检查浏览器兼容性工具按钮(做参考,有时候也未必准,得实际验证下,不过是个好习惯)
    查看全部
  • 【设计窗口功能】 1 通过设计窗口插入的代码冗余过多,不建议在设计窗口进行操作,适合设计者观察设计效果 2 设计窗口中的【多屏幕】按钮转为手机端实时效果,供手机网站开发使用 3 设计窗口中【可视化助理】按钮-css布局背景,自动渲染DIV块的颜色 手机端页面开发:设计窗口-多屏预览 ①可视化助理按钮-css布局背景,自动渲染DIV块的颜色 ②多屏幕按钮——设置手机平板的尺寸
    查看全部
  • Dreamwear CS6中,保存提示不属于JavaScript脚本语言的智能提示。 属于脚本语言智能提示:1.用不同颜色标记内置函数,2.对关键字和保留字的标记,3.错误时行号提示
    查看全部
    0 采集 收起 来源:练习题

    2015-06-17

  • 【智能提示功能】 1 HTML智能提示: 输入做尖括号<,出现所有的HTML标签列表,且DW CS6中包含HTML5标签(<nav>) 2 CSS智能提示: <style>中输入Css标签如DIV后按下空格,出现所有的CSS标签属性列表,输入分号;空格继续出现提示。 3 对javascript的提示<script type="text/javascript">,体现在三个方面: (1)使用不同的颜色标记内置函数如alert();function(){};setlnterval();if(){}else{};,对关键字和保留字也是加粗显示。 (2)对相关属性的操作提示如document.。 (3)对错误语法所在的行号红色标记提示。 4 JQUERY:先引入,使用dollor符号$,马上出现Jquery智能提示
    查看全部

举报

0/150
提交
取消
课程须知
1.了解HTML相关的基础知识 2. 对CSS和JavaScript有初步的认识
老师告诉你能学到什么?
让新手可以熟练使用Dreamweaver 开发工具

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!