Adobe Dreamweaver CS6 复习大纲(完整版)修改后的

《Adobe Dreamweaver CS6 复习大纲(完整版)修改后的》由会员分享，可在线阅读，更多相关《Adobe Dreamweaver CS6 复习大纲(完整版)修改后的（66页珍藏版）》请在金锄头文库上搜索。

1、Adobe Dreamweaver CS6 复 习 大 纲,一、网页设计概述 1.网站和网页的概念和区别,网页就是一个浏览页面，是一个html文件，浏览器是用来解读这份文件的。每个网页都由文字，图片，视频等信息组合而成。 网站，就需要单独编辑若干个html文件，然后通过“超链接”把它们连接在一起。,2. 网页的设计过程和构成部分,网站策划 人员组织 页面设计 程序开发 测试发布 维护推广 项目总结,3. 如何创建文档和保存文档,文件创建：文件面板中右键单击新建文件（快捷键Ctrl+N） 文件保存：Ctrl+S,二 HTML语言 1. HTML语言概念,可视化的设计界面：学习简单，操作快捷 跨浏

2、览器支持：支持多种浏览器，并可以选择主要的浏览器 支持动态网页技术：CSS、层、行为、JavaScript 强大的网站管理功能：库、模板、标签等,2. 一个网页文档由哪些基本HTML标记组成,一个文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list)等成分构成。,三站点的创建和管理 1.创建站点和管理站点,Dreamweaver可以制作单独的网页文件，但更经常地用于整个站点的建设。因为大多数设计者创建风格一致的一个整体网站。 站点功能： 统一管理网站中所有的网页文件和素材，是一个文件夹,1)、创建本地站点,选择“站点”“管理站点”

3、。 出现“管理站点”对话框。 注意：如果您没有定义过任何 Dreamweaver 站点，则会直接出现“站点定义”对话框，您可以跳过下一步。 单击“新建”按钮。 出现“站点定义”对话框。执行下列操作之一： 单击“基本”选项卡以使用“站点定义向导”，它将引导您逐步完成设置过程。 单击“高级”选项卡以使用“高级”设置，它使您可以根据需要分别设置本地、远程和测试文件夹。完成 Dreamweaver 站点设置过程： 在“站点定义向导”中，回答每一屏上出现的问题，然后单击“下一步”继续进行设置，或者单击“上一步”返回到前一屏。 对于“高级”设置，可根据需要完成“本地信息”类别、“远程信息”类别和“测试服务

4、器”等类别。,2)、网站文件管理,我们往往根据站点内容，采用层次化目录结构分类分级保存网站文件，将相关的页面放在同一文件夹中，必要时可以使用子文件夹，这种组织类型使站点更容易维护和导航。 文件创建：文件面板中右键单击新建文件（快捷键Ctrl+N） 选择文件：可单击选一或配合Ctrl键和Shift键进行多重选择。打开和编辑：双击 删除：Delete键 改名：两次单击 关于保存：保存、另存为、全部保存、回复至上次的保存 复制与粘贴：快捷菜单或Ctrl+拖动 移动：直接拖动 关闭：快捷键Ctrl+W 消除文件只读属性：右键快捷菜单 设为首页：右键快捷菜单 添加设计备注：右键快捷菜单 默认情况下，当移

5、动、重命名或删除站点中文档时Dreamweaver会提示你执行更新，站点管理器可自动修复页面中相应的超链。（编辑首选参数常规文档选项设置“移动文件时更新链接”）,3)、页面预览,菜单：文件在浏览器中预览iexplore 工具栏地球图标预览在iexplore,四插入文本 1.文字输入 换行和分段,1、文字输入 2、文字编辑 3、文字属性面板 4、使用CSS样式 5、清理当前页面,1、文字输入 要注意的细节： （1）换行与分段 换行：Shift+Enter(菜单：插入HTML特殊字符换行符) 分段：Enter,1、文字输入 (2) 空白 全角空格 代码视图中输入 或插入栏文本字符不换行空格 输入多

6、个连续空格：编辑首选参数常规选中“允许多个连续的空格” 直接按 Ctrl+Shift+空格键输入空白,1、文字输入 (3) 插入时间与日期 插入栏常用日期 菜单：插入日期 (4) 插入特殊符号 插入栏文本字符 菜单：插入HTML特殊字符 (5) 分隔线 插入栏HTML水平线 菜单：插入HTML水平线,2、文字编辑 （1）文字选取 拖动选取 双击选择英文单词或中文句子；三击选择段落； 单击起点，然后按Shift，再单击终点，选中两点之间文本。 编辑全选； 单击状态行上的标签选择器；,2、文字编辑 （2）剪切、复制与粘贴及撤消与重做 Ctrl+拖动：复制 拷贝HTML/粘贴HTML 撤消：Ctrl

7、+Z 重做： Ctrl+Y,2、文字编辑 （3）查找与替换（Ctrl+F ） 在当前文件中替换文本 在一个文件夹中替换文本 保存和载入查询 在源代码中查找与替换 高级文本查找替换 替换HTML标签 查找下一个（F3键）,3、文字属性面板 显示/关闭当前对象属性面板：CTRL+F3 段落和标题格式（文本段落格式） 文字颜色（文本颜色） 字体（文本字体） 文字大小（文本大小/改变大小） 文字样式（文本样式） 对齐方式（文本 对齐） 列表（有序列表、无序列表）及列表属性（文本列表） 段落缩进（Ctrl+Alt+ ）或凸出（ Ctrl+Alt+ ）（文本缩进/凸出） 文字超链接（属性面板中链接栏）,4

8、、使用CSS样式 通过设置CSS样式，可以快速一致地将字体格式应用于文档中的文本。 CSS样式可由单个或多个CSS字体标签属性（如颜色、字体、大小）以及其他格式属性（粗体或斜体）组成。 菜单：窗口 CSS样式 菜单：文本 CSS样式,5、清理当前页面 （1）清理HTML/XHTML 此功能可删除空标签、合并嵌套FONT标签，以及通过其他方法改善杂乱或不可读的HTML代码。 命令清理HTML/XHTML 文件转换 XHTML 5、清理当前页面 （2）导入Word 文件和清理Word生成的HTML 文件导入 Word文档 命令清理Word生成的HTML,2空格输入,空格（切换段落） Shift+空

9、格（空格）,3.时间日期、特殊符号、分割线hr,(3) 插入时间与日期 插入栏常用日期 菜单：插入日期 (4) 插入特殊符号 插入栏文本字符 菜单：插入HTML特殊字符 (5) 分隔线 插入栏HTML水平线 菜单：插入HTML水平线,五插入图像 1.图像插入,1、图像的格式 虽然图像标准中存在多种图形文件格式，但网页中通常使用的只有三种，即GIF、JPEG和PNG。目前， GIF和JPEG格式的支持情况最好，大多数浏览器都可以查看。 GIF：只支持256种颜色 JPEG：有损压缩的格式 PNG：无损压缩图像，支持一千六百万种颜色。,2、图像文件和图像占位符插入 菜单：插入图像 工具栏：插入栏常

10、用图像 在站点面板中直接将图像文件拖到页面上 从资源管理器中直接将图像文件拖到页面上 菜单：插入图像对象图像占位符 工具栏：插入栏常用图像占位符,3、图像和图像占位符属性面板使用 主要属性：图像的名称、大小、源文件、链接、替代文字、边框和边距、对齐方式等。,4、图像热区 使用图像地图，可以在单个图像中创建多个热点或热区（可单击的区域），并使每一个热点链接到一个不同的URL。 注：图像地图指已被分为多个可链接区域（或称“热点”）的图像 （1）绘制热区 矩形 椭圆形 多边形 4、图像热区 （2）选择热区 多选方法：SHIFT+单击 （3）移动热区 （4）调整热区大小,5、插入交互式图像 （1）鼠标

11、经过图像（简单翻转图） 使用以下方法之一插入鼠标经过图像： 在“插入”栏中，选择“常用”，然后单击“鼠标经过图像”图标。 在“插入”栏中，选择“常用”，然后将“鼠标经过图像”图标拖到“文档”窗口中的所需位置。 选择“插入”“图像对象”“鼠标经过图像”。 5、插入交互式图像 （2）导航条 导航条由图像或图像组组成，这些图像的显示内容随用户操作而变化。每个页面只能有一个导航条。 使用“插入导航条”命令之前，须首先为各个导航项目的显示状态创建一组图像。,5、插入交互式图像 （2）导航条 若要创建导航条，请执行以下操作： 执行下列操作之一： 选择“插入”“图像对象”“导航条”。 在“插入”栏的“常用”

12、类别中，单击“图像”菜单并选择“插入导航条”按钮。 出现“插入导航条”对话框。设置相关项目 6、导入Fireworks HTML Fireworks可利用切片将图片文档分割成多个较小的部分并将每部分导出为单独的文件。 插入图像对象 Fireworks HTML 插入栏常用 Fireworks HTML 7、制作WEB相册 命令菜单创建网站相册,8、图像的优化和格式转换 （1）用Fireworks优化页面图像 右击图像在 Fireworks中优化 命令 在 Fireworks中优化图像 （2）用Photoshop和Fireworks转换图像文件格式和优化处理,六插入超链接,1、关于URL URL

13、（统一资源定位符）：用于描述网络资源的位置、类型和访问方法。 一般格式： 协议:/IP地址（域名）:端口号/目录/文件名 协议：指明访问该资源所采用的协议。如HTTP、FTP等。 2、超链接的制作方法 （1）通过“指向文件”图标创建链接 注：文件名最好不用中文。如一定要使用中文文件名，则需要设置： 编辑首选参数代码改写使用%将URL中的特殊字符编码 （2）属性面板Link栏输入和文件夹图标创建链接,2、超链接的制作方法(续) （3）插入菜单或插入栏创建超链 插入菜单超级链接 插入栏常用超级链接 修改菜单创建链接 （4）超链接的相关操作 修改菜单创建链接或更改链接 修改菜单移除链接 修改菜单打开

14、链接页面 修改菜单链接目标,3、超链接的类型 (1) HTML链接（页面链接） (2) E-mail链接 Link栏手工输入 mailto:邮件地址 插入栏常用电子邮件链接 插入菜单电子邮件链接 (3) 文件链接 (4) 锚点和链接 3、超链接的类型 (4)锚点和链接 创建锚点 插入菜单命名锚记 插入栏常用命名锚记 锚点引用 同一文件中锚点引用，在属性面板中超链栏填写#锚点名 不同文件之间锚点引用，则填写文件名#锚点名,3、超链接的类型 (5)空链接 创建空链接，只需在属性面板Link栏输入符号 # 或者 javascript:; (6)脚本链接 主要用于让页面文字具有获取事件的能力，尤其是方

15、便文字与行为和脚本程序的结合。 3、超链接的类型 (6)脚本链接 -续 创建脚本链接，在属性面板Link栏输入 javascript:(后面跟一些 JavaScript 代码或函数调用) 例如： 打印当前页面，在属性面板Link栏输入 javascript: self.print() 关闭当前窗口，在属性面板Link栏输入 javascript: self.close(),3、超链接的类型 (6)脚本链接 -续 例如： 显示一个警告框，在属性面板Link栏输入 javascript:alert(This link leads to the index) 4、设置链接的目标窗口 _blank:在

16、新的浏览窗口中打开链接的文档 _parent:在显示链接的框架父框架集中打开链接的文档，同时替换整个框架集。 _self：在当前框架中打开链接，同时替换所有框架。 _top：在当前浏览器窗口中打开链接的文框，同时替换所有框架。,七插入表格,插入菜单表格 1、插入表格 插入栏 常用表格 或插入栏 布局表格 2、表格基本操作 （1）选择表格元素 整个表格：标签、修改表格选择表格、右键、Ctrl+A+A、边框 行、列 ：标签（行）、边框、拖拽 单元格：标签、 Ctrl+单击、 Ctrl+A、拖拽,2、表格基本操作 （2）处理表格行、列 插入行（Ctrl+M）、列（ Ctrl+Shift+A ） 修改菜单、右键、属性检查器、Tab 删除行（ Ctrl +Shift +M ）、列（ Ctrl +Shift +- ） （3）单元格分、合 单元格合并（ Ctrl +Alt +M ） 单元格拆分（ Ctrl +Alt +S ）,2、表格基本操作 （4）其它操作 行列宽度调整和高度调整 表格复制、剪切