网页设计与制作教程.pptVIP

第二步在弹出的“插入Flash按钮”对话框中，分别对其中的“按钮文本”、“字体”、“字体大小”、“链接”、“目标”、“背景色”和“另存为”进行设置。“按钮文本”指Flash按钮插入后，在网页显示时上面的文字是什么，“字体”和“字体大小”分别设置按钮文本的字型和字号，“链接”就是按钮上的超链接，“目标”这个设置和设置超链接时的“目标”设置一样，都有“_blank”、“_parent”、“_self”和“_top”等选择，分别表示将链接指向的页面打开在新窗口中、在父窗口中打开（常用于框架结构）、在目前的窗口中打开和显示在整个浏览器窗口中打开并去除所有框架结构。将上述所有选项都设置完毕后，点击“确定”按钮，就插入了一个Flash按钮“插入”工具栏：“布局”选项卡管理AP元素DreamweaverCS3提供了一个集中管理网页中AP元素元素的面板。通过AP元素面板可以管理文档中的所有AP元素。单击“窗口”?“AP元素”选项，就可以打开“AP元素面板”，也可以直接在面板组中点击“CSS”?“AP元素”选项卡。在AP元素面板中，各元素显示为接Z轴排列的名称列表。默认情况下，首先创建的AP元素（Z轴顺序为1）出现在列表的底部，最新创建的AP元素（Z轴顺序为最大的一个）出现在最顶部。在面板左侧，点击“眼睛”图标，“眼睛”睁开表示该AP元素是可见的，“眼睛”闭合则AP元素不可见“AP”元素面板行为和行为面板在解释什么是Dreamweaver设计中的“行为”之前，先要了解什么是“事件”和“动作”。事件（Event）指发生的某件事，动作（Action）就是产生的某种变化，行为（Behavior）是某个事件和由该事件触发的动作的组合。行为是Dreamweaver中预置的JavaScript程序。每个行为至少包括一个动作和一个事件。在将行为附加到某个页面元素之后，每当该元素的某个事件发生时，行为即会执行与这一事件关联的动作（JavaScript代码）行为面板Dreamweaver中的行为都集成在“行为面板”中。在该面板中，可以先指定一个动作，然后指定触发该动作的事件，以此将行为添加到页面中在DreamweaverCS3中，行为面板中保留了“显示弹出式菜单”功能，但该功能不推荐使用，被放入“~建议不再使用”项目组。因此在Dreamweaver中一般用“层和行为”或Spry实现菜单的各种功能。Spry框架Spry框架是一个JavaScript库，Web设计人员使用它可以构建能够向站点访问者提供更丰富体验的Web页。有了Spry，就可以使用HTML、CSS和极少量的JavaScript将XML数据合并到HTML文档中，创建构件（如折叠构件和菜单栏），向各种页面元素中添加不同种类的效果5.1.2使用Dreamweaver设计菜单第一步，绘制一个AP元素第二步，在AP元素中插入表格并输入文本第三步，给AP元素上方的文字，也就是菜单名，插入超链接第四步，给刚做好的超链接加入行为第五步，为AP元素添加“显示-隐藏元素”行为最后一步，打开“AP元素”面板，设置刚才绘制的AP元素为不可见利用Spry实现菜单功能在Spry插入栏中，单击Spry菜单栏按钮，如图5-10所示，在弹出的对话框中选择是“水平”菜单栏还是“垂直”菜单条。利用Spry实现菜单功能单击“确定”后，则插入了一个菜单栏。选中该菜单栏，可以在属性面板中对它的菜单名称、菜单个数，以及二级和三级子菜单进行设置，操作十分灵活，如图5-11和5-12所示。对于更加修改化的设置，如菜单栏的宽度、颜色等，需要借助CSS等手段进行。对此不熟悉的用户，可以点击菜单栏属性面板左下角的超链接“自定义其构件”，在弹出的“AdobeHelpViewer”中学习使用方法，其中主要包括菜单项的文本样式、背景颜色和尺寸等效果的设置，主要通过CSS完成。插入Spry菜单栏后的效果设置Spry菜单栏的条目和文字5.2浮动标签设计图中右方便是两个浮动标签，都是用于信息提示，点击之后浏览器可以跳转到客户服务页面中去。图中左边的浮动标签则是用于广告推介另一种浮动标签效果有的浮动标签并不做超链接使用，而只是使整个页面显得美观生动的一种手段5.2.2Dreamweaver浮动标签设计

第一步，在需要制作浮动标签的页面中绘制一个AP元素，并将事先做好的标签图像插入到这个AP元素中。调整AP元素的大小，使其和图像的大小基本一致。第二步选中在第一步中制作好AP元素，点击右键，选择“记录路径”，如图5-16所示。拖动AP元素，在页面上绘制闭合曲线，如图5-17所示。松开鼠标后，“时间轴”