第17篇 设计处理网页图像.pptVIP

第17章设计处理网页图像 教学内容：Fireworks用得最广泛的领域就是图形和图像的处理。这里所说的图形是指自己绘制出来的东西；而图像的处理指的是对一幅已经有的照片进行处理。这一章中的每个实例都使用了不同的功能，希望读者在学习的时候能够不断自己总结，以便最快地进步和提高 。 学习目标 创建图像切片和热区 创建网页图像素材 色彩调整与滤镜效果 教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间：本章共分_______课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件：sample\第17章\ 练习文件：exercise\第17章\ 17.1 创建图像切片和热点 使用切片工具可以将大图分割成小图，使图片下载速度大大加快。 Web设计人员有时使用热点较大图形中的各个小部分产生交互。热点是指网页图形中链接到URL的区域 。 17.1.1 小案例—编辑切片 通过【切片】工具创建的切片称作用户切片，从一个层创建的切片称为基于层的切片。创建一个新的用户切片或基于层的切片时，图像的其他区域就会自动产生自动切片。 自动切片将会填充图像中没有被切片或基于层的切片定义的区域。编辑切片或基于层的切片时，自动切片每次都被自动重新生成。 1．修改切片的大小和颜色 2．显示隐藏切片 17.1.2 给切片设置超链接 为切片添加链接可以通过切片【属性】面板。当选定某个切片之后，可以在这个面板中为该切片设置链接地址和链接属性 。 17.1.3 小案例—创建图像热区 在图像中标识出可作为导航点的区域后，就可以创建热点，然后为它们指定URL链接、弹出菜单、状态栏消息和替换文本。 1．使用工具箱中的工具创建热点 2．使用菜单命令创建热点 3．绘制不规则的形状热点 17.2 创建网页图像素材 Fireworks CS6具有强大的按钮制作功能。利用Fireworks CS6不仅能轻松制作出具有各种效果的动态按钮，还能给按钮添加超链接等网页元素 。 17.2.1 小案例—创建质感按钮 按钮最大的特点就是具有交互性，比如有的可以随着鼠标指针位置的改变而改变色彩、形状等，甚至发出声音，吸引浏览者的点击 。 17.2.2 小案例—创建导航栏 导航栏其实就是一组按钮，能够把浏览者带领到网站的不同区域。 17.3 色彩调整与滤镜效果 调整图像的色彩可以通过调整图像的色阶、色调和对比度等来实现。使用的某些图片，由于受到来源的限制，因此可能并不适合不加调整就使用到文档中去。如果对图像色彩进行了一定的处理，图片看上去会更美妙。滤镜效果能改善并增强图像的效果 。 17.3.1 小案例—调整图像的色阶 色阶是指图像中各种颜色的灰度值的分布情况。当图片的明暗程度不合适时，一般就要调整其色彩。在【滤镜】中有两种色阶，一种是自动色阶，另一种是色阶 。 17.3.2 小案例—图像的反转效果 创建图像反转前后如下 。 17.3.3 小案例—应用Photoshop动态效果 应用Photoshop动态效果 。 17.4 综合案例—设计网站首页 首页也可以指一个网站的入口网页，即打开网站后看到的第一个页面。该页面通常在整个网站中起导航作用，是建设一个网站的主要任务和亮点。 本 章 小 结 前面已经将Fireworks 的基础知识结合实例一一讲解。本章通过综合实例进一步强化实践操作，挖掘更深层东西，帮组读者获得更大的收获。本章主要用实例讲述了创建图像切片和热区、创建网页图像素材、色彩调整与滤镜效果、设计网站首页 。 * * * * *