静态网站建设第二部分 Fireworks 8.pptVIP

网页前台设计 * 课程简介 　该课程主要介绍网站建设的基本方法，掌握网页制作工具的使用方法和技巧，培养管理、设计网站的能力。 内容安排（三大模块）： Fireworks矢量图形处理 Flash 矢量动画 Dreamweaver网页设计 课程要求 课程实践性较强，上课要认真学习，不迟到、早退。对知识要学有所悟，学有所用。 课程考核： 出勤+ 平时成绩+期末上机考试 缺课1/3以上取消考试资格 迟到三次记一次旷课 * 课程性质 对WEB设计师的工作过程进行分解分析，确定该岗位的核心能力。 将核心能力整合提升为对应的课程，构建出以工作体系为基础的课程体系。 网站规划 网站制作 网站维护与管理 * 前导课程与后续课程 计算机应用 计算机网络 Photoshop cs 网页三剑客 动态网页设计 企业网站设计 * 网站的规划能力 网站风格设计能力 图片、动画和文字的编辑能力 课程能力目标 对网站设计所涵盖的岗位群进行工作任务的职业能力分析，归纳出课程能力目标： * 稍微涉足网络的人一般都知道，世界著名软件公司Macromedia的软件产品Dream Team三剑客，即广大网友耳熟能详的“网页设计三剑客” —— Dreamweaver网页版式、Fireworks图像处理、Flash矢量动画。 网页设计工具 * 模块一 Fireworks 矢量图形处理 Fireworks 8是一个完全为网页制作者设计的图像处理软件。它在绘图方面结合了位图以及矢量图处理的特点，不仅具备复杂的图像处理功能，能够自由地导入各种图像，并且还能轻松地把图像输出到Flash、Dreamweaver 以及第三方的应用程序。 * 图像基本概念 1、位图图像：位图，是由像素点构成的。可精确记录色调丰富的图像，逼真地表现自然界景象，且易于交换。像素点的多少将决定图像的显示质量和文件大小，位图图像的分辨率越高，其显示越清晰，文件所占的空间也就越大。 但缩放会不清晰，产生失真。对位图图像进行放大时，放大的只是像素点，图像的清晰度会降低，甚至出现马赛克和锯齿状。无法制作真正的3D图像，文件大，对内存和硬盘空间要求高。 2、矢量图：以数学的矢量方式记录图像，内容以线条和色块为主。例如一条线段的数据只需要记录两个端点的坐标、线段的粗细和色彩。矢量图的清晰度与分辨率无关，对矢量图进行缩放时，仍保持原有的清晰度和光滑度，不会影响图像的质量。可任意缩放，不会失真，可制作3D图像。文件体积小。 但不易制作色彩变化丰富的图像，无法像照片一样描述自然景观。不易于交换。 * 矢量图与位图的比较 1. 矢量图的数据容量比位图小。 2. 矢量图的清晰度与分辨率无关，而位图的清晰度与分辨率密切相关。 3. 位图的色彩比矢量图丰富逼真。 * 1、图像分辨率：图像中存储的信息量，单位是ppi (像素/英寸)。图像分辨率和图像尺寸的值决定文件的大小及输出的质量。文件的大小与其图像分辨率的平方成正比。 3、分辨率：在单位长度内所含有的点（即像素）的多少。 分辨率分为图像分辨率、扫描分辨率、设备分辨率、图像位分辨率。 * 2、扫描分辨率：在扫描一幅图像之前所设定的分辨率。单位是Dpi 点/英寸。 3、设备分辨率：输出分辨率，指各类输出设备每英寸上可产生的点数。如显示器、打印机。Dpi点/英寸。 4、图像的位分辨率，又称位深（颜色深度）。是用来衡量每个像素储存信息的位数。这种分辨率决定图像可以标记为多少种色彩等级的可能性。一般常见的有8位、16位、24位或32位色彩。 位：2的平方次数。如8位，一幅8位色彩深度的图像，所能表现的色彩等级是256级。 * 层的概念 图层就好像是一层透明的玻璃纸，把不同的图形对象绘制在不同的玻璃纸上，然后再将所有玻璃纸叠放在一起就形成了幅完整的图案。 *