WEB网站建设基础.ppt

第12周 WEB网站建设基础 教学目的: 使学生了解常用的网页制作工具。 教学重点： FLASH的简单使用 教学难点： PHOTOSHOP的简单使用. Flash 简介 1、什么是FLASH Flash是美国的 MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 2、为什么用FLASH 大家知道，HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又功能强大的动画设计工具，而 Flash的出现正好满足了这种需求。 3、FLASH的特点 （1） 使用矢量图形和流式播放技术。与位图图形不同的是，矢量图形可以任意缩放尺寸而不影响图形的质量；流式播放技术使得动画可以边播放边下载，从而缓解了网页浏览者焦急等待的情绪。 （2） 通过使用关键帧和图符使得所生成的动画(.swf)文件非常小，几 K字节的动画文件已经可以实现许多令人心动的动画效果，用在网页设计上不仅可以使网页更加生动，而且小巧玲珑下载迅速，使得动画可以在打开网页很短的时间里就得以播放。 （3） 把音乐，动画，声效，交互方式融合在一起，越来越多的人已经把Flash作为网页动画设计的首选工具，并且创作出了许多令人叹为观止的动画(电影)效果。而且在 Flash4.0的版本中已经可以支持MP3的音乐格式，这使得加入音乐的动画文件也能保持小巧的‘身材’。 （4） 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画，通过 ACTION和FS COMMAND可以实现交互性，使Flash具有更大的设计自由度，另外，它与当今最流行的网页设计工具 Dreamweaver配合默契，可以直接嵌入网页的任一位置，非常方便。 Flash 学习参考网站 /pcedu/videoedu/flash/0509/698821.html 二、 Fireworks简介 （1）Ｆireworks MX是Macromedia公司推出的专门针对网络图形设计的工具软件，它既可以编辑Ｗeb图像，又可以编辑Web动画，制作按钮的导航条、菜单等，甚至能直接制作网页。同时具有多种传统图形制作软件的功能，而且它能把位图处理和矢量处理完美的结合在一起，使得网页图形设计人员再也不必多种图形设计软件之间频繁切换。Fireworks的实质是通过最少的步骤创建最小、最高质量的JPEG和GIF图像， 是创建和生成网页图形的完全解决方案。 （2）Fireworks简化了网页图形和屏幕图形的制作过程，同时提供了完全的机动性和可编特性。 在没有Fireworks的时候，网也设计者要在一个矢量绘图程序，如FreeHand上创建图形，然后再把这个矢量图形引入到位图程序中进行涂抹和添加滤镜效果。设计者可能还需要使用一个动画工具或image map工具来创建动态图形。为了测试图形，设计者必须在浏览器中查看创建的图形。如果此时再需要对图形进行修改，或许会迫使设计者从头开始并重复上述每一个步骤。有了Fireworks，设计者的工作就不再是复杂地从一个工具转到另一个工具，大量的重复工作量被省略，由此可以节省大量宝贵的时间。 （3）Fireworks对传统的商业印刷而言不是创建和修改图形的最佳工具。Fireworks的工作环境是建立在RGB色彩模式下，相对于印刷而言是最理想的屏幕显示色彩。 较之以其他工具而言，使用Fireworks的优势还包括高效率、方便性、适应性。 /pcedu/sj/famous/fif/0509/704265.html 三、Dreamweaver简介 Dreamweaver是由美国著名的软件开发商Macromedia公司推出的一个“所风即所得”的可视化网站开发工具。无论在国外还是在国内，它都是倍受专业web开发人士推崇的软件。在国内，它被大家称为网页“织梦者”，众多的专业的网站和个人主页都把它列为建站的首选工具。 /pcedu/sj/wz/dreamweaver/0503/580605.html 四、Photoshop简介 photoshop是最棒的图像制作软件，可帮助您提高工作效率，尝试新的创作方式，以及制作适用于打印、Web 和其他任何用途的最佳品质的图像。通过更便捷的文件数据访问、流线型的 Web 设计、更快的专业品质照片润饰功能及其他功能，可创造出无与伦比的影像世界。 ·文件浏览器，可直观地浏览