学习资料:
学习初衷:
工欲善其事,必先利其器。
学习内容:
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 --