静态网站建设第二部分-Fireworks-8课件.ppt

1、网页前台设计1课程简介课程简介该课程主要介绍网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养管理、设计网站的能力。内容安排（三大模块）：Fireworks矢量图形处理 Flash 矢量动画 Dreamweaver网页设计课程要求 课程实践性较强，上课要认真学习，不迟到、早退。对知识要学有所悟，学有所用。课程考核：出勤+平时成绩+期末上机考试缺课1/3以上取消考试资格迟到三次记一次旷课2l对WEB设计师的工作过程进行分解分析，确定该岗位的核心能力。l将核心能力整合提升为对应的课程，构建出以工作体系为基础的课程体系。网站规划网站规划网站制作网站制作网站维护与管理网站维护与管理3前导课程与

2、后续课程前导课程与后续课程计算机应用计算机网络Photoshop cs 网页三剑客动态网页设计企业网站设计4l网站的规划能力l网站风格设计能力l图片、动画和文字的编辑能力对网站设计所涵盖的岗位群进行工作任务的职业对网站设计所涵盖的岗位群进行工作任务的职业能力分析，归纳出课程能力目标：能力分析，归纳出课程能力目标：5 稍微涉足网络的人一般都知道，世界著名软件公司Macromedia的软件产品Dream Team三剑客，即广大网友耳熟能详的“网页设计三剑客”Dreamweaver网页版式、Fireworks图像处理、Flash矢量动画。网页设计工具网页设计工具6模块一模块一 Fireworks 矢

3、矢量图形处理量图形处理 Fireworks 8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver 以及第三方的应用程序。7图像图像基本概念基本概念1、位图图像：位图，是由像素点构成的。可精确记录色调丰富的图像，逼真地表现自然界景象，且易于交换。像素点的多少将决定图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。但缩放会不清晰，产生失真。对位图图像进行放大时，放大的只是像素点，图像的清晰度会降低，甚至出现马赛克和锯

4、齿状。无法制作真正的3D图像，文件大，对内存和硬盘空间要求高。2、矢量图：以数学的矢量方式记录图像，内容以线条和色块为主。例如一条线段的数据只需要记录两个端点的坐标、线段的粗细和色彩。矢量图的清晰度与分辨率无关，对矢量图进行缩放时，仍保持原有的清晰度和光滑度，不会影响图像的质量。可任意缩放，不会失真，可制作3D图像。文件体积小。但不易制作色彩变化丰富的图像，无法像照片一样描述自然景观。不易于交换。8矢量图与位图的比较1.矢量图的数据容量比位图小。2.矢量图的清晰度与分辨率无关，而位图的清晰度与分辨率密切相关。3.位图的色彩比矢量图丰富逼真。91、图像分辨率：图像中存储的信息量，单位是ppi(像

5、素/英寸)。图像分辨率和图像尺寸的值决定文件的大小及输出的质量。文件的大小与其图像分辨率的平方成正比。3 3、分辨率：在单位长度内所含有的点（即像素）的多少。、分辨率：在单位长度内所含有的点（即像素）的多少。分辨率分为图像分辨率、扫描分辨率、设备分辨率、图像位分辨率分为图像分辨率、扫描分辨率、设备分辨率、图像位分辨率。分辨率。102、扫描分辨率：在扫描一幅图像之前所设定的分辨率。单位是Dpi 点/英寸。3、设备分辨率：输出分辨率，指各类输出设备每英寸上可产生的点数。如显示器、打印机。Dpi点/英寸。4、图像的位分辨率，又称位深（颜色深度）。是用来衡量每个像素储存信息的位数。这种分辨率决定图像可以标记为多少种色彩等级的可能性。一般常见的有8位、16位、24位或32位色彩。位：2的平方次数。如8位，一幅8位色彩深度的图像，所能表现的色彩等级是256级。11层的概念层的概念图层就好像是一层透明的玻璃纸，把不同的图形对象绘制在不同的玻璃纸上，然后再将所有玻璃纸叠放在一起就形成了幅完整的图案。12