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