《Dreamweaver CS6 完全自学教程》笔记 第二章:Dreamweaver CS6 入门
文章目录
- 第二章:Dreamweaver CS6 入门
- 2.1 Dreamweaver CS6 概述
- 2.2 Dreamweaver CS6 的启动与退出
- 2.2.1 启动 Dreamweaver CS6
- 2.2.2 退出 Dreamweaver CS6
- 2.3 Dreamweaver CS6 的工作界面
- 常用选项
- 2.4 自定义工作界面
- 2.5 网页的创建与保存
- 2.6 可视化辅助工具
- 2.6.1 标尺工具
- 2.6.2 网格工具
- 2.6.3 辅助线工具
- 2.7 首选参数设置
- 2.7.1 常规参数
- 2.7.2 代码格式
- 2.7.3 代码颜色
- 2.7.4 复制粘贴
- 2.7.5 在浏览器中预览
- 2.7.6 字体
- 实战:自定义快捷键
- 实战:自定义代码视图
- 第二章总结
第二章:Dreamweaver CS6 入门
2.1 Dreamweaver CS6 概述
Dreamweaver CS6 是世界顶级软件厂商 adobe推出的一套拥有可视化编辑界面,用于制作并编辑网站和移动应用程序的网页设计软件。由于它支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页(通常是标准通用标记语言下的一个应用HTML),对于初级人员,你可以无需编写任何代码就能快速创建web页面。——
百度百科
2.2 Dreamweaver CS6 的启动与退出
这个我感觉没什么好说的,就略写了
2.2.1 启动 Dreamweaver CS6
初次打开时,显示的是 “设计器” 界面布局和 “欢迎屏幕”
若想再次显示欢迎屏幕,可以选择 编辑 > 首选参数 > 常规 然后选中 “显示欢迎屏幕”。Dreamweaver CS6 提供了多种开发环境,可以在如图位置更换
2.2.2 退出 Dreamweaver CS6
- 双击左上角的图标
- 快捷键:Alt+F4
2.3 Dreamweaver CS6 的工作界面
常用选项
记录一些比较有用的、不容易找到的,或者自己经常忘记在哪的选项路径和快捷键。不定期更新~
- 属性面板:窗口 > 属性 。 快捷键:Ctrl+F3
- 自定义快捷键:编辑 > 快捷键
- 插入特殊字符:Shift + Enter 插入换行符、Ctrl + Shift + Space 插入一个不换行空格
- 在网页中插入图像:插入 -> 图像 。快捷键: Ctrl + Alt + I
- 设置页面属性:修改 -> 页面属性 或 属性面板点击 “页面属性” 。快捷键: Ctrl + J
- 定义模板的可编辑区域:插入 -> 模板对象 -> 可编辑区域 。快捷键: Ctrl + Alt + V
2.4 自定义工作界面
2.5 网页的创建与保存
这两个是在没什么好说的。。。跳过好了
2.6 可视化辅助工具
各种工具的介绍,笔记笔记~
2.6.1 标尺工具
可以精确的计算网页高度、宽度。
- 相关操作:
-
- 通过 查看 > 标尺 > 显示 可以打开或关闭标尺
-
- 标尺原点默认位置在左上角,但可以拖动到任意位置。通过 查看 > 标尺 > 重设原点 可以将原点恢复到默认位置
-
- 通过 查看 > 标尺 > 像素 可改变单位
2.6.2 网格工具
可以让页面的元素自动靠齐,注意,无论网格是否可见,都可以使用网格靠齐。
- 相关操作:
-
- 通过 查看 > 网格设置 > 显示网格 来显示或关闭网格
-
- 通过 查看 > 网格设置 > 网格设置 可以进行网格设置
【“网格设置”参数介绍】
- 显示网格: 可使网格在设计视图中可见。
- 靠齐到网格: 可使网格中的层自动靠齐到网格。
2.6.3 辅助线工具
辅助线通常与标尺配合使用。
- 相关操作:
-
- 通过 查看 > 辅助线 > 显示辅助线 显示辅助线,然后再文档上方标尺中向文档拖拽,可创建辅助线。可以创建多条水平和垂直辅助线。
-
- 通过 查看 > 辅助线 > 清除辅助线 删除全部辅助线,也可将辅助线拖拽到文档外来删除一条辅助线。
-
- 通过 查看 > 辅助线 > 编辑辅助线 对辅助线进行设置。
-
- 按住 Ctrl 可显示距离。
【“辅助线”参数介绍】
- 距离颜色: 按住 Ctrl 出现的距离指示器颜色。
- 锁定辅助线: 可将辅助线锁定在适当位置。
- 靠齐辅助线: 页面元素在移动时靠齐辅助线。
- 辅助线靠齐元素: 拖拽辅助线时将靠齐页面元素。
2.7 首选参数设置
快捷键:Ctrl + U
2.7.1 常规参数
这个没什么好说的,可以自己去改一下,让软件更人性化
2.7.2 代码格式
- 换行符类型: 每个操作系统的结束符类型都是不同的,Mac 使用 CR (carriage return) ,Unix 使用 LF (line feed) ,Windows 使用 CR 和 LF。 如果知道远程服务器的类型,选择正确的换行符类型可以确保源代码在远程服务器上正确显示。
- TD标签: 可以确保在 <td> 内没有换行符。
- 高级格式设置: 可以设置 CSS 与标签库。
2.7.3 代码颜色
好看的代码颜色可以提高工作效率,并且让人心情舒畅
2.7.4 复制粘贴
CV大法好
- 仅文本: 粘贴无格式的纯文本,分行和段落都会被删除。
- 带结构的文本: 保留结构,但不保留基本格式设置,如列表、间隔、分行、段落。
- 带结构的文本以及基本格式: 粘贴简单的格式化文本,如加粗、下划线。如果文本是从 HTML 文档复制过来的,还将保留所有 HTML 类型标签。
- 带结构的文本以及全部格式: 保留所有结构和格式。
2.7.5 在浏览器中预览
- “+” 、“-”: 添加浏览器或删除选中浏览器。
- 使用临时文件预览: 将创建用于预览和调试的临时文件,而不是直接更新当前文档。
2.7.6 字体
- 均衡字体: 在正规文本中使用的字体。
- 固定字体: 在 <pre>、<code>、<tt> 标记中使用的字体。
- 代码视图: 显示在代码面板中文本的字体,默认与 固定字体 相同
- 使用动态字体映射: 可以定义模拟设备时使用的字体。在网页文件中,可以指定通用设备字体。 Dreamweaver 会在运行时尝试将通用设备字体与可用字体匹配。
实战:自定义快捷键
实战:自定义代码视图
第二章总结
这一章介绍了 Dreamweaver 的界面、工具、设置,很多都非常简单,没什么难度,但实用性很强,尤其是工具部分和快捷键部分,所以以后会不定时更新,不断积累。
这里放一下更新记录,方便大家查找。
*************************************
更新时间:2020-3-19 11:50 p.m.
更新内容:第二章笔记
*************************************
更新时间:2020-7-26 1:19 p.m.
更新内容:快捷键
*************************************
更新时间:2020-8-16 10:23 a.m.
更新内容:快捷键
*************************************
《Dreamweaver CS6 完全自学教程》笔记 第二章:Dreamweaver CS6 入门相关推荐
- 《Dreamweaver CS6 完全自学教程》笔记
声明: 博主完全采用自学方式进行学习,内用不够严谨,学习路线不够系统,仅可用作参考,如有错误请及时指正. 博主主要参考<Dreamweaver CS6 完全自学教程>这本书进行学习,但不限 ...
- Web前端开发笔记——第二章 HTML语言 第四节 超链接标签
目录 前言 一.超链接标签 (一)链接其它子网页 (二)链接其它站点 (三)虚拟超链接 二.从当前页面链接到指定位置 三.链接的访问情况 四.在新窗口中打开链接 例题 结语 前言 本节介绍超链接标签即 ...
- JavaSE入门0基础笔记 第二章Java基础语法
JavaSE入门0基础笔记 第二章Java基础语法 1.运算符 1.1算术运算符 1.1.1运算符和表达式 1.1.2 算术运算符 1.1.3字符的"+"操作 1.1.4 字符串中 ...
- Android群英传笔记——第二章:Android开发工具新接触
Android群英传笔记--第二章:Android开发工具新接触 其实这一章并没什么可讲的,前面的安装Android studio的我们可以直接跳过,如果有兴趣的,可以去看看Google主推-Andr ...
- ArcGIS for Desktop入门教程_第二章_Desktop简介 - ArcGIS知乎-新一代ArcGIS问答社区
原文:ArcGIS for Desktop入门教程_第二章_Desktop简介 - ArcGIS知乎-新一代ArcGIS问答社区 1 Desktop简介 1.1 ArcGIS for Desktop ...
- 深入理解 C 指针阅读笔记 -- 第二章
Chapter2.h #ifndef __CHAPTER_2_ #define __CHAPTER_2_/*<深入理解C指针>学习笔记 -- 第二章*//*内存泄露的两种形式1.忘记回收内 ...
- 《Go语言圣经》学习笔记 第二章 程序结构
Go语言圣经学习笔记 第二章 程序结构 目录 命名 声明 变量 赋值 类型 包和文件 作用域 注:学习<Go语言圣经>笔记,PDF点击下载,建议看书. Go语言小白学习笔记,几乎是书上的内 ...
- 《计算传播学导论》读书笔记——第二章文本分析简介
<计算传播学导论>读书笔记--第二章文本分析简介 第一节 文本分析研究现状 常用文本挖掘技术 第二节 文本分析与传播学研究 (一)为什么文本挖掘技术逐渐受到传播学者的关注 (二)不同文本分 ...
- Computational Optimal Transport 笔记——第二章(2)
Computational Optimal Transport 笔记--第二章(2) 符号说明 2. 理论基础 2.3 Kantorovich Relaxation SUM 2.4 Optimal T ...
- PhalAPI学习笔记 ——— 第二章接口服务请求
PhalAPI学习笔记 --- 第二章接口服务请求 前言 接口服务请求 接口服务请求案例 自定义接口路由 开启匹配路由 配置路由规则 nginx apache 服务请求 结束语 前言 公司业务需要转学 ...
最新文章
- JAVA模拟HTTP post请求上传图片
- 用英语回答问题 - 一个SAP开发人员为什么要练习双截棍
- lintcode:买卖股票的最佳时机 III
- 安装mysql后在安装目录下只有my-default.ini没有my.ini文件 解决-The MySQL server is running with the --secure-file-priv
- Leetcode--50. Pow(x,y)
- Theano 中文文档 0.9 - 7.2.6 Theano如何处理形状信息
- [linux 技巧] 使用 screen 管理你的远程会话(转载)
- 栈溢出脚本_污点分析挖掘漏洞演示——如何在8小时内从零发现cve20120158(word溢出漏洞)...
- java 获取 t 的类型_如何获取类型为T的字段的类?
- 赵学军: 理想主义者的下一城
- 联想Thinkpad T580 20L9 20LA Wistron LTS-2 17812-1笔记本点位图
- 解决小程序图片上传问题
- 网页打开速度慢,如何解决(修改DNS)
- 中文输入法无论如何都要占用Ctrl+Space快捷键终极解决!
- 利用Python进行数据分析之超市零售分析
- hive数据文件备份
- 加法要遍历两遍所有元素,那就用减法,只遍历一遍即可(思想)
- 去除图像中的alpha通道或透明度
- HTML-背景和图片
- win10html怎么创建后打不开,Win10打不开路由器设置页面(设置界面)怎么办?
热门文章
- 美团算法团队:深度学习在美团OCR中的应用!
- C51单片机烧录器使用(USB转TTL)
- dBm和dB(纯计数单位)
- 微星笔记本u启动安装win10系统
- 【SDX62】useradd: group ‘input‘ does not existERROR: libsystemdq: useradd command did not succeed.
- 怎么显示文件后缀名?很容易的几个步骤
- docker ps3netsrv_QNAP 威联通 NAS TS-212P应用系列 篇一:实践基于QNAP平台搭建PS3NETSRV服务...
- Git拉取远程最新代码,并与当前分支合并
- python requests ‘latin-1‘ codec can‘t encode characters in position 374-379: ordinal not in
- 电气规则检查-ERC