网页设计基础知识.pptVIP

4.4 Flash动画设计软件 Flash是Macromedia公司开发的一款优秀的网页动画开发软件，从简单的动画到复杂的交互式Web应用程序，它使用户可以创建任何作品。通过添加图片、声音和视频，可以使Flash应用程序媒体丰富多彩。 Flash被称为“最灵活的前台”，其独特的编译方式和跨平台的能力，广泛的应用（软件、游戏、Web应用程序、多媒体娱乐等多方面），使之越来越成为一种重要的工具。 4.5 Fireworks网页图像处理软件 Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，使用Fireworks都不仅可以轻松地制作出尺寸较小的图形、GIF动画。 如果将Photoshop比作全能的图像处理大师的话，Fireworks就是精于网页图像处理的专家。它在矢量图形的处理方面有其独特之处。 在Web应用方面，Fireworks是最早提供切片功能的图像处理软件。Fireworks支持在图像中绘制热区并直接生成网页文档，并且具备简单的GIF动画制作能力，同时支持将动画转换为Flash文件并嵌入到网络中播放。 5.网页制作主要相关技术 Html、CSS、JavaScript是制作网页的三大法宝。他们在网页设计中扮演了重要的角色。Html是基础架构，CSS用来美化页面，而JavaScript用来实现网页的动态性、交互性。 5.1 CSS CSS即层叠样式表（Cascading Style Sheet）。在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 HTML=内容 CSS=表现 CSS带来的好处： CSS使页面载入更快； CSS可以降低网站的流量费用； CSS使设计师在修改设计时更有效率，而代价更低； CSS使整个站点保持视觉的一致性； 5.2 JavaScript JavaScript是由 Netscape公司开发的一种脚本语言，可以被嵌入HTML文件中，它是一种基于对象和事件驱动，并具有安全性能的脚本语言。 在HTML基础上，使用JavaScript可以开发交互式Web网页，可以回应使用者的需求事件而不需要通过网络来回传输资料。 简单地说，当用户输入一项信息时，不需要先将信息传给服务器处理，再传回来，而是可以直接被客户端的程序处理。 6.网站建设基本流程 规范的网站建设应遵循一定的流程，合理的流程可以最大限度地提高工作效率。网站建设流程主要由规划设计阶段、实施发布阶段、评价阶段组成。 7.网页版式设计 网页的版式设计是网页设计的核心，主要内容包括网页整体布局设计和导航样式的设计。本节将介绍常见的几种网页布局，以及网页导航设计应遵循的原则。 7.1 网页布局 网页布局是网页设计的基础，目前网页的布局主要可归为三大类型： 1．分栏式结构 2．区域分布式结构 3．无框架局限式结构 分栏式布局 区域分布式布局 无框架局限式布局 7.2 导航设计 导航是网页设计中不可或缺的基础元素之一。导航就如同一个网站的路标，有了它就不会在浏览网站时“迷路”。导航链接着各个页面，只要单击导航中的超级链接就能进入相应的页面。 导航设计的好坏，决定着用户是否能很方便地使用网站。导航设计应直观明确，最大限度地为用户使用考虑，尽可能使网页切换更便捷。导航的设计要符合整个网站的风格和要求，不同的网站会采用不同的导航方式。 7.2 导航设计 一般来说，在网页的上端或左侧设置导航栏是比较普遍的方式，如图1.9所示。网站采用上端文字作为一级导航，左侧树状结构菜单作为二级导航。 7.2 导航设计 让用户了解当前所处的位置； 让用户能根据走过的路径，确定下一步的前进方向和路径； 不需要浏览太多的页面才能找到需要的信息，让用户能快速而简捷地找到所需的信息，并以最佳的路径到达这些信息； 让用户使用网站遇到困难时，能寻求到解决困难的方法，找到最佳路径； 让用户清楚地了解整个网站的结构概况，产生整体性感知； 对使用频率不同的信息作有序处理。 8.网页风格设计 同样的版式设计，配色不同，文字样式不同，也可以呈现出多种不同的网页风格。 8.1 页面配色 设计精美的网站都有其色调构成的总体倾向。以一种或几种临近颜色为主导，使网页全局呈现某种和谐、统一的色彩倾向。 运用色系。先根据网页主题，选定一种主色，然后调整透明度或饱和度，也就是将色彩变浅或加深，调配出新的色彩。这样的页面看起来色彩一致，有层次感；一般来说，适合于网页标准色的颜色有3大系：蓝色、黄/橙色和黑/灰/白色。 电子购物网站页面结构 如图1.10所示。IBM网站运用蓝色系营造出蓝色海洋的感觉。 8.1 页面配色 8.1 页面配色 使用对比色。可以充分利用对比色进行设计，同时注意使用灰色调进行调和。这样的作品页面色彩丰富