DW - 前端开发工具技巧介绍

学习资料:
   http://www.imooc.com/learn/39
学习初衷:
  工欲善其事,必先利其器。
学习内容:
  Dreamweaver 的使用技巧和重要实用模块【Dreamweaver CS6】
学习技能:
  熟练使用 Dreamweaver 开发工具。
 
01 简介及站点管理
  1. 打开
  2. 欢迎界面
    2.1 左:最近访问的文件列表
    2.2 中:新建各种格式的文件
    2.3 右:主要功能的介绍【链接】--> Adobe 官网
  3. 站点【保存文件的服务器】
    3.1 新建站点:站点名称、本地站点文件夹
    3.2 远程服务器站点:服务器名称、连接方法【FTP】、FTP地址、用户名、密码
  4. 新建【文本文件 - 智能提示 - 初始值】
 
02 工作区概述及预览概述
  1. 代码窗口
  2. 设计窗口
  3. 实时视图窗口
  4. 预览【F12】
 
03 首选参数的设置【Ctrl+U】
  1. 代码格式:缩进、默认标签大小写、CSS格式
  2. 代码颜色
  3. 代码视图字体
  4. 不可见元素:锚标记
  注: 无法恢复默认值
 
04 关联标签及常用工具介绍
  1. 主标签:当前文件
  2. 副标签:引入的外部文件
  3. 功能按钮:
    3.1 折叠/展开:折叠按钮、折叠所选、扩展、行号+/-【排错】
    3.2 行号
    3.3 高亮显示无效代码 + F5【排错】
    3.4 选择父标签【排错】
    3.5 选取当前代码段 --> JavaScript 花括号内的代码段
 
05 智能提示功能
  1. HTML:标签提示【< 左尖括号】
  2. CSS:属性提示【空格】
  3. JavaScript:内置函数【不同颜色】| 关键字、保留字【不同颜色、加粗】| 属性、方法 | 错误行号【红色】
 
06 设计窗口功能介绍:鼠标、键盘【观察网页效果的一个参考】
  1. 多屏预览:手机端页面开发
  2. 可视化助理 --> CSS布局背景
 
07 W3C 验证及浏览器兼容性
  1. W3C 验证:实时发送代码到 W3C 验证服务器上【需要联网】
  2. 检查浏览器兼容性【参考】
 
08 CSS 面板
  1. 属性值的禁用/启用【调试】
  2. 当前:属性定位
 
09 属性面板和文件面板
  注: 保证代码可控
 
-- over --

转载于:https://www.cnblogs.com/h-pursuit/p/6203409.html

你可能感兴趣的:(DW - 前端开发工具技巧介绍)