怎样用PPT制作网站导航栏

2016-02-19 11:04 4 1 收藏

今天图老师小编要跟大家分享怎样用PPT制作网站导航栏,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

【 tulaoshi.com - PowerPoint教程 】

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

选中大的矩形框(下面的那个),按住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:菜单,确定返回即可。

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com)

PPT教程七、设置退出动画

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

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

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

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

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

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

来源:https://www.tulaoshi.com/n/20160219/1596488.html

延伸阅读
标签: Web开发
展开和折叠其实就是显示或不显示(display:none or block)它与可见与不可见(visible or invisible)是有区别的, 前者不在页面预留空间。 这个toggle函数完成两个功能, 改变TR原来的Hidden属性, 使原来不显示的显示; 改变IMG的src属性, 更改图片。 toggle.js function toggle(id) { var thisRow = document.all.item(id); if (th...
    现在我们尝试结合液化滤镜来制作一幅作品,体现的是时间的流逝。使用如下左图的素材图片,使用椭圆选框工具将钟面选中。观察信息〖F8〗调板中的选区大小约是550像素左右。我们新建一幅300×300的图像,并将钟面拖动进来。由于尺寸大小不一,钟面在这里不能全部显示出来,但这正是我们需要的大钟面背景效果。     之后...
标签: Web开发
滚动字幕会让很多人感到兴奋,特别是第一次使用滚动字幕时,会爱不释手。现在做一个详细的方案,让你更全面地了解一下。 滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动!(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.wr...
标签: Web开发
展开和折叠其实就是显示或不显示display:none or block)它与可见与不可见(visible or invisible)是有区别的, 前者不在页面预留空间。 这个toggle函数完成两个功能, 改变TR原来的Hidden属性, 使原来不显示的显示; 改变IMG的src属性, 更改图片。 toggle.js function toggle(id) { var thisRow = document.all.item(id); if (this...
标签: Web开发
当然, 少了navigator.CSS是不行的。 navigator.CSS BODY { font-family:Verdana; cursor:default; font-size:9pt; } TABLE { font-size:110%; } A { color:"#003366"; text-decoration:none; } A:hover { text-decoration:underline; color:#003366; } DIV IMG { MARGIN-BOTTOM: 0px; MARGIN-RIGHT: 5px; MAR...

经验教程

227

收藏

91
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部