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

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

江老实 Web前端工程师
难度入门
时长40分
学习人数
综合评分9.63
1043人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.5 逻辑清晰
  • DW内置webkit内核,实时视图与chrome相同
    查看全部
  • CSS操作 1.link 引入样式表语句写法:css面板中-CSS样式中-附加样式表 2.也可导入; 3.CSS书写:分号之后按下空格,样式表属性自动出现 属性值得禁用和启用 4.CSS代码定位非常有用(老实说的)点击代码,然后右边的CSS面板挑参数颜色啦粗细
    查看全部
  • 写完代码做两个验证:(DW CS6 提供了工具按钮) 1、W3C验证(电脑要联网) 2、浏览器兼容性验证
    查看全部
  • 设计窗口冗余代码过多,不建议在设计窗口进行操作,适合设计者观察设计效果 设计窗口中的多屏幕按钮转为手机网站开发使用 。--实时视图,看到效果。 可视化助理按钮-css布局背景,自动渲染DIV块的颜色
    查看全部
  • HTML智能提示:输入做尖括号<,出现所有的HTML标签列表,包含HTML5标签 CSS智能提示:输入Css标签如DIV后按下空格,出现所有的CSS标签属性列表,输入分号;继续出现提示。 JAVASCRIPT:1.不同内置函数、标示符采用不同颜色或加粗2.对象输入圆点。后对象的属性方法列表出现,根据操作一层层提示3.语法错误行号变红,修改后,红色消失 JQUERY:使用dollor符号$,马上出现Jquery提示
    查看全部
  • dw的代码窗口 1.主标签与副标签,位于代码窗口的上方。主标签如index.html下方副标签即index引入人外部文件各种CSS、javascript文件标签 2.代码窗口的左侧按钮 折叠整个按钮:在行号处点击该按钮,双击折叠区,会打开,若标签不配对,不折叠,用于查错 折叠所选:选择后折叠 扩展全部:类似于双击,另外双击代码前加号和减号,也能实现折叠和展开。 行号按钮 高亮显示无效代码:与F5刷新按钮配合,用于查错,使用时建议打开 副标签按钮:用于查找一个标签的父标签,与F5结合,高亮显示错误 选取当前代码段:用于选取javascript大括号内的代码
    查看全部
  • 茶缸 编辑菜单-首选参数设置:对DM界面的设置: 文本格式、字体窗口大小颜色等-代码格式、CSS的格式 注意没有恢复默认值的按钮 代码视图字体
    查看全部
  • 实时预览的效果同谷歌浏览器是一样的 Dreamweaver内置webkit内核 可设置主次浏览器 主f12 次 Ctrl+f12 选中拆分,可在查看里选垂直拆分。拆分是代码和设计两个部分 在实时视图里,刷新快捷f5。 设计窗口和最终显示效果有差异 DW快捷键 快捷键 在运用DW的过程中,熟练的使用快捷键,制作网页时能达到事半功倍的效果。 新建文档 Ctrl+N ,或直接在软件启动后的窗口中的[新建]下选择HTML。 打开一个 HTML文件 Ctrl+O或者将文件从[文件管理器]或[站点]窗口拖动到[文档]窗口中,或者直接在软件启动后窗口中[打开最近的项目]下方的[选择]来打开一个HTML文件 在框架中打开   Ctrl+Shift+O 关闭   Ctrl+W 保存   Ctrl+S 另存为 Ctrl+Shift+S 检查链接 主浏览器预览设计效果,快捷键:F12 次 Ctrl+f12
    查看全部
  • 工具的使用原则是:代码原理很重要,工具只是辅助手段。
    查看全部
  • dw操作css文件 1.引入样式表: 右面css面板—全部-附加样式表 2.编写样式表: 代码中书写或右面编辑样式表(只有部分属性),属性值的禁用和启用小图标
    查看全部
  • 写完代码做两个验证:(DW CS6 提供了工具按钮) 1.w3c验证工具按钮(需联网) 2.检查浏览器兼容性工具按钮(参考)
    查看全部
  • 设计窗口冗余代码过多,不建议在设计窗口进行操作,适合设计者观察设计效果 设计窗口中的多屏幕按钮转为手机网站开发使用 。--实时视图,看到效果。 可视化助理按钮-css布局背景,自动渲染DIV块的颜色
    查看全部
  • 折叠整个按钮、折叠所选按钮、行号按钮、高亮显示(可排错):f5-刷新页面-错误部分高亮显示、选择父标签(可排错) 选取当前代码段(在代码窗口使用)
    查看全部
  • 编辑菜单首选项设置(注意:设置后没有恢复默认值按钮) 代码格式:css每个属性位于单独的行 代码颜色: 字体:代码视图字体、字号 不可见元素:锚标记、注释
    查看全部
  • Dreamweaver CS6 中实时试图的网页效果的浏览器是chrome。
    查看全部
    0 采集 收起 来源:练习题

    2014-12-27

举报

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

微信扫码,参与3人拼团

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

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