DW笔记完整.doc

三大原则：1建立网页前 需要新建一个网站2文件名，对象ID名 ，尽量使用英文，拼音，数字 尽量避免使用中文3尽量要存盘首页一般命名为：index.html或default.html外观（基于CSS）页面属性中设置外观字体时，中文一般只添加 宋体 黑体 仿宋体 楷体（防止用户因未安装相应字体而无法正常浏览）字体大小：一般为9 pt连接 字体大小：9 pt 变幻图像颜色：鼠标放到连接上显示的颜色 已访问链接颜色：已访问过的链接显示的颜色 活动链接：当点连接时闪烁的颜色 或者点击不松手时显示的颜色标题（正文中的标题）标题/编码（网页的标题）文档类型：HTML4.0 transitional XHTML1.0 transitional跟踪图像：网页排版时候的模板框架 即草图若要基于HTML编辑-首选参数-常规-是用CSS而不是是用HTML（勾选与取消来切换）HTML基础 HTML文件开始 该文件的头部开始 该文件的头部内容 该文件的头部结束 该文件的主体开始 该文件的主体内容 该文件的主题结束 HTML文件结束修改网页标题的方法1 修改-页面属性-标题/编码 中修改标题2 在设计界面正上方标题中 修改标题3 在代码中修改标题修改正文标题的方法修改-页面属性-标题 中修改 设置字体 大小 单位 颜色实现时 在设计界面中打入文字 选中 在正下方属性中的格式中选择标题 即可实现若需要输入正文 则格式改为段落文本中输入空格1 在菜单栏下的文本菜单下的最后一个选项中选择不换行空格 即可输入连续的空格2 按快捷键CTRL+SHIFT+空格 即可输入连续的空格3 将输入法切换至全角 即可输入连续的空格4 在代码中输入  即代表一个空格*5编辑-首选参数-常规-编辑选项中 勾选允许多个连续的空格 即可输入连续的空格段落切换与强行换行1 直接敲回车 或者在代码中输入(即由表示一个段落) （但是此种方法两行之间的间隙比较大）2 强行换行 SHIFT+回车 代码中显示为 （两行是紧挨着的 没有间隙）或者在文本菜单下的最后一个选项中选择换行符 效果是一样的文本编辑基础1 PRE 即在HTML里的排版（代码中的排版） 效果直接显示在设计页面2 块引用 和缩进 用来排版从外部导入文本1 复制黏贴（编辑-选择性黏贴）2 文件 导入清理沉余代码由WORD以HTML形式保存 用DW打开 会生成大量多余的代码 通过 命令-清理WORD生成的HTML 来清理多余的代码 （或者命令-清理XHTML）列表与排序属性面板中点击项目列表创建无序列表 通过凸出和缩进来设置下级嵌套列表 ：无序列表 ：列表项更改标签形状：1代码界面右键点击 在弹出的标签编辑器对话框中常规的类型中编辑列表标签的形状2在右侧标签检查器中的type选项修改标签形状 属性面板中点击编号列表创建有序列表 ：有序列表更改标签方法与无序列表相似在start中更改排序的起始编号定义列表文本中选择dl即定义列表 其中dt定义术语 dd定义说明插入排版水平线在HTML中选择水平线设置水平线属性：1在属性中设置水平线的基本属性 2在右侧标签中进行详细属性设置 （）3在代码界面中找到 在r后面敲一个空格 会跳出属性设置的选项一般连接的常见形式:80/tech/ok.html#apple80为端口号 通常是默认的/tech 是服务器的目录ok.html是文件若文件名为index.html 即默认文件名 可以省略 当没有文件名输入的时候 计算机仍然会去寻找index.html 如果未找到 会显示出错#apple为锚标记输入法建立第一个链接连接分为 外部链接和内部链接内部链接：连接本地的文件 通常使用相对链接地址外部链接：连接远程服务器的地址 通常使用绝对链接地址在输入外部链接地址时 必须输入http:/ 地址输入完成尽量打回车 以免丢失信息指向法制作链接属性 链接文本框后的指向链接 单击按住不放 拖出小箭头 指向文件面板中的HTML文件 以及图片 视频 等其他文件 即可建立链接快捷键拖动法建立链接选中需要建立连接的目标，按住SHIFT键 可以再目标上直接拉出一个指向链接 对某个文件进行链接插入法建立链接在常用工具栏中选择超级链接 弹出超级链接的对话框 其中文本：即我要插入的这个链接所显示的名称链接：链接的对象（内部，外部）目标：即链接打开的方式其中_blank：以新的窗口打开HTML文件_self：默认的打开方式 以当前窗口打开文件标题：鼠标移动到链接之上时所显示的具有相应的解释作用的文本直接用代码建立链接链接名称 即可建立一个连接插入标签法建立链接在代码操作的界面中 在光标闪烁处右键选择插入标签 左侧选择HTML标签 页面元素 右侧选择a 在HREF文本框中输入连接地址 在目标中设置打开的方式 如果需要相对应的链接名称 在结束符号前面输入名称 具体见直接用代码建立链接的代码格式环绕标签法建立链接选中目标 按CTRL+T 在环绕标签中选择a 打空格 选择href 然后按照代码建立链接的格式输入代码 建立链接链接的修改和Email链接链接的修改：选中链接 在右侧的标签面板中可以修改该链接的各种属性Email链接：在常用工具栏中选择电子邮件链接 文本中输入连接名称 E-mail中输入Email地址 即可建立Email链接或者在属性面板中 在链接文本框中输入链接的方法：mailto:邮件地址 同样添加了一个Email链接制作特殊的Email链接在链接文本框中输入：mailto:?subject=咨询问题&cc=&bcc=mailto:跟收件人地址?subject=跟邮件的主题&cc=跟抄送地址&bcc=跟密件抄送地址制作下载类链接和普通链接创建的方法类似 只需将链接地址指向需要提供下载的程序或压缩包锚链接的制作锚链接:即在当前页面比较长的情况下 我们需要直接跳转到页面的某个位置 那么就可以建立锚链接来实现建立方法：1.在需要跳转的页面位置插入命名锚记（在常用工具栏中） 在弹出的对话框中输入锚记的名称（注意：命名锚记只能用数字英文符号 不可以使用中文）确定2选中需要创建连接的目标 使其指向锚记 即创建了一个锚链接（也可以选中目标后 在链接对话框中输入 #锚记名称）建立指向非当前页面（即其他页面）的锚链接：在链接对话框中输入 页面地址#锚记名称HTML基础知识链接标记的常用属性：href：制定链接地址name：命名链接title：为连接添加提示文字，鼠标移入时出现target：指定连接的目标窗口链接的目标窗口：_parent 在上级窗口中打开，常用语框架页中_blank 在新窗口中打开页面_self 在当前窗口或者框架同一帧中打开_top 在顶层，也就是浏览器的整个窗口中打开邮件参数：subject 设置电子邮件主题cc 设置抄送收件人bcc 设置密件抄送（暗送）收件人& 参数之间的分隔符号绝对地址：在创建链接时，绝对地址需要提供完整的URL链接，包括相应的协议，如HTTP、FTP等等，该方法常用于引用另一网络服务器上的链接，例如： 相对地址：是指对于站点的根目录，它非常适合创建网站内部链接。如果要连接的文档位于当前文件夹中就只需输入文件名即可，如OK.html。只有要链接的文件位于当前文件夹之外时才有必要添加额外的路径信息。要连接到下级目录中的文件，需要输入目录名，后面跟一个“/”号，再输入文件名，如tech/OK.html。要连接到上级目录或上级其他子目录文件中的文件，需先输入“./”，后面跟目录名、文件名，如./index.html或者./inmage/ok.jpg。用菜单插入和设置图片替换文本：即当图片无法正常打开浏览时或者鼠标移至图片时候所显示的本文。详细说明：对替换文本的详细的补充，给出链接有详细的文本提示。（不常用）用代码直接插入图片其中输入src后会自动补充代码以及出现浏览图片的选项 选择图片 这边以001.jpg为例代码状态下为图片添加链接代码格式如下：为图片添加提示文本其中alt：设置提示文本 border设置图片边框用标签检查器设置图片align：对齐方式用属性面板设置图片垂直边距/水平边距：文字离图片的距离低解析度源：经过各种优化压缩处理的大小比较小的图片 在下载图片过程中 此项图片会优先下载 以体现图片下载速度编辑图像热区图像热区（地图）：即图像中局部创建的链接区域在属性面板中 找到地图文本框下的热区创建工具 在图片中创建需要的热区在标签检查器中设置热区：coords：热区在图像内的位置大小 三项参数从左到右依次为：（当前热区的水平位置，垂直位置，热区大小）是用多边形热点工具可以编辑不规则图形的热区 通过拖动锚点实现对图像重新取样在属性面板中 找到编辑一栏 重新取样按钮重新取样：即对图像放大或缩小导致的像素不协调（由于图像放大或者缩小时实际的像素是不改变的）所造成的图像效果进行重新的调节 以达到柔和图像的目的调整图像的亮度和对比度对比度：图片亮部和暗部的对比 值越大 亮部越亮暗部越暗 能够达到使主体更加突出 值越小亮部和暗部差异越小插入图像占位符常用工具栏中插入图像占位符图像占位符：在设计页面的时候 暂时不知道应该添加一个什么样的图片 我们可以预先设置一个图像占位符来占据页面中的一个位置 预留给将来需要插入的图片一定的空间代码插入占位符：插入鼠标经过图像常用工具栏中选择插入鼠标经过图像鼠标经过图像：其实是一个按钮 当鼠标移动上去的时候会改变为另外一张图片 一般存在一个链接弹出对话框中的各种参数：原始图像：鼠标未移动至的时候所显示的图像鼠标经过的图像：当鼠标移动至的时候所显示的图像按下时，前往的URL：所链接的地址添加导航条导航条其实就是鼠标经过图像的集合弹出窗口的各项参数：状态图像等均与插入鼠标图像的参数类似预先载入图像：及时出现导航按钮的翻转效果页面载入时就显示“鼠标按下图像”：制作多个页面时经常使用到插入：（水平或者垂直）插入的导航的显示方式HTML基础：插入图像标记的常用属性：src 制定图像链接的地址width，height 设置图像的宽度，高度alt 为图像添加提示文字，鼠标移入时出现border 设置图像边框vspace，hapace 垂直间距，水平间距align 排列，对齐usemap 图像包含热点(地图，热区)锐化：是通过增加相邻像素的对比度来使模糊图像变得清晰起来。锐化功能需要适度是用，过度使用往往会使画面马赛克增多，反而破坏画面。网络中流行及常使用的格式：JPG：是一种特别为显示照片而设计的可压缩的图像格式。该格式的图像可包含数百万种颜色，适合变现颜色丰富，色彩过渡平滑的图像。压缩后的JPG图像在网络上被广泛的使用，但被压缩过的图像多少会损失一些图像数据。因此在优化的同时还需控制图像尺寸，只要适度的压缩一般不会看出明显的画面质量差异。该格式不指出透明与动画。GIF：是一种压缩图像文件格式，最多只包含256中颜色，因为体积小，在网络中被广泛使用。该图像比较适用于表示卡通形象，标志或文本等颜色无序非常丰富的图像，而不适合于表现颜色过渡平滑的图像，比如照片。另外GIF（GIF89a）格式支持图像背景的透明以及生成简单的多帧GIF动画效果，在网络经常看到广告条，链接图标一般都给予这种格式创建。PNG：这是一种新兴的便携式，跨平台的网络图像格式，已经被大多数主流浏览器所支持。他同时拥有数百万种颜色，还支持背景透明。在网络上，其显示速度要快于前面两者。在网页三剑客的协作中，其适用性也优于其他两种格式的图像。插入FLASH SWF文件常用工具栏中选择插入FLASH如何在预览时将IE对计算机访问FLASH文件的保护关闭：在代码编辑界面的中间插入以下代码 属性界面的各种参数：文件：flash文件的地址源文件：flash的源文件 在需要对flash进行修改编辑时 可以直接单击编辑按钮打开flash来对源文件进行修改编辑品质：高品质 画面更加清晰 但是网上下载速度比较慢 低平直 画面比较粗糙 但是网上下载速度比较快比例：默认（全部显示） 当我们更改了flash画面的尺寸 但是画面依然保持了应有的长宽比例 剩余部分用背景色填充 完全显示了flash画面 无边框 flash整体大小不改变 但是只显示我调整后的部分 超出我调整后的部分将被裁减掉 即不显示 严格匹配 即flash整体画面随我调整的尺寸而变化 重设大小：恢复flash文件的原始尺寸插入FLASH按钮常用工具栏中选择插入flash按钮若需要修改参数设置 可以在属性面板中单击编辑按钮也可以再标签检查器中修改更多参数插入FLASH文本优点：可以在一定程度上解决用户端因未安装相应字体而无法浏览我设计中原本所设置的字体的局限 而使用了flash文本 不管用户端有没有相应字体 用户端依然可以看到我设计中所设置的字体弹出对话框中的参数：转滚颜色：记鼠标移动至的时候文字所显示的颜色若需要修改参数设置 可以在属性面板中单击编辑按钮也可以再标签检查器中修改更多参数插入FLASH PAPER插入FLASHVIDEO视频类型：累进式下载视频：即把视频下载到本地计算机中 不必要全部下载完成才能观看视频 即可以下多少可以看多少流视频：需要特定服务器支持Flash视频格式：flv检测大小：可以让计算机自己检测视频大小消息：当我们勾选了 如果必要，提示用户下载FLASH PLAYER 的选项 则当用户的FLASH版本比较低 无法浏览该FLASH视频的时候 自动弹出消息提醒用户插入媒体插件 插入视频文件当插入音频格式时 我们不希望用户看到播放器 而只听到背景音乐 可以再标签检查器中修改 找到hidden 选择 true 使其隐藏 找到autostart 选择true 使其自动播放 找到loop 选择true 使其循环播放 （视频同样可以当做背景音乐 方法相同）插入FLASH元素在FLASH元素工具栏中进行插入图像检查器点击右侧flash元素面板进行参数设置FLASH元素的各种参数：bgcolor背景颜色captioncolor图片标题的颜色captionfont 标题的字体captionsize 标题的大小framecolor 图片边框的颜色frameshow 是否显示边框framethickness 边框的粗细imagecaption 图片标题 单击编辑该项的数组值imagelinks 图片的链接imagelinktarget 链接的打开方式imageRULs 插入图片 图片的路径showcontrols 是否显示播放器的控制器slideautoplay 幻灯片是否自动播放slidedeplay 每张幻灯片的延时 即停留时间slideloop 是否循环播放tittle 播放器的标题tittlecolor 标题颜色tittlefront 标题的字体tittlesize 标题的大小transitions 图片与图片之间的过渡效果插入注释常用工具栏中插入注释代码： 只起解释作用 不会以任何方式显示插入时间常用工具栏中插入时间参数：存储时自动更新：插入的时间在下次存盘的时候会自动更新 无需手动操作在页面中插入表格在常用工具栏，布局工具栏中 选择插入表格弹出的表格对话框中的参数 默认状态下 会延续上一次的设置表格大小的参数：表格宽度：像素 固定的尺寸 百分比 相对的尺寸 相对网页的宽度该表格占百分之多少边框粗细：在排版中一般不希望显示边框 所以值一般设置为0 在编辑状态下显示虚线 预览时不显示单元格边距： 单元格边缘与单元格内的内容的距离 默认值为1 单元格间距： 单元格与单元格之间的距离 默认值为2设置表格页眉及辅助功能页眉：把所设置的这一列或者这一行的内容加粗辅助功能：标题： 位于表格正上方的标题 对齐： 标题的位置 但是只能选择单一的效果 无法叠加 若要进行叠加可以使用HTML进行设置摘要： 在代码中出现 但是在浏览器中无法显示 主要是对表格的描述在表格中添加内容在已有的表格的单元格内添加内容时 如果超出了原有设置的单元格大小 DW会自动扩展该单元格所在列的宽度 缩进其他列的宽度 而当其余列的单元格中也输入一定长度的内容时 DW会根据各单元格内容的多少 来分配单元格的宽度表格之间的拷贝与粘贴：拷贝的表格结构要雷同 拷贝的内容也要符合矩形的区域编辑中的选择性粘贴可以选择是否只拷贝格式或者文字如何导入导出表格数据导入方式：文件-导入-表格数据/布局工具栏-表格数据表格式数据：是以TAB 空格 逗号 句号等定界符分隔的数据 通常是文本文件对话框中的各项参数：.csv格式的表格数据文件 即EXCEL和DW导出的表格文件 是以逗号作为定界符分隔数据 定界符：可以选择DW给与的定界符（一般在导入数据文件时DW会自动侦测出相应的定界符）也可以在右侧文本框中输入特定的定界符表格宽度：匹配内容 即表格会依照数据的宽度去调整表格的大小导入EXCEL文件与导出表格导入EXCEL文件：文件-导入-EXCEL文档导出表格：文件-导出-表格选择表格的常用方法全选：1当光标移动至表格外 用鼠标单击表格边缘 即可全选表格2 用鼠标圈选表格3 当光标移动至表格内 在下方标签中单击table 或者 单击表格外部绿色数字表示的表格宽度 选择表格4 右键 表格 选择表格选行：鼠标移动到行的左侧 鼠标变成黑色箭头状 单击 选择一行当光标在表格内的某行 单击下方标签中的 选择行选列：鼠标移动到列的顶部 鼠标变成黑色箭头状 单击 选择一列单击表格外绿色小三角表示的列的宽度 选择列选单元格：当光标在表格内的某个单元格 单击下方标签中的当选择多个单元格时 鼠标左键拖动 或者将光标移至需要选区的区域内的第一个单元格 按住SHIFT 再单击最后一个单元格 即可选取当选择不连续的单元格时 按住CTRL键 点选需要选区的单元格 也可单击取消已选择的单元格插入行或列在表格的属性面板中通过设置行和列的数量来插入行和列当光标在表格内 右键 表格 插入行 插入列 插入行或列当选择插入行或列的时候 在弹出的对话框中可以选择插入的位置和插入的数量插入列：单击表格外绿色小三角表示的列的宽度 选择左侧或者右侧插入列嵌套表格当光标在表格内 然后再按照插入表格的操作来插入一张嵌套表格表格属性属性面板的参数：从左往右依次为1：清除列宽 即 单击表格外绿色小三角表示的列的宽度（用鼠标拖拽表格可以看到表示列宽的数值 清楚列宽即清楚该数值）2：将表格宽度转换成像素：将以百分比表示的表格宽度转换成像素表示3：将表格宽度转换成百分比：与2相对行高的操作与列宽类似填充：即单元格边距间距：即单元格间距表格行，列和单元格属性的设置选择行，列，单元格 在属性面板中设置参数：1：合并单元格2：拆分单元格不换行：当文字超过了单元格的表格宽度范围 是否扩展单元格或者使文字换行标题：将第一行变为标题 加粗 局中显示代码模式插入表格/行/单元格插入表格插入行：插入单元格：即为一个一行三列的表格在单元格中输入内容需要输入的内容代码模式下增加行蓝色部分表示表格中的一行 通过在中复制粘贴多个蓝色代码 即可增加相应的行数为表格加边框 在table后面敲回车 会出现代码提示 选择border DW会自动将代码补充完整设置表格宽度和背景色表格宽度：背景颜色：同样 在table后面敲回车 会出现代码提示 选择相应的代码DW会自动将其补充完整设置表格背景图设置单元格边距和间距边距：间距：综合边框 表格宽度 背景颜色 背景图片 单元格边距和间距：设置行颜色设置对齐（对齐方式：左对齐：left 居中对齐：center 右对齐：right）设置标题行以上为表格中一行的代码 将其修改为即将该行设置成为标题行代码合并单元格 删除合并的单元格代码 并将这些单元格中的内容放到一起 例如：姓名性别年龄将该行的三个单元格合并后：姓名性别年龄合并列在表格的首行的单元格代码中进行修改 如下： 删除合并的单元格代码（对应第几列） 并将这些单元格中的内容放到一起例如：姓名性别年龄123112233首列合并后的结果为：姓名111性别年龄232233辅助工具插入代码在HTML工具栏中选择插入相应的代码优化表格插入表格题注：题注内容格式化表格命令-格式化表格参数：将所有属性套用至TD标注而不是TR标签：把属性套用至单元格而不是单元行在弹出的格式化表格对话框中设置各项参数可以美化表格排序表格选中表格 命令-排序表格标签检查器align 对齐方式background 背景图片bgcolor 背景颜色border 边框粗细bordercolor 边框的颜色bordercolordark 亮边框的颜色bordercolorlight 暗边框的颜色cellpadding 单元格边距cellspacing 单元格间距height 单元格高度summary 摘要title 鼠标移上去显示的文字width 表格的宽度表格精确设置frame 显示表格边框的样式，是否显示：above 只显示顶边框below 只显示下边框border/box 全部显示hsides 显示上下边框lhs 显示左边框rhs 显示右边框void 全部不显示vsides 显示左右边框rules 设置表格内部边框的样式，是否显示：all：全部显示cols：只显示列groups：显示介于行列间的边框none：不显示内部边框rows：只显示行制作一像素表格首先设置表格对话框的参数 如下：边框粗细：0单元格边距：0单元格间距：1第二，设置表格的背景色第三，设置单元格的背景色（注：单元格背景色必须与表格所在区域的网页背景颜色相同）本节HTML基础 表格标记 表格行标记 单元格标记 rowspan 单元格跨行colspan 单元格跨列表格扩展模式布局工具栏中选择扩展模式 在该模式下 表格的边距和间距扩大了 但是实际的表格并没有改变 这样一来的好处是便于我们修改一些比较窄小的内容 表格和表格之间的移动等等绘制布局表格及单元格在布局工具栏中选择布局模式 在该模式下可以任意绘制布局表格和布局单元格1：绘制布局表格2：绘制布局单元格当我们在已经绘制的布局表格内绘制布局单元格时 我们可以按住CTRL键来进行连续的绘制 在布局模式下绘制的表格 边框为0，单元格的间距和边距也全部为0绘制嵌套表格直接在已经绘制的表格中再绘制一个表格即可 而单元格无法重叠绘制移动缩放表格直接左键拖拽和拖动锚点 即可移动和缩放单元格及表格单元格移动时注意 它是无法重叠嵌套的插入行和列1：在上面插入行2：在下面插入行3：在左面插入列4：在右面插入列表格属性与间隔图像单元格属性参数：自动伸展：根据网页浏览器的伸缩来改变大小 与百分比雷同 （一个表格中只能设置一个自动伸展）其他参数与标准模式下相似布局表格属性参数：1：清除行高 清除设定的行高2：使单元格宽度一致 选择一些单元格 使他们宽度一致1：清除所有间隔图像 2：删除嵌套 删除表格中嵌套的表格若将某一列设置为自动伸展后 设置为固定宽度的列会显示双线 说明在固定宽度的列的最后一行添加了间隔图像间隔图像：在表格中插入一个透明的GIF图像 防止宽度的改变（单元格宽度不能小于内容的宽度）在扩展模式下可以观察到间隔图像使用网格精确绘制查看-网格-显示网格使用布局层1：插入DIV标签2：绘制层点击绘制层 可拖出可以通过来移动和选择层在层中添加内容和在设计面板中添加内容的方法一致 在层中添加的各种内容都隶属于层 可以统一进行拖动和管理精确调整层调整层的大小 可以直接选中层 拖动锚点来调整大小精确的放大缩小和移动层：移动1个像素：按键盘上的上下左右移动10个像素：按SHIFT+上下左右放大缩小1个像素：CTRL+上下左右放大缩小10个像素：CTRL+SHIFT+上下左右使用菜单创建层插入-布局对象-层插入默认大小的层 默认大小为 宽200PX 高115PX层的嵌套按住ALT键 在已有层中绘制新的层 即实现了曾的嵌套 我们可以同时按住CTRL+ALT 然后绘制多个嵌套层层属性Z轴：当层超过一个时 用来设置层的层叠顺序 可以在右侧层面板中通过拖动来设置层顺序可见性：设置层是否可见default：默认可见inherit：继承 当存在嵌套图层时 子图层的可见性和父图层一致visible：总是可见hidden：不可见溢出：层内容超出部分是否可见visible：总是可见hidden：不可见scroll：滚动条 超出部分通过滚动条显示auto：智能 当超过时 显示滚动条 不超过时 不显示滚动条剪辑：将剪辑的部分隐藏可视化剪辑层技巧在需要剪辑的图层中嵌套一个层 记下子层的左 上 宽 高 删除图层 在需要剪辑图层的剪辑文本框中输入 记下的左 上 数值 右=左+宽 下=上+高 那么我们就实现了可视化的剪辑使用层面板小眼睛 图层是否可见名称 Z轴通过拖动 来调整层的顺序选中层 按下DELETE 删除层防止重叠 避免层的重叠和嵌套 用于层转换成表格时使用 因为单元格是不能嵌套和重叠的标尺和辅助线的使用技法标尺：改变标尺单位 在标尺上单击鼠标右键 选择单位CTRL+ALT+R 关闭和显示标尺鼠标单击处 按住不放进行拖动 改变标尺的原点位置若想恢复原点 可以右键标尺 选择恢复原点 也可双击辅助线：鼠标单击标尺 按住拖动 即可拖出辅助线 若想删除辅助线 可单击辅助线拖动至标尺 即可删除网格的使用技法网格的设置：靠齐到网格 使图层具有吸附网格的作用辅助线的精确设置辅助线的设置：锁定辅助线 使辅助线无法自由移动 CSS样式样式面板制作标题样式单击中的新建一个CSS规则呼出在选择器类型中选择标签在标签中选择相应的标签代码 标题代码为h1h6 呼出在 类型 中设置字体 大小 粗细 样式 等等在 区块 中选择文字的排版模式 包括对齐方式 文字间距等等设置完成后选中需要设置该CSS规则的文本 在属性面板中的格式中选择相应的格式来套用该CSS规则设置段落样式步骤同上 标签代码改为p（段落）在 类型 中设置字体的各种参数在 区块 中设置首行缩进在 方框 中设置左右边界的大小设置图片样式步骤同上 选择器类型改为类 标签代码改为image在 方框 中设置图片的宽和高 浮动中设置图片的对齐方式浮动：对齐方式 以及让目标周围的内容环绕它设置填充（即目标与其他内容之间的距离）套用CSS规则方法1：设置完成后 选中目标 在CSS面板中选择已经建立好的image规则 右键选择套用扶植法制作图片样式已经建立好的CSS规则可以重复套用给多个目标图片套用CSS