《Web应用开发》课件-03 图像_第1页
《Web应用开发》课件-03 图像_第2页
《Web应用开发》课件-03 图像_第3页
《Web应用开发》课件-03 图像_第4页
《Web应用开发》课件-03 图像_第5页
已阅读5页，还剩7页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

本章简介：图像和多媒体是网页中的重要元素，在网页中的应用越来越广泛。本章主要讲解图像和多媒体在网页中的应用方法和技巧，通过这些内容的学习，可以使设计制作的网页更加美观形象、生动丰富，更可以增加网页的动感，使网页更具有吸引力。第3章在网页中插入图像课堂学习目标掌握在网页中插入和编辑图像的方法掌握多媒体在网页中的应用方法和技巧3.1图像的基本操作在网页中插入图像设置图像属性图像占位符课堂案例—环球旅游网页3.1.1在网页中插入图像要在DreamweaverCS6文档中插入的图像必须位于当前站点文件夹内或远程站点文件夹内，否则图像不能正确显示，所以在建立站点时，网站设计者常先创建一个名叫“images”的文件夹，并将需要的图像复制到其中。3.1.2设置图像属性插入图像后，在“属性”面板中显示该图像的属性。属性面板3.1.3图像占位符在网页中插入图像占位符的具体操作步骤如下。（1）在文档窗口中，将插入点放置在要插入占位符图形的位置。（2）通过以下几种方法启用“图像占位符”命令，弹出“图像占位符”对话框。选择“插入”面板中的“常用”选项卡，单击“图像”展开式工具按钮，选择“图像占位符”选项。选择“插入>图像对象>图像占位符”命令。在“图像占位符”对话框中，按需要设置图像占位符的大小和颜色，并为图像占位符提供文本标签，单击“确定”按钮，完成设置。3.1.4环球旅游网页使用“图像”按钮，插入图像；使用“CSS样式”命令，控制图像的水平边距。效果图3.2多媒体在网页中的应用插入Flash动画课堂案例——现代木工网页3.2.1插入flash动画DreamweaverCS6提供了使用Flash对象的功能，虽然Flash中使用的文件类型有Flash源文件(.fla)、FlashSWF文件(.swf)、Flash模板文件(.swt)，但DreamweaverCC只支持FlashSWF(.swf)文件，因为它是Flash(.fla)文件的压缩版本，已进行了优化，便于在Web上查看。3.2.2课堂案例—现代木工网页使用“媒体：SWF”按钮，为网页文档插入Flash动画效果；使用“播放”按钮，在文档窗口中预览效果。效果图课堂练习—儿童零食网页

使用“图像”按钮，插入图像；使用“代码”视图，手动输入代码设置图像的水平间距。效果图课后习题—准妈妈课堂网页

使用“

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论