slide1
Download
Skip this Video
Download Presentation
第 05 章 创建与编辑路径

Loading in 2 Seconds...

play fullscreen
1 / 17

第 05 章 创建与编辑路径 - PowerPoint PPT Presentation


  • 111 Views
  • Uploaded on

第 05 章 创建与编辑路径. 图像是网页制作中一个不可缺少的部分,在页面中恰当地使用图像,不仅可以使网页美观,更重要的是可以更加直观地表达信息,同时可以吸引浏览者。 在网页中插入图像通常是用于添加图形界面 ( 例如按钮 ) 、创建具有视觉感染力的内容 ( 例如照片、背景等 ) 或交互式设计元素 ( 例如鼠标指针经过图像或图像地图 ) 。. 5.1 教学目标. 掌握知识: 通过本章的学习,读者应了解 Web 页中常用的几种图像格式,掌握插入图像的方法,并能够简单编辑插入到文档中的图像,以及设置它们的属性。

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' 第 05 章 创建与编辑路径' - rico


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
slide1

第05章 创建与编辑路径

图像是网页制作中一个不可缺少的部分,在页面中恰当地使用图像,不仅可以使网页美观,更重要的是可以更加直观地表达信息,同时可以吸引浏览者。

在网页中插入图像通常是用于添加图形界面(例如按钮)、创建具有视觉感染力的内容(例如照片、背景等)或交互式设计元素(例如鼠标指针经过图像或图像地图)。

slide2

5.1 教学目标

  • 掌握知识:通过本章的学习,读者应了解Web页中常用的几种图像格式,掌握插入图像的方法,并能够简单编辑插入到文档中的图像,以及设置它们的属性。
  • 重点学习:本章重点讲解了插入图像、编辑图像、设置图像属性,以及在Dreamweaver中使用Fireworks文件的方法。课后读者应结合上机操作进行强化练习。
slide3

5.2 理论指导

  • 图像的使用
  • 设置图像属性与编辑图像
  • 创建鼠标经过图像
  • 使用Fireworks文件
5 2 1

5.2.1图像的使用

  • 如果网页中的内容全是密密麻麻的文字,无论有多精彩的内容,都容易使人厌烦。所以任何精美的网页中可能没有文本,但不可能没有图像等多媒体元素,这足见图像在网页中的作用。在网页中适当地插入图像可以使网页增色不少,更重要是可以借此直观地向浏览者表达信息。
  • Web页中常用的图像格式
  • 插入图像
  • 插入图像占位符
  • 设置网页背景图像
slide5

如果要在网页中插入图像,可以选择“插入”|“图像”命令,在打开的“选择图像文件”对话框中选择合适的图像文件后,单击“确认”按钮即可。如果要在网页中插入图像,可以选择“插入”|“图像”命令,在打开的“选择图像文件”对话框中选择合适的图像文件后,单击“确认”按钮即可。

slide7

如果要将某张图像设置为网页背景图像,可以 选择“修改”|“页面属性”命令,打开“页面属性”对话框,在“分类”列表框中选择“外观”选项,然后单击“背景图像”文本框后的“浏览”按钮,并在打开的“选择图像源文件”对话框中选择该图像文件,单击”确定”按钮即可。

5 2 2

5.2.2 设置图像属性与编辑图像

在网页中插入图像后,用户需要设置图像属性和排列图像与文本之间的位置,以调整网页的整体效果。

  • 设置图像属性
  • 对齐图像
  • 调整图像大小
  • 使用内部图像编辑器
  • 使用外部图像编辑器
slide9

要设置图像的属性,可在网页文档中选择一个图像,然后选择“窗口”|“属性”命令打开图像属性检查器 (如果没有看到下面所示的所有图像属性,单击右下角的扩展箭头),接下来根据提示进行相关操作即可。

slide10

在网页中插入图像后,下面最重要的工作就是排列图像与文本之间的位置。要设置图像的格式,可以使用属性检查器中的“对齐”下拉列表框。在网页中插入图像后,下面最重要的工作就是排列图像与文本之间的位置。要设置图像的格式,可以使用属性检查器中的“对齐”下拉列表框。

slide11

要调整Dreamweaver 8网页编辑窗口中图像的大小,可以在选中文档中该图像后,拖动图像的周围将出现的3个控制点,实现操作效果。

slide12

Dreamweaver 8集成了Fireworks的基本图形编辑技术,可以不用借助外部图形编辑器,直接对图形进行修剪、重新取样、调整图像的亮度和对比度以及锐化图像等操作。

slide13

要改变外部图像编辑器,可选择“编辑”|“参数选择”命令,打开“首选参数”对话框,然后在对话框的“分类”列表框中选择“文件类型/编辑器”选项,此时在对话框右侧可以为指定的图像文件类型设置外部图像编辑器。要改变外部图像编辑器,可选择“编辑”|“参数选择”命令,打开“首选参数”对话框,然后在对话框的“分类”列表框中选择“文件类型/编辑器”选项,此时在对话框右侧可以为指定的图像文件类型设置外部图像编辑器。

5 2 3

5.2.3 创建鼠标经过图像

要在网页中插入鼠标指针经过图像,可以选择“插入”|“图像对象”|“鼠标经过图像”命令,打开“插入鼠标经过图像”对话框进行设置。

5 2 4 fireworks

5.2.4 使用Fireworks文件

  • Dreamweaver 8 作为可视化网页编辑工具,与Fireworks 一起使用,可以使网页设计更加方便、快捷。使用Fireworks可以创建各种适用于Dreamweaver的图像和HTML文件。并且可以通过放置于文档中的Fireworks 图像来启动Fireworks应用程序。
  • 插入Fireworks文件
  • 使用Fireworks更新Dreamweaver图像占为符
  • 在文档中插入Fireworks HTML代码
  • 使用Fireworks来优化或编辑图像
slide16

在网页文档中,用户可以选择“插入”|“图像”命令,打开“选择图像来源”对话框,直接插入Fireworks创建的GIF、JEPG或PNG图像。或者利用“图像占位符”在Dreamweaver文档中创建新的Fireworks图像。在网页文档中,用户可以选择“插入”|“图像”命令,打开“选择图像来源”对话框,直接插入Fireworks创建的GIF、JEPG或PNG图像。或者利用“图像占位符”在Dreamweaver文档中创建新的Fireworks图像。

slide17

5.3 上机实验

  • 本章的上机实验主要练习在网页文档中插入图像的方法,以及使用图像属性检查器对图像属性进行设置。其中综合利用图像属性检查器编辑图像的属性、样式是重点。在Dreamweaver文档中插入图像时,应选择适当的对象进行修改。在操作图像属性检查器时应注意各编辑命令的设置。对于本章中的其他内容,用户可根据理论指导部分进行练习。。
  • 在文档中插入图像
  • 插入图像占位符
ad