(DREAMWEAVER电子教案.docVIP

第1章 初识Dreamweaver安装、下载方法.一、教学目的：学习原DR的安装、下载方法. 二、教学重点：概述和安装 三、教学过程1.1 Dreamweaver MX概述 1、直观的新工作区 2、更加强大的模板 3、广泛的代码库 4、新服务器技术 5、帮助初学者起步的示例内容 6、XML和WEB标准支持 7、改进的级联样式表（CSS） 8、高性能的新编码功能 9、高性能的新编码功能 10、优化COLDFUSION　MX开发环境 ? 使用 Dreamweaver 工作区选择工作区布局（仅适用于 Windows） 在 Windows 中首次启动 Dreamweaver 时，会出现一个对话框让选择一种工作区布局。如果以后改变了主意，可以使用“参数选择”对话框切换到一种不同的工作区。 选择工作区布局： 选择下列布局之一： Dreamweaver MX 工作区 HomeSite/代码编写者样式的 Dreamweaver MX 工作区 Dreamweaver 4 工作区 在选择一种工作区后切换到另一种工作区： Dreamweaver MX 工作区 浮动工作区布局（Windows 和 Macintosh） 状态栏 “文档”窗口底部的状态栏提供与正创建的文档有关的其他信息。 调整“文档”窗口的大小 将“文档”窗口的大小调整为预定义的大小： 向“窗口大小”弹出式菜单中添加新的大小： 将“文档”窗口最大化（仅适用于 Windows 集成工作区）： 使用快速启动条 快速启动条显示在状态栏中，包含用以打开和关闭各种面板、检查器和窗口的按钮。 若要显示快速启动条，请在“面板”参数选择中启用“在面板和启动器中显示图标”选项。可以指定在快速启动条中显示哪些项目。使用文档工具栏 “显示代码视图 “显示代码视图和设计视图” “显示设计视图 “标题” “文件管理” “在浏览器中预览/调试” “换行符”在插入点处插入一个换行符。还可以按下 Shift+Enter (Windows) “不换行空格”在插入点处插入一个不换行的空格 (nbsp;)。 “左引号”、“右引号”和“破折线”在插入点处插入标点符号。 “英镑符号”、“欧元符号”和“日元符号”在插入点处插入货币符号。 “版权”、“注册商标”和“商标”在插入点处插入相应的符号。 “其它字符”  第3单元网页中的图像链接 教学目的：掌握网页中插入图像、修改属性、插入交互图像以及创建交互图像的方法。 教学重点：插入图像、控制图像　创建链接、插入交互图像的方法。 插入图像操作： 在“文档”窗口中，将插入点放置在您要显示图像的地方，然后执行以下操作之一： 在“插入”栏的“常用”类别中，单击“图像”图标。 在“插入”栏的“常用”类别中，将“图像”图标拖入“文档”窗口中（或者，如果您正处理代码，则拖入“代码”视图窗口中）。 选择“插入”“图像”。 将图像从“资源”面板（“窗口”“资源”）拖到“文档”窗口中的所需位置；然后跳到第 3 步。 将图像从“站点”面板拖到“文档”窗口中的所需位置；然后跳到第 3 步。 将图像从桌面拖到“文档”窗口中的所需位置；然后跳到第 3 步。 在出现的对话框中执行下列操作之一： 选择“文件系统”以选择一个图形文件。 选择“数据源”以选择一个动态图像源文件。 浏览以选择您要插入的图像或内容源文件。 如果您正在一个未保存的文档中工作，则 Dreamweaver 生成一个对图像文件的 file:// 引用。将文档保存到站点中的任何位置后，Dreamweaver 将该引用转换为文档相对路径。 在属性检查器（“窗口”“属性”）中，设置该图像的属性。设置图像属性 设置以下任一选项： 使用缩略图下面的文本域设置名称，以便在使用 Dreamweaver 行为（例如“交换图像”）或脚本撰写语言（例如 JavaScript 或 VBScript）时可以引用该图像。“宽”和“高”以像素为单位指定图像的宽度和高度。 “源文件”指定图像的源文件。单击文件夹图标以浏览到源文件，或者键入路径。 “链接”指定图像的超链接。将“指向文件”图标拖到“站点”面板中的某个文件，单击文件夹图标浏览到站点上的某个文档，或手动键入 URL。?有关创建链接的信息， “对齐”对齐同一行上的图像和文本。 “替代”指定只显示文本的浏览器或已设置为手动下载图像的浏览器中代替图像显示的替代文本。对于使用语音合成器（用于只显示文本的浏览器）的有视觉障碍的用户，将大声读出该文本。在某些浏览器中，当鼠标指针滑过图像时也会显示该文本。 “地图名称”和“热点工具”允许您标注和创建客户端图像地图。。 “垂直边距”和“水平边距”沿图像的边缘添加边距（以像素为单位）。?“垂直边距”沿图像的顶部和底部添加边