第2章Dreamweaver CS4基本操作.ppt

第2章 Dreamweaver CS4基本操作 2.1 初识Dreamweaver CS4 2.2 网页中文本和图片的处理 2.3 多媒体网页的制作 2.4 超链接的应用 2.5 网页中的表格 2.6 使用框架和框架集 2.7 CSS样式表的应用 2.8 Div标签和AP Div的应用 2.1.1 Dreamweaver CS4工作界面 工作窗口 三种视图方式 “代码”视图方式 “设计”视图方式 “拆分”视图方式 面板和面板组 “属性”面板 面板组 “插入”面板 例2.1 利用Dreamweaver CS4制作一个简单的网页，文字内容是“这是利用Dreamweaver制作的第一个网页！”，文件名保存为myweb001.html。 2.1.2 站点的建立 定义站点名称 设置是否使用服务器技术 设置站点的本地文件夹 设置远程服务器的链接方式 完成站点定义向导 2.1.3 管理站点 1、管理站点 站点的编辑 复制、删除站点 2、创建站点的子文件夹 3、创建网页文件方法 在“欢迎屏幕”中新建 通过“文件”菜单新建 在“文件”面板中单击右键新建 例2.2 利用Dreamweaver CS4建立一个嘉应学院的网站站点，站点名称是jyu，网站的文件都保存在D:\jyu文件夹中，并在网站中创建一个网页文件，文件名是index.html。 2.2 网页中文本和图片的处理 2.2.1 设置页面属性 设置“外观(CSS)”页面属性 设置“外观(HTML)”页面属性 设置“链接(CSS)”页面属性 设置“标题(CSS)”页面属性 设置“标题/编码”页面属性 设置“跟踪图像”页面属性 2.2.2 文本的处理 文本的输入 直接输入 粘贴剪贴板中的文本 从其他文档导入 特殊字符的输入 插入日期 4. 文字格式的设置 通过“格式”菜单设置 利用“属性”面板设置 5. 创建列表 项目列表 又称为无序列表，每个列表项之间没有顺序级别之分。 编号列表 又称为有序列表，每个列表项之间是有先后顺序的。可以采用阿拉伯数字、字母或罗马数字等作为编号列表的编号，并且可以指定起始编号。 2.2.3 图像的处理 1. 插入图像 通过“插入”面板 通过“插入”菜单 例2.8 新建“插入图像实例”网页，在网页中插入嘉应学院校徽，保存位置为D:\jyu。 2. 插入图像占位符 3. 图像的编辑 调整图像的大小 设置图像边框 图像裁剪 图文混排 例2.10：新建“嘉应学院简介”网页，把“例2.5.txt”文档中的文字内容复制到网页中，并在其中插入“xiaoming”图像，进行图文混排，效果如图2-89所示。 4. 插入“鼠标经过图像” “鼠标经过图像”是指当鼠标指针经过一幅图像时，该图像会显示为另一幅预先设置好的图像，当鼠标指针移开时，又会恢复为第一幅图像。在网页制作的过程中，这样的效果经常应用到广告、按钮中。 2.3 多媒体网页的制作 2.3.1 插入声音 1.插入音频 方法一：“插入”—“媒体”—“插件”（菜单） 方法二：“插入”面板—“常用”工具栏—“媒体” 2.制作网页背景音乐 第一步：插入音频文件 第二步：隐藏音乐的播放控制条 2.3.2 插入视频 常见的视频格式有：WMV、AVI、MPG、RMVB 网页中插入视频文件的两种方式：嵌入式视频和链接式视频 1.嵌入式视频 方法一：“插入”—“媒体”—“插件”（菜单） 方法二：“插入”面板—“常用”—“媒体” 2. 链接式视频 链接式视频是指通过单击网页中的 选定设置链接的文字或图片，设置“属性”面板中的“链接”文件为相应的视频即可。 2.3.3 Flash动画的应用 Flash是网上流行的矢量动画技术，通过Flash可以让网页变得更有感染力和吸引力 常见的Flash文件类型： FLA文件 SWF文件 FLV文件 1. 插入和播放Flash动画 插入Flash动画（.swf文件）的方法： 一：“插入”——“媒体”——“SWF”菜单项 二：“插入”面板—“常用”—“媒体”—“SWF” 2. 插入和播放Flash视频 Flash视频是一种新的流媒体视频格式，具有文件体积小，加载速度快，播放品质高等特点，扩展名是.flv。 插入Flash视频的方法： 一：“插入”—“媒体”—“FLV..”菜单项 二：“插入”面板—“常用”工具栏—“媒体”按钮 3. 插入Shockwave动画 Shockwave动画用Diretor制作，扩展名是.dcr。 插入Shockwave方法： 一：“插入”—“媒体”—“Shockwave” 二：“插入”面板—“常用”—“媒体”—“Shockwave” 4. 插入FlashP