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 --