如何在图片上加鼠标移动上去出方框和说明文字

发布网友 发布时间:2022-04-21 04:53

我来回答

5个回答

热心网友 时间:2022-04-21 06:23

用系统自带的画图软件可以在图片上添加方框和说明文字。

1、启动画图软件,点击【文件】导入图片;

2、导入图片后,(1)点击工具栏形状中的方框,在图片中拖出方框;(2)点击【A】文字,在方框中输入文字,如:显卡插槽;

3、保存图片。

热心网友 时间:2022-04-21 07:41

《一》

使用PowerPoint制作课件时,普遍觉得按钮的效果没有Flash那么动感十足,如何让PowerPoint里的按钮也能动起来呢?

首先,建立一张空白演示文稿。

1. 选取椭圆工具,按住“Alt”键,拖出一个正圆形。

2. 点击“填充颜色”的下拉菜单,选择“填充效果/过渡”,在“颜色”框中选择颜色1为白色,颜色2为紫色,在“底纹式样”框中选择“角部辐射”,在“变形”框中选择第一项,按〔确定〕。

3. 为了使这个按钮看起来像一个立体球,必须去边:选择“线条颜色”的下拉菜单的“无线条颜色”。

4. 在按钮上输入文字“播放”:选择文本框,在按钮上单击一下,输入文字“播放”。

5. 复制该幻灯片:在大纲栏里选择该幻灯片,复制并粘贴,产生第二张幻灯片。

6. 修改第二张幻灯片的按钮图案:与步骤2相同,“变形”框中选择第二项。

7. 对每个按钮设置鼠标移过的超级链接:右击该按钮,选择“动作设置”,第一张幻灯片的按钮链接到第二张,第二张幻灯片的按钮就链接到第一张。

现在,点击“幻灯片放映”,当鼠标经过按钮时,按钮是不是就动起来了?

《二》

还是利用上面的PowerPoint来做,是不是看起来更详细一点呢?:

利用PowerPoint 2000轻松制作课件

多媒体课件已经越来越广泛地应用在现代化教育中,其实PowerPoint 2000是一个很方便的课件制作软件,方便大家制作出集文字、图表、图像、声音及视频剪辑为一体的演示幻灯片。由于PowerPoint还提供了所见即所得的幻灯片放映效果,所以可以很容易地在屏幕上编辑演示文稿。本文以实例介绍如何用Power Point来制作幻灯片。

基础篇—了解新建演示文稿的方法

单击“开始”菜单,点击“程序”中的PowerPoint 2000应用程序即可启动PowerPoint2000。这时我们就会看到(如图1)新建演示文稿的选择界面。这里提供了新建演示文稿的三种方法:内容提示向导、设计模板、空演示文稿。这三种生成演示文稿的方法可以说各有千秋,下面让大家了解用这些方法新建演示文稿的步骤。

1.内容提示向导

利用内容提示向导的提示操作可引导你一步一步地快速创建一整套专业化演示文稿。这是制作一个新演示文稿最容易的方法。选择“内容提示向导”,你只需要选定一个演示文稿的主题,然后按照向导中的提示操作,PowerPoint会打开一份示例演示文稿。您可以在示例文本中添加自己的文本或图片。如果该示例演示文稿不能符合您的要求,也可以很方便地添加或删除幻灯片,添加图片或所需的其他项目。完成后,请单击“文件”菜单上的“保存”,命名演示文稿,然后单击“保存”。 图1

2.设计模板

选择“设计模板”,选择好所需的模板,您就可以在预先设计好的基本框架上添加自己的文本或图片。我们也可以自定义各幻灯片的版式,在各个幻灯片上键入标题和任意内容。完成后,请单击“文件”菜单上的“保存”,命名演示文稿,然后单击“保存”。

3.空演示文稿
如果您想按照自己的思路创建演示文稿,那么就选择空演示文稿。空演示文稿允许您从一个空白页面来展开创意,PowerPoint将不提供任何设计元素或建议。选择空演示文稿后,为标题幻灯片选择所需的版式。然后在标题幻灯片上键入标题以及要添加的任意内容,标题幻灯片完成后,单击“格式”工具栏上的“常规任务”,然后单击“新幻灯片”,对每个新幻灯片重复以上步骤,按需要修改演示文稿。完成后,单击“文件”菜单上的“保存”,命名演示文稿,然后单击“保存”。

入门篇—用设计模板建立演示文稿

下面笔者以如何利用设计模板方式来建立学期报

告的演示文稿为例,来介绍PowerPoint的实际应用。

1.新建演示文稿

选择“设计模板”并单击“确定”。这时,我们将看到 “新建演示文稿”对话框,切换到“演示文稿”。然后从“演示文稿”选项卡中选择“主题演讲”(提示:在该对话框的右框中将会出现预览效果),单击“确定”按钮(如图2)。这时,一个漂亮的幻灯片雏形已经展现在我们眼前。

2.文字录入 图2

在幻灯片视图下,单击所要修改的文本的任意位置,其周围的浅色边框将被较宽的斜纹边框所取代,在方框中有一个闪烁的光标提示符,表示可以在此录入文字。然后我们根据需要修改文字,其字体、字号及颜色等均由模板提供默认值,若不满意可用鼠标框选所要修改的文字,再选择好字体、字号及颜色即可。要在占位符外添加文字,可单击“插入”,选择“文本框”中的“水平”或“垂直”来实现。

如果我们想将该幻灯片的项目列表(表现为文本左侧有一小圆点的项目符号)进行修改,例如添加或减少项目,也很简单。只需在幻灯片视图下,单击所要修改的项目文本的任意位置,然后在所要添加的项目上一行位置按一下回车键,将出现一个新的项目符号,带项目符号的文本若长度超出一行,PowerPoint 2000将会使其自动换行并对齐。如果要删除该项目,只需将该项目中的文字全部删除即可。

这样第一张幻灯片就生成了,接下来我们再按同样的方法修改下面几张幻灯片。全部完成后,只需单击文件菜单并选择保存,将已经做好的演示部分保存即可。

3.改变背景

若不喜欢当前的背景,可在虚线框外单击鼠标右键,在弹出子菜单的“背景”对话框中的下拉菜单中选“填充效果”进行更改(如图3)。

4.增减幻灯片 图3

大家可能会觉得模板提供的幻灯片张数不能满足您的需求。

如果想增加同样版式的幻灯片,只需在视图的左框中,用鼠标点选所要复制的幻灯片图标,这时左框中将会出现反白区域(如图4),点击常用工具栏上的“复制”图标,然后在所要增加的位置点击“粘贴”即可。当然我们也可以通过点击常用工具栏中的“新幻灯片”图标的形式来建立新的幻灯片,只不过通过这种方法来建立幻灯片,就不能保持该演示文稿的一致性。

如果要减少幻灯片,只需在视图的左框中,用鼠标点选所要删除的幻灯片图标,这时左框中将会出现反白区域,然后点击常用工具栏上的“剪切”即可。

图4

提示:单击“视图”菜单中的“幻灯片浏览”可进入幻灯片浏览视图。幻灯片浏览视图将向你提供幻灯片的总体流程和外观的缩略图,你可以在这个视图中插入新幻灯片、重新排列幻灯片、删除、复制幻灯片、以及预览幻灯片之间的切换效果等。(如图5)在幻灯片浏览视图中双击任意一张幻灯片,可迅速切换至该幻灯片的幻灯片视图中进行局部设计。

提高篇—添加多媒体效果

图5

幻灯片的精彩之处,是集文字、图表、图像、声

音及视频剪辑为一体。它可以针对不同的对象应用不同的多媒体效果,能使演示文稿的效果大大增强。同样还是以上例为基础,向大家介绍几种常见效果的制作方法。

1.插入图片、影片、图表、表格

点击“插入”菜单栏中的“图片”,再选择“来

自文件”,在“插入图片”对话框中预览后选中所需要的图片,然后选择“插入”。利用随后出现的图片 图6

工具,还可对图片进行裁剪、重新着色等编辑工作。同样如果要插入影片、图表、表格,也是以类似的方法进行添加并编辑。

2、添加艺术字

单击“插入”菜单,选择“图片”,再切换到“艺术字”,然后在“艺术字库”中选择想要的艺术字式样,然后再键入您自己的内容,再选择好字形、字号(如图6),单“确定”按钮即可出现在视图框中。然后根据需要,移动到适当的位置,其大小及比例均可调节。

3、添加动作按钮

通过定制一些动作按钮,可以方便在各个幻灯片之间进行浏览。单击“幻灯片放映”菜单,选择“动作按钮”,这时我们看到提供了12种的动作按钮,选择好其中的一个后,在幻灯片视图中的鼠标变为十字形,单击鼠标即可产生相应按钮形状,而且屏幕会弹出“动作设置”对话框,这时我们选择好一个超链接动作即可(如图7)。然后我们就可以将动作按钮,用鼠标拖动到适当的位置。
参考资料:
回答者:

热心网友 时间:2022-04-21 09:15

加入代码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>在这里加上图片说明</title>
<style type="text/css">
body{background:#333}
img{border:none}
.wrap{margin:10px;position:relative;}
.photo a{position:absolute;display:block;border:1px solid #999;padding:2px}
.photo a:hover{border:1px solid #fff;text-decoration:none}
.photo a span {display:none;cursor:hand;text-align:center;font:bold 12px/30px Verdana, Arial;}
.photo a:hover span{width:500px;margin:0 2px;background:#000;display:block;position:absolute;bottom:0;left:0;color:#fff;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
</style>
</head>
<body>
<div class="wrap">
<div class="photo"><a href="#">
<img src="/jscss/demoimg/wall5.jpg" border="0" alt=""/><span>在这里加上图片说明</span></a></div>
</div>
</body>
</html>

热心网友 时间:2022-04-21 11:07

用PS
或者 电脑系统自带的图片处理软件

热心网友 时间:2022-04-21 13:15

我记得QQ截图就有很强大的辅助功能,可以实现你的这个要求

声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com