怎样用PPT制作网站导航栏

有很多朋友问我怎么样做一个仿网站类型的PPT,为了方便大家学习,今天就做一个这样的PPT教程。而对于仿网站类型的PPT所遇到的最大难题就是导航栏的制作,今天我们就从最难的地方来开始吧。(提供PPT源文件下载)

PPT教程一、首先画一个矩形框,设置其大小为:高6.2厘米,宽5.2厘米。

PPT教程二、再画一个矩形框,设置其大小为:高6厘米,宽5厘米。

PPT教程三、把它们的顶边、左边重合在一起,再进行组合,这样两个对象就变成一个对象。

具体步骤如下:把小一点的矩形框放在大的矩形框上面,直接拖动小的到大的上面即可。或者采用如下办法:设置大的矩形框的位置为:水平:1厘米,垂直:2厘米,小的也是同样的位置,这样它们就重合。

选中大的矩形框(下面的那个),按住Shift键不放开,再单击小的矩形框,然后右击->组合

PPT教程四、再画一个矩形框,高:1.2厘米,宽:5.8厘米,位置:水平:0.65厘米,垂直:0.8厘米。

右击该矩形框,选择“添加文字”,输入“菜单”两字。

PPT教程五、添加菜单项

1、再画一个矩形框,大小:高:1.2,宽:5,位置:水平:1,垂直:2,添加文字为“设计思维”

2、重复1,改位置为:水平:1,垂直:3.2,添加文字“色彩设计”。

3、再画三个同样的矩形框,只是按照上面步骤更改位置和文本,不再鳌述。

PPT教程六、设置进入动画

右击选中刚刚创建的对象,选择“自定义动画”,出现“自定义动画”的任务窗格(只有PPT 2003以上的版本才有,2000版以下的可以休息了,不支持啊),选择组合框(两个大的矩形框,已经组合在一起成为一个对象),单击“添加效果”->“进入”->“其它效果”,选择“切入”,确定返回。更改切入方向的为“自顶部”(只要在任务窗格中单击“方向”的下拉箭头进行选择即可)。

设置触发器,在任务窗格下方出现第一个动画对象,单击它(选中),然后在它的右边单击下拉箭头,选择“计时”,出现一个对话框。单击“触发器”的按钮,选择下面的一个“单选按钮”,再单击它右边的下拉箭头选择“矩形框5:菜单”,确定返回即可。

一个组合框的触发器下拉动画完成了。

下面进行其它的对象触发器下拉动画设置:

选中“设计思维”矩形框,按照上面的步骤进行重复的设置,只修改如下部分:

在设置完成后,“设计思维”的动画是“单击”才能进行的,因此,需要修改。在任务窗格中选中“设计思维”动画,然后单击它右边的下拉箭头,选择“从上一项之后开始”命令(或者直接单击任务窗格上部的“开始”下拉箭头,选择“之后”,下同)。

上面完成了“设计思维”的下拉动画设置

再选择“色彩设计”矩形框,添加下拉动画,其设置与“设计思维”相同,但是要改“单击”为“之前”,其含义是:让“设计思维”与“色彩设计”的动画同时进行。

后面的菜单项与“色彩设计”完全相同。

PPT教程七、设置退出动画

其设置过程与六基本相同,

首先选择“组合框”,单击“添加效果”->选择“退出”命令(注意,六是选择“进入”,这里是选择“退出”),然后选择“退出动画”中的“切出”,设置其触发器为“矩形框5:菜单”,也就是和上面的相同。动画方向为“到顶部”,开始为“单击”,再选择“设计思维”矩形框,添加“退出”动画效果,触发器还是“矩形框5:菜单”,把“单击”改为“之后”,而其它的菜单项都设置为“之前”,设置方法同六。

PPT教程八、添加多张幻灯片

按下Ctrl + M 4次,添加4张幻灯片,在每一张上添加适当的文字。

选择刚刚弄成包含有的菜单幻灯片(也就是第一张),选中“设计思维”矩形框对象,单击“幻灯片放映”,选择“动作设置”命令,超链接到第一张幻灯片,同理,其它每一个菜单对象都超连接到对应的幻灯片上。

然后选中第一张做好动画菜单的所有对象,复制粘贴到所有的幻灯片上,至此大功告成。

(0)

相关推荐

  • HTML,如何制作导航栏?

    在用html做一个网页时,首先需要处理的是导航栏了.怎样制作一个导航栏?以前的做法基本都是用table来做,现在我们用无序列表ul来做,下面一起来看下. 操作方法 01 首先我们写html代码,就是用 ...

  • PPT导航栏效果的制作方法

    PPT导航栏效果的制作方法 步骤一:画圆 1.画圆,去边框; 2.复制,缩小至85%; 3.水平对齐,移动至相距约直径1/5; 步骤二:定位 1.画椭圆,与两圆相切; 2.复制椭圆,居中对齐,移动至与 ...

  • 网页导航栏制作:如何为网页添加导航栏

    在很多网站中都需要一个导航栏.下面,我们来看看如何为网页添加导航栏吧. 操作方法 01 制作一个放导航栏的容器 制作一个放导航栏的容器,容器名为nav,容器宽为1000px,高为30px,背景颜 色为 ...

  • excel表格如何制作导航栏效果 制作导航栏切换效果的方法

    excel是我们常用的办公软件,在用excel表格时有时会需要一些导航栏的效果,那么excel表格如何制作导航栏效果?下面小编带来制作导航栏切换效果的方法,希望对大家有所帮助. 制作导航栏切换效果的方 ...

  • PS制作简洁漂亮的网站导航条方法步骤

    导航栏是网页设计的核心,今天让我们学习如何制作简洁而漂亮的网页导航条的制作方法.效果图如下: 操作方法 01 新建一个520×300的白色背景图 02 改变背景颜色为黑色,在"视图" ...

  • 怎样用DIV+CSS制作的横排导航栏

    网页中的导航栏菜单需要综合运用Div+CSS的知识,那么怎样制作属于自己的网页导航栏,菜单栏呢? 操作方法 01 首先,书写一个div标签,并且在这个div标签添加一个类,类名可以自定义,这里我就把类 ...

  • 制作简单网站导航步骤

    使用Dreamweaver制作导航条会用到css样式,现在就给大家简单的制作一个导航条. 操作方法 01 使用Dreamweaver新建一个html页,并在<title></titl ...

  • 如何用PPT制作小狗脚印呢?

    有的时候做图片的时候需要用到小狗的脚印,但是又苦于网上的图片不是自己想的,如何才能快速制作一个好看的狗狗脚印呢?小编今天教大家一个简单又漂亮的小狗图片. 操作方法 01 步骤一:新建一个PPT. 在桌 ...

  • 硕思闪客菜单制作flash导航条图文教程

     如何利用硕思闪客菜单制作flash导航条?具体步骤是怎样的呢? 一:创建完全自定义的flash导航条。 1、打开硕思闪客菜单软件,新建“水平菜单”或者“垂直菜单”, 菜单编辑界面将会出现原始菜单按钮 ...