网页设计讲座( Macromedia)课件.ppt

《网页设计讲座( Macromedia)课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、网页设计讲座(Macromedia)Macromedia网页设计要点1.网页设计主流软件及网站制作流程2.作品展示3.网站实例的规划、设计和制作4.网页设计技巧5.电脑美术课程介绍Macromedia网页设计Macromedia三剑客当今网页设计领域内的主流软件：网页设计：MacromediaFireworksMacromediaFreehandAdobePhotoshopAdobeIllustrator……Macromedia网页设计Macromedia三剑客当今网页设计领域内的主流软件：网页制作：MacromediaDreamweaverAdobeGoLiveMicrosoftFrontP

2、ageHomesiteHotDogColdFusion……Macromedia网页设计Macromedia三剑客当今网页设计领域内的主流软件：网页动画：MacromediaFlashAdobeLiveMotion……Macromedia网页设计Macromedia三剑客世界著名软件公司Macromedia公司占据全球互动多媒体行业85%市场份额，并于1994年进入中国市场，在网上出版、多媒体、图形处理等领域占据了先导地位。DreamweaverMXFireworksMXFlashMXDREAMWEAVERGoLiveFusion4%18%78%Macromedia网页设计——作品展示作品展示个

3、人网站崔健Class渔人码头商业网站BYFlash动画FlashBannerFlashLogoFlash网站FlashMTVFlash产品演示Flash广告Flash贺卡Flash教学Flash游戏Flash宣传……什么是静态网站1.与动态网站的区别2.什么情况下采用静态网站Macromedia网页设计制作静态网站的流程1.规划阶段（网站策划）2.设计阶段（页面美工）3.实施阶段（网页制作）Macromedia网页设计制作静态网站的流程1.规划阶段（网站策划）2.设计阶段（页面美工）3.实施阶段（网页制作）Macromedia网页设计详细流程站点策划构思草图美工设计图形制作脚本编程图形页面整合

4、测试发布网站建设流程——构思草图网站建设流程——美工设计静态网站的规划策划——确定题材规划——框架导航收集——内容资料静态网站的规划1.网站的组织结构(1)站点结构(2)页面草图2.网站的建设平台3.网站使用的基本技术站点结构页面草图定位网站主题和名称；主题:个人商业组织名称易记有特色定位你的网站CI形象；设计网站的标志(logo)中文英文符号图案动物人物……标准色彩IBM的深蓝色，windows视窗标志上的红蓝黄绿色块标准字体三剑客软件的基本使用方法（官方demo）FireworksDreamweaverFlashFireworks1.网页版式设计2.网页色彩设计3.网页图形设计4.网

5、页图标设计5.网页字体设计6.网页动画设计7.网页广告设计Fireworks1.网页版式设计2.网页色彩设计3.网页图形设计4.网页图标设计5.网页字体设计6.网页动画设计7.网页广告设计Dreamweaver1.站点与文档2.框架的使用3.模板与库文件4.表格5.插入图片、文字与链接6.CSS的使用7.行为与三方插件Flash1.逐帧动画2.Tweening动画motionshape蒙版动画路径动画Action交互动画的创建网站实例的规划、设计和制作FireworksDreamweaverFlash网页设计技巧确定网站的整体风格网页色彩的搭配网页字体设计网页设计技巧确定网站的整体风格不同的网

6、站——不同的风格风格——给人的主观感受确定网站的整体风格风格由什么决定?版面布局浏览方式文字语气内容……确定网站的整体风格整体风格的统一1.将标志logo出现在每个页面最突出的位置上。2.突出标准色彩。文字的链接色彩，图片的主色彩，背景色，边框等色彩3.突出标准字体。在关键的标题，菜单，图片里使用统一的标准字体。4.使用统一的图片处理效果。网页色彩的搭配色彩的三个属性：(1)色相(Hue)：颜色的基本特征(2)饱和度(Saturation)：也叫纯度。(3)明度(Brightness）：也叫亮度，体现颜色的深浅。网页色彩的搭配不同的色彩——不同的心理感受红色---热情，活力绿色---宁静，希望

7、橙色---轻快，时尚蓝色---凉爽，清新，专业白色---洁白，纯真黑色---深沉色彩同主题相适合网页色彩的搭配技巧白色和黑色最适合配颜色用一个色系中的色彩。不要将所有颜色都用到，尽量控制在三种色彩以内。背景和前文的对比尽量要大网页字体的设计不要使用超过3种以上的字体。不要用太大的字不要使用不停闪烁的文字标题的字体较正文大，颜色也应有所区别。静态网站建设原则1.保证下载速度。2.色彩搭配和谐与整体风