80 lines
9.4 KiB
HTML
80 lines
9.4 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Inserte y ajuste imágenes</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="description" content="Add an image to your presentation and adjust its size and position." />
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|
<link type = "text/css" rel = "stylesheet" href = "../../images/sprite.css" />
|
|
<script type="text/javascript" src="../callback.js"></script>
|
|
<script type="text/javascript" src="../search/js/page-search.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="mainpart">
|
|
<div class="search-field">
|
|
<input id="search" class="searchBar" placeholder="Buscar" type="text" onkeypress="doSearch(event)">
|
|
</div>
|
|
<h1>Inserte y ajuste imágenes</h1>
|
|
<h3>Inserte una imagen</h3>
|
|
<p>En el editor de presentaciones, usted puede insertar las imágenes en su presentación con los formatos más populares. Los siguientes formatos de imágenes son compatibles: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
|
<p>Para <b>añadir</b> una imagen a una diapositiva,</p>
|
|
<ol>
|
|
<li>en la lista de diapositivas a la izquierda, seleccione la diapositiva a la que usted quiere añadir una imagen,</li>
|
|
<li>haga clic en el icono <div class = "icon icon-image"></div> <b>Imagen</b> en la pestaña de <b>Inicio</b> o <b>Insertar</b> en la barra de herramientas superior,</li>
|
|
<li>seleccione una de las opciones siguientes para cargar la imagen:<ul>
|
|
<li>la opción <b>Imagen desde archivo</b> abrirá la ventana de diálogo para la selección de archivo. Navegue el disco duro de su ordenador para encontrar un archivo correspondiente y haga clic en el botón <b>Abrir</b></li>
|
|
<li>la opción <b>Imagen desde URL</b> abrirá la ventana donde usted puede introducir la dirección web de la imagen correspondiente; después haga clic en el botón <b>OK</b></li>
|
|
<li class="onlineDocumentFeatures">la opción <b>Imagen desde almacenamiento</b> abrirá la ventana <b>Seleccionar fuente de datos</b>. Seleccione una imagen almacenada en su portal y haga clic en el botón <b>OK</b></li>
|
|
</ul>
|
|
</li>
|
|
<li>una vez que la imagen esté añadida, usted puede <a href="../UsageInstructions/ManipulateObjects.htm" onclick="onhyperlinkclick(this)">cambiar su tamaño y posición</a>.</li>
|
|
</ol>
|
|
<hr />
|
|
<h3>Ajustes de ajuste de imagen</h3>
|
|
<p>Al hacer clic izquierdo en una imagen y elegir el icono <span class="icon icon-image_settings_icon"></span> <b>Ajustes de imagen</b> a la derecha, la barra derecha lateral se activa. Esta incluye las siguientes secciones:</p><img alt="Pestaña de ajustes de imagen" src="../images/imagesettingstab.png" /><p><b>Tamaño</b> - se usa para ver el <b>Ancho</b> y <b>Altura</b> de la imagen actual o para restaurar el tamaño <b>predeterminado</b> si es necesario.</p>
|
|
|
|
<p>El botón <b>Recortar</b> se utiliza para recortar la imagen. Haga clic en el botón <b>Recortar</b> para activar las manijas de recorte que aparecen en las esquinas de la imagen y en el centro de cada lado. Arrastre manualmente los controles para establecer el área de recorte. Puede mover el cursor del ratón sobre el borde del área de recorte para que se convierta en el icono <span class="icon icon-arrow"></span> y arrastrar el área.</p>
|
|
<ul>
|
|
<li>Para recortar un solo lado, arrastre la manija situada en el centro de este lado.</li>
|
|
<li>Para recortar simultáneamente dos lados adyacentes, arrastre una de las manijas de las esquinas.</li>
|
|
<li>Para recortar por igual dos lados opuestos de la imagen, mantenga pulsada la tecla <em>Ctrl</em> al arrastrar la manija en el centro de uno de estos lados.</li>
|
|
<li>Para recortar por igual todos los lados de la imagen, mantenga pulsada la tecla <em>Ctrl</em> al arrastrar cualquiera de las manijas de las esquinas.</li>
|
|
</ul>
|
|
<p>Cuando se especifique el área de recorte, haga clic en el botón <b>Recortar</b> de nuevo, o pulse la tecla <em>Esc</em>, o haga clic en cualquier lugar fuera del área de recorte para aplicar los cambios.</p>
|
|
<p>Una vez seleccionada el área de recorte, también es posible utilizar las opciones de <b>Rellenar</b> y <b>Ajustar</b> disponibles en el menú desplegable <b>Recortar</b>. Haga clic de nuevo en el botón <b>Recortar</b> y elija la opción que desee:</p>
|
|
<ul>
|
|
<li>Si selecciona la opción <b>Rellenar</b>, la parte central de la imagen original se conservará y se utilizará para rellenar el área de recorte seleccionada, mientras que las demás partes de la imagen se eliminarán.</li>
|
|
<li>Si selecciona la opción <b>Ajustar</b>, la imagen se redimensionará para que se ajuste a la altura o anchura del área de recorte. No se eliminará ninguna parte de la imagen original, pero pueden aparecer espacios vacíos dentro del área de recorte seleccionada.</li>
|
|
</ul>
|
|
<p><b>Reemplazar imagen</b> - se usa para cargar otra imagen en vez de la actual seleccionando la fuente deseada. Usted puede seleccionar una de las siguientes opciones: <b>De archivo</b> o <b>De URL</b>. La opción <b>Reemplazar Imagen</b> también está disponible en el menú de clic derecho.</p>
|
|
<p>La <b>rotación</b> se utiliza para girar la imagen 90 grados en el sentido de las agujas del reloj o en sentido contrario a las agujas del reloj, así como para girar la imagen horizontal o verticalmente. Haga clic en uno de los botones:</p>
|
|
<ul>
|
|
<li><div class = "icon icon-rotatecounterclockwise"></div> para girar la imagen 90 grados en sentido contrario a las agujas del reloj</li>
|
|
<li><div class = "icon icon-rotateclockwise"></div> para girar la imagen 90 grados en el sentido de las agujas del reloj</li>
|
|
<li><div class = "icon icon-fliplefttoright"></div> para voltear la imagen horizontalmente (de izquierda a derecha)</li>
|
|
<li><div class = "icon icon-flipupsidedown"></div> para voltear la imagen verticalmente (al revés)</li>
|
|
</ul>
|
|
<p>Cuando se selecciona la imagen, el icono <b>Ajustes de forma</b> <span class="icon icon-shape_settings_icon"></span> también está disponible a la derecha. Puede hacer clic en este icono para abrir la pestaña<b>Ajustes de forma</b> en la barra de tareas derecha y ajustar la forma, tipo de <a href="../UsageInstructions/InsertAutoshapes.htm#shape_stroke" onclick="onhyperlinkclick(this)"><b>estilo</b></a>, tamaño y color así como cambiar el tipo de forma seleccionando otra forma del menú <b>Cambiar autoforma</b>. La forma de la imagen cambiará correspondientemente.</p>
|
|
<p><img alt="Pestaña Ajustes de forma" src="../images/right_image_shape.png" /></p>
|
|
<hr />
|
|
<p>Para cambiar los <b>ajustes avanzados</b> de la imagen, haga clic con el botón derecho en la imagen y seleccione la opción <b>Ajustes avanzados de imagen</b> en el menú contextual o haga clic izquierdo sobre la imagen y pulse el enlace <b>Mostrar ajustes avanzados</b> en la barra lateral de la derecha. Se abrirá la ventana con propiedades de la imagen:</p>
|
|
<p><img alt="Propiedades de imagen" src="../images/image_properties.png" /></p>
|
|
<p>La pestaña <b>Posición</b> le permite ajustar las siguientes propiedades de imagen:</p>
|
|
<ul>
|
|
<li><b>Tamaño</b> - use esta opción para cambiar el ancho/altura de la imagen. Si hace clic en el botón <b>proporciones constantes</b> (en este caso estará así <div class = "icon icon-constantproportionsactivated"></div>), el ancho y la altura se cambiarán manteniendo la relación de aspecto original de la imagen. Para recuperar el tamaño predeterminado de la imagen añadida, pulse el botón <b>Tamaño Predeterminado</b>.</li>
|
|
<li><b>Posición</b> - use esta opción para cambiar la posición de imagen en la diapositiva (la posición se calcula respecto a las partes superior e izquierda de la diapositiva).</li>
|
|
</ul>
|
|
<p><img alt="Propiedades de imagen: Rotación" src="../images/image_properties2.png" /></p>
|
|
<p>La pestaña <b>Rotación</b> contiene los siguientes parámetros:</p>
|
|
<ul>
|
|
<li><b>Ángulo</b> - utilice esta opción para girar la imagen en un ángulo exactamente especificado. Introduzca el valor deseado en grados en el campo o ajústelo con las flechas de la derecha.</li>
|
|
<li><b>Volteado</b> - marque la casilla <b>Horizontalmente</b> para voltear la imagen horizontalmente (de izquierda a derecha) o la casilla<b>Verticalmente </b> para voltear imagen verticalmente (al revés).</li>
|
|
</ul>
|
|
<p><img alt="Propiedades de imagen" src="../images/image_properties1.png" /></p>
|
|
<p>La pestaña de <b>Texto Alternativo</b> permite especificar un <b>Título</b> y <b>Descripción</b> que se leerán a las personas con problemas de visión o cognitivos para ayudarles a entender mejor la información de la forma.</p>
|
|
<hr />
|
|
<p>Para <b>borrar</b> la imagen que se añadido, haga clic izquierdo sobre la imagen y pulse la tecla <b>Delete</b> en el teclado.</p>
|
|
<p>Para saber como <b>alinear</b> una imagen en la diapositiva u <b>organizar</b> varias imágenes, consulte la sección <a href="../UsageInstructions/AlignArrangeObjects.htm" onclick="onhyperlinkclick(this)">Alinee y organice objetos en una diapositiva</a>.</p>
|
|
</div>
|
|
</body>
|
|
</html> |