搜索
第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创建网页图像素材FireworksCS6具有强大的按钮制作功能。利用FireworksCS6不仅能轻松制作出具有各种效果的动态按钮，还能给按钮添加超链接等网页元素。17.2.1小案例—创建质感按钮按钮最大的特点就是具有交互性，比如有的可以随着鼠标指针位置的改变而改变色彩、形状等，甚至发出声音，吸引浏览者的点击。17.2.2小案例—创建导航栏导航栏其实就是一组按钮，能够把浏览者带领到网站的不同区域。17.3色彩调整与滤镜效果调整图像的色彩可以通过调整图像的色阶、色调和对比度等来实现。使用的某些图片，由于受到来源的限制，因此可能并不适合不加调整就使用到文档中去。如果对图像色彩进行了一定的处理，图片看上去会更美妙。滤镜效果能改善并增强图像的效果。17.3.1小案例—调整图像的色阶色阶是指图像中各种颜色的灰度值的分布情况。当图片的明暗程度不合适时，一般就要调整其色彩。在【滤镜】中有两种色阶，一种是自动色阶，另一种是色阶。17.3.2小案例—图像的反转效果创建图像反转前后如下。17.3.3小案例—应用Photoshop动态效果应用Photoshop动态效果。17.4综合案例—设计网站首页首页也可以指一个网站的入口网页，即打开网站后看到的第一个页面。该页面通常在整个网站中起导航作用，是建设一个网站的主要任务和亮点。本章小结前面已经将Fireworks的基础知识结合实例一一讲解。本章通过综合实例进一步强化实践操作，挖掘更深层东西，帮组读者获得更大的收获。本章主要用实例讲述了创建图像切片和热区、创建网页图像素材、色彩调整与滤镜效果、设计网站首页。