《dw教学课件》第二讲----文本、图像、多媒体.ppt

网页三剑客,主讲:刘苗,第二讲 文本、图象、多媒体,3,通过本讲的学习,掌握使用文本、图象美化页面,学会图文混排以及多媒体的插入设置。,教学目标,4,文本的基本操作及其属性设置 图片的文件格式及其图片属性的设置 多媒体的插入如flash动画、flash按钮及flash文本等,本讲主要内容,5,任务一、文本的处理,1、 文本的输入及属性设置 属性面板的设置 插入面板下的文本面板,6,字体的构成（编辑字体列表） 字体-宋体、黑体、楷体及如何插入其他字体font 字号pt、px 文本样式的设置： 粗体 斜体 加强 强调 或者 文本菜单-样式 段落（新建一个段落） 换行标签 Shift+Enter 块引用（设置文本的缩进）,7,已编排的格式： 对文本进行预格式化，利用预格式化的特性可以方便的输入多个空格 标题：特殊显示的文字 .由大到小 插入特殊字符 输入连续空格：快捷键Ctrl+shift+空格 插入版权符号 插入菜单-日期,8,插入水平线 插入-html-水平线 从外部粘贴文字 只有text文档才可以直接用Ctrl+c在Dreamweaver中直接用Ctrl+v. Word和网页中的文字，只可直接Ctrl+c但不可以直接Ctrl+v。因为在Word中有自己的样式。 在Word和网页中复制文本，粘贴在记事本中，再在 记事本中复制，粘贴在DW中,9,列表 建立列表格式,包括项目列表,编号列表,列表项。 创建列表 创建新列表 有序列表: 编号列表 ol=Order List 无序列表： 项目列表 ul=un Order List 使用已有文本创建列表的方法： 创建嵌套的列表 注：按Enter一次继续添加列表 按Enter两次结束列表或按shift+Enter,10,列表标记： 有序列表标记： eg: 无序列表标记： eg: eg: 北京 石家庄 ,11,任务二、图像,1、常见网页图像的格式 GIF（Graphics Interchange Format） 图形交换格式是一种索引颜色格式。 JPEG（Joint Picture Experts Group） 联合图像专家组是一种有损压缩的格式。 PNG（Portable Network Graphic） 可移植网络图形是专门针对WEB开发的一种无损压缩图像，支持透明背景和动态效果。,12,2、图像的插入 插入图像(ctrl+Alt+I) 插入图像对象 图像占位符 鼠标经过图像 导航条 Fireworks html 编辑图像,13,3、 图像的属性设置 给图像命名 改变图像大小 更换图像 给图像设置链接 给图像制作热区 对齐方式：垂直对齐图像 水平对齐图像 替换：给图像加上文本说明 设置低解析度源 图片加边框 编辑按钮 垂直边距和水平边距,14,补充:在DreamWeaver中快速制作相册 先建一个文件夹将要放入此相册中的图片放在此文件夹中； 命令菜单创建网站相册 生成仍会出现一个文件夹包括如下： 放原始图片：images 生成浏览页：pages 缩略图文件夹：thum 首页：index,15,1、插入flash动画 插入-媒体-flash(ctrl+Alt+F) 或者利用常用插入工具栏、菜单命令或者拖动方式可以插入 。插入多媒体的操作只能在已经保存的网页中进行。 属性如下：,任务四、多媒体,16,补充： 透明处理Flash影片的背景为透明的方法 在Flash影片的属性面板中单击”参数”按钮. 在参数对话框的参数和值分别输入wmode和transparent,17,2、插入flash按钮 把鼠标指针停留在插入位置，然后单击常用插入工具栏的媒体按钮选择Flash按钮。,18,3、插入flash文本 插入flash文本也是Dreamweaver从.开始支持的功能，利用该功能可以使用自选的字体、字型和字号去制作一个仅包含文本对象的flash动画 把鼠标指针停留在插入位置，然后单击insert面板media子面板中的insert flash text按钮,19,4、添加视频 插入视频 （插入-插件） 补充：插件 当我们在万维网的天地里遨游时，经常遇到一些浏览器无法自行处理的文件，像word文件和三维动画文件等，为解决这个问题，开发出一些软件，这些软件