设计网页元素.pptVIP

10.1.1 实战范例1――绘制网站logo 1．新建影片文档和设置文档属性 2．输入网站名称 3．绘制心形效果 4．绘制底边 5．输入网址 10.1.2认识按钮编辑器 首先，按钮具有良好的适用性 其次，按钮的创建方法非常自由 最后，按钮是一种特殊类型的元件 10.1.3 实战范例2――绘制网页按钮 1．新建影片文档和设置文档属性 2．创建按钮“弹起”状态 3．创建按钮“滑过”状态 4．创建按钮“按下”状态 5．创建按钮“按下时滑过”状态 6．设置有效区域 7．给按钮添加链接 8．测试按钮 10.2.1 实战范例1――网页导航栏 1．新建影片文档和设置文档属性 2．绘制导航条的背景 3．绘制导航条的间隔线 4．绘制按钮 5．应用按钮 6．测试和导出导航条 10.2.2 实战范例2――导航菜单 1．新建影片文档和设置文档属性 2．制作导航栏 3．制作导航菜单 4．添加子菜单 5．测试和导出导航菜单 1．使用动画元件创建动画 2．使用帧面板创建动画 3．使用补间创建动画 4．使用“导出向导”导出动画 * * Dreamweaver CS3＋Fireworks CS3＋Flash CS3基础与实例教程 本章介绍的主要内容有： 绘制网站logo 绘制网页按钮 制作网页导航栏和导航菜单 制作网页动画 设计绘制Fireworks网页 本章主要内容 10.1制作网页图标、按钮 网站logo标准尺寸有三种规格，即88×31像素、120×60像素，120×90像素。 10.1制作网页图标、按钮 10.1制作网页图标、按钮 10.2制作网页导航栏和导航菜单 导航栏是一组按钮，它提供了到网站不同区域的链接。 。 10.2制作网页导航栏和导航菜单 导航菜单是网页中一个非常重要的元素，它可以响应鼠标指针滑过或单击具有触发功能的 Web 对象（如切片或热点）时，在浏览器中将显示弹出菜单。 10.3制作网页动画 补间是一个传统的动画术语，它描述了这样的过程：主要的动画制作者只绘制关键帧（包含重大变化的帧），而助手则绘制关键帧之间的帧。 10.4.1 绘制网页 1．新建文件和导入位图 2．绘制网页顶部的画面 3．绘制导航栏 4．绘制按钮 5．绘制其他区域 10.4绘制Fireworks网页 10.4.2 创建切片 切片是用于在 Fireworks 中创建交互效果的基本构造块。切片是网页对象 — 它们不是以图像的形式存在，而是最终以 HTML代码的形式出现。可以通过“层”面板中的“网页层”查看、选择和重命名它们。 10.4绘制Fireworks网页 *