Macromedia 网页设计三剑客讲座.pptVIP

Macromedia 网页设计三剑客 主讲：胡崧 Macromedia网页设计三剑客 讲座要点 1. 网页设计主流软件及网站制作流程 2.作品展示 3. 网站实例的规划、设计和制作 4. 网页设计技巧 Macromedia网页设计三剑客 Macromedia三剑客 当今网页设计领域内的主流软件： 网页设计： Macromedia Fireworks Macromedia Freehand Adobe Photoshop Adobe Illustrator …… Macromedia网页设计三剑客 Macromedia三剑客 当今网页设计领域内的主流软件： 网页制作： Macromedia Dreamweaver Adobe GoLive Microsoft FrontPage Homesite HotDog ColdFusion …… Macromedia网页设计三剑客 Macromedia三剑客 当今网页设计领域内的主流软件： 网页动画： Macromedia Flash Adobe LiveMotion …… Macromedia网页设计三剑客 Macromedia三剑客 世界著名软件公司Macromedia公司占据全球互动多媒体行业85%市场份额，并于1994年进入中国市场，在网上出版、多媒体、图形处理等领域占据了先导地位。 Dreamweaver 8 Fireworks 8 Flash 8 Macromedia网页设计三剑客 Macromedia网页设计三剑客 ——作品展示 作品展示 个人网站 Class 渔人码头 商业网站 BY Flash动画 Flash Banner Flash Logo Macromedia网页设计三剑客 什么是静态网站 1.与动态网站的区别 2.什么情况下采用静态网站 Macromedia网页设计三剑客 制作静态网站的流程 1. 规划阶段（网站策划） 2. 设计阶段（页面美工） 3. 实施阶段（网页制作） Macromedia网页设计三剑客 详细流程 1，站点策划 2，构思草图 3，美工设计 4，图形制作 5，脚本编程 6，图形页面整合 7，测试发布 Macromedia网页设计三剑客 Macromedia网页设计三剑客 Macromedia网页设计三剑客 静态网站的规划 策划——确定题材 规划——框架导航 收集——内容资料 Macromedia网页设计三剑客 静态网站的规划 1.网站的组织结构 (1)站点结构 (2)页面草图 2.网站的建设平台 3.网站使用的基本技术 Macromedia网页设计三剑客 Macromedia网页设计三剑客 页面草图 Macromedia网页设计三剑客 定位网站主题和名称； 主题: 个人 商业 组织 名称 易记 有特色 Macromedia网页设计三剑客 定位你的网站CI形象； 设计网站的标志(logo) 中文\英文 符号\图案 动物\人物 …… 标准色彩 IBM的深蓝色，windows视窗标志上的红蓝黄绿色块 标准字体 Macromedia网页设计三剑客 三剑客软件的基本使用方法 （官方demo） Fireworks Dreamweaver Flash Macromedia网页设计三剑客 Fireworks Macromedia网页设计三剑客 Dreamweaver Macromedia网页设计三剑客 Flash Macromedia网页设计三剑客 网站实例的规划、设计和制作 Fireworks Dreamweaver Flash Macromedia网页设计三剑客 网页设计技巧 确定网站的整体风格 网页色彩的搭配 网页字体设计 Macromedia网页设计三剑客 网页设计技巧 确定网站的整体风格 不同的网站——不同的风格 风格——给人的主观感受 Macromedia网页设计三剑客 确定网站的整体风格 风格由什么决定? CI 版面布局 浏览方式 文字语气 内容 …… Macromedia网页设计三剑客 确定网站的整体风格 整体风格的统一 1.将标志logo出现在每个页面最突出的位置上。 2.突出标准色彩。 文字的链接色彩，图片的主色彩，背景色，边框等色彩 3.突出标准字体。 在关键的标题，菜单，图片里使用统一的标准字体。 4.使用统一的图片处理效果。 Macromedia网页设计三剑客 网页色彩的搭配 色彩的三个属性： (1)色相(Hue)： 　　颜色的基本特征 (2)饱和度(Saturation)： 　　也叫纯度。 (3)明度(Brightness）： 　　也叫亮度，体现颜色的深浅。 Macromed