多媒体 CAI 课件制作技术与应用第8章.pptVIP

多媒体CAI课件制作 第八章 Dreamweaver的操作 本章学习重点 了解Dreamweaver的特点 掌握Dreamweaver中插入多种媒体的方法，包括文字、图像、声音、flash等等 掌握超级链接的设置 掌握Dreamweaver中表格的基本操作 掌握Dreamweaver中布局表格的使用技巧 掌握Dreamweaver中框架的操作 掌握Dreamweaver的层、行为、时间轴的概念 了解网站发布的基本方法 Dreamweaver简介 Dreamweaver的特点 1．操作简单： 2．多媒体处理功能强： 3．灵活轻便： 4．建站方便： Dreamweaver的特点 1．操作简单 2．多媒体处理功能强 3．灵活轻便 4．建站方便 Dreamweaver界面简介 工作区布局选择 起始页项目 工作区 站点的应用与管理 在Dreamweaver 中包括两种站点： 远程站点：服务器上组成 Web 站点的文件，用于个使用者进行网上浏览。 本地站点：与远程站点上的文件对应的本地磁盘上的文件。在最常见的 Dreamweaver 工作流程中，用户在本地磁盘上编辑文件，然后将它们上传到远程站点。 创建站点 站点布局 网站设计初始需要设计人员对网站的主题进行规划，网站必须主题鲜明，有层次感。一般的网站中的网页设计不多于三层，这样，用户可以方便地从主页中快速的找到连接网站中的其他网页的途径。 因此在网站设计前一定需要对网站的连接进行规划，这在网页的实际设计中就表现在站点地图上。 （1）设置主页 （2）查看站点地图 8.2 Dreamweaver基本操作 新建并保存网页 设置页标题 添加文字及格式设置 添加图像 设置超级链接 插入flash 表格的应用 框架在网页上的应用 层的概念 利用行为制作动态效果 使用时间轴制作DHTML 使用样式表CSS 表单的使用 新建并保存网页 1． 新建网页 2． 打开网页 3． 保存网页 设置页标题 1．如果【文档】工具栏未显示，选择菜单【插入】→【工具栏】→【文档】打开【文档】工具栏。如图8.14所示的【文档】工具栏将出现在【文档】窗口的顶部。 ? 2．在【标题】文本框中，选择文本【无标题文本】，然后按删除键，接着键入该页的标题，如“我的主页”。然后按 Enter 键，查看【文档】窗口标题条中页标题的更新。用户也可以单击【文档】工具栏上的浏览器浏览按钮，进行浏览。完成后，单击【文档】工具栏上的保存按钮保存页面。 添加文字及格式设置 1． 添加文字 （1）将文本添加到文档 （2）将 Word 或 Excel 文档的内容添加到新的或现有的 Web 页中 2． 文字颜色设置 （1）选择文本 （2）选择颜色 3． 设置或更改字体 （1）选择文本 字体 字体样式 字体大小 添加图像 1．插入图像占位符 2、替换占位符，插入图像 3．直接插入图像 4． 调整图像 大小 裁剪 亮度/对比度 锐化 设置超级链接 1．创建链接 （1）链接到其它文档或文件（如图形、影片、PDF 或声音文件）的链接 （2）命名锚记链接 （3）电子邮件链接 （4）空链接和脚本链接 2． 链接的字体显示 3． 为图片设置超级链接 插入flash 1． 创建和插入 Flash 按钮 2．插入 Flash 文本对象 3．插入 Flash 影片 4．插入 Flash 元素 表格的应用 1． 插入表格 2． 设置表格属性 3． 拆分和合并单元格 4．布局模式 框架在网页上的应用 1． 创建框架 2．具有控制链接的框架内容的设置 （1）单击框架面板的各个部分， 为每一个框架命名 （2）设置超级链接属性 _blank 在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。 _parent 在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集。 _self 在当前框架中打开链接，同时替换该框架中的内容 _top 在当前浏览器窗口中打开链接的文档，同时替换所有框架。 层的概念 1． 插入层 2． 使用【层】面板 3． 对齐层 4． 在层和表格之间转换 （1）层转换为表格 （2）表转换为层的步骤为： 利用行为制作动态效果 1． 播放声音 2． 打开浏览器窗口 3． 弹出消息框 4． 控制 Shockwave 或 Flash