文档介绍：p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p://网页设计综合案例?学****目标?熟悉 Photoshop 进行网页效果图设计。?熟悉 FLASH 进行网页动画的制作过程。?掌握在 Dreamweaver 软件中使用 DIV+CSS 技术进行页面布局。?掌握常用 FTP 上传工具。?了解网络推广的常用方法 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p://.1 需求分析本案例是创建一个文具类企业网站首页,该网页创建的目的是展示企业良好的产品形象,整个网页以绿色为主色,配合灰色等其它过渡色进行搭配设计,网页主体部分采用渐变效果的动画展示产品形象,整体网页布局采用 DIV+CSS 实现。 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p:// 8-1 实例最终效果图 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p://.2 任务分解该综合实例功能的实现需要基于以下 4个方面的知识点: (1) 使用 photoshop 设计网页效果图。(2) 使用 Flash 制作网页动画。(3) 使用 DIV+CSS 进行页面排版。(4) 网站发布与维护。 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p:// Photoshop 是 Adobe 公司推出的一款功能强大、使用广泛的平面图像处理软件。它是众多平面设计师进行平面设计, UI 设计,图形、图像处理的首选软件。 Photoshop CS 是目前流行版本,拥有更加强大的图形图像处理功能,它可以创造出无与伦比的影像世界,是当今世界一流的图像处理和设计工具。 1. Photoshop 概述? 任务一:使用 photoshop 设计网页效果图 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p:// ? 2. Photoshop 在网页布局中的作用(1) 布局灵活(2) 修改方便(3) 加快浏览进度? Photoshop 设计网页布局应注意的几个问题(1) 网页文档尺寸与分辨率(2) 颜色(3) 字体,标题(4) 布局格式(5) 图文搭配(6) 科学使用参考线 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p:// ?4. “切片”工具是 Photoshop 通向 DreamWeaver 的桥梁(1) 必须依靠参考线(2)Logo 和 Banner 必切(3) 虚线和转角形状必切(4) 渐变必切(5) 大图必切(6) 特殊文字效果必切(7) 导航条必切(8) 有效存储切片 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p:// ? 任务二:使用 Flash 制作网页动画 Flash 是 Macromedia 公司推出的著名的矢量动画制作软件,并且也是目前最优秀、最火爆的网络交互动画制作工具,它不仅能制作精湛的动画效果,而且能配合 Fireworks 和 Dreamweaver 等网页开发软件,制作出优秀的网页画面。 p://p://p:// p://p://p:// p://p://p://p:// p:// p:// p://p://p:// p:// p:// p://p://p:// (1) 分辨率所谓的分辨率指的是单位长度中,所表达像素数目。分辨率是数字影像课题中一个重要而基本的概念,分辨率的高低是衡量一张图片质量好坏的标准之一。(2) 位图与矢量图位图是由计算机屏幕上的像素点组成,具有固定