81 lines
9.8 KiB
HTML
81 lines
9.8 KiB
HTML
|
<!DOCTYPE html>
|
|||
|
|
<html>
|
|||
|
|
<head>
|
|||
|
|
<title>Inserte imágenes</title>
|
|||
|
|
<meta charset="utf-8" />
|
|||
|
|
<meta name="description" content="Añada una imagen a su documento y ajuste su posición y los parámetros" />
|
|||
|
|
<link type="text/css" rel="stylesheet" href="../editor.css" />
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<div class="mainpart">
|
|||
|
|
<h1>Inserte imágenes</h1>
|
|||
|
|
<p>En el editor de documentos, usted puede insertar imágenes de formatos más populares en su documento. Son los formatos compatibles: <b>BMP</b>, <b>GIF</b>, <b>JPEG</b>, <b>JPG</b>, <b>PNG</b>.</p>
|
|||
|
|
<p>Para insertar una imagen en texto de su documento,</p>
|
|||
|
|
<ol>
|
|||
|
|
<li>meta el cursor en lugar a donde usted quiere añadir una imagen,</li>
|
|||
|
|
<li>pulse el icono <b>Insertar imagen</b> <img alt="icono Insertar imagen" src="../images/image.png" /> en la barra de herramientas superior,</li>
|
|||
|
|
<li>seleccione una de las opciones de carga :
|
|||
|
|
<ul>
|
|||
|
|
<li>la opción <b>Imagen de archivo</b> abrirá la ventana de diálogo de Windows estándar para seleccionar el archivo. Busque el archivo necesario en disco duro de su ordenador y pulse el botón <b>Abrir</b> </li>
|
|||
|
|
<li>la opción <b>Imagen de URL</b> abrirá la ventana donde usted puede introducir la dirección web de la imagen necesaria, después pulse el botón <b>OK</b> </li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
<li>una vez añadida la imagen cambie su tamaño, parámetros y posición.</li>
|
|||
|
|
</ol>
|
|||
|
|
<p><img class="floatleft" alt="Mover imagen" src="../images/moving_image.png" /> Para cambiar el tamaño de la imagen, arrastre pequeños cuadrados <img alt="icono Cuadrado" src="../images/resize_square.png" /> situados en sus bordes. Para mantener las proporciones originales de una imagen seleccionada mientras el proceso de redimensionamiento, mantenga apretada la tecla <b>Shift</b> y arrastre uno de los iconos de la esquina.</p>
|
|||
|
|
<p>Para cambiar la posición de la imagen, use el icono <img alt="Flecha" src="../images/arrow.png" /> que aparece cuando usted mantiene cursor del ratón sobre la imagen. Arrastre la imagen a la posición necesaria apretando el botón del ratón.</p>
|
|||
|
|
<p>Cuando mueve la imagen, las línes guía se muestran para ayudarle a colocar el objeto en la página más precisamente.</p>
|
|||
|
|
<p>Para girar la imagen, mantenga el cursor del ratón encima del controlador de giro <img alt="controlador de giro" src="../images/greencircle.png" /> y arrástrelo en la dirección de las manecillas o en el sentido ahtihorario. Para limitar el ángulo de rotación hasta el incremento de 15 grados, mantenga apretada la tecla <b>Shift</b> mientras rotación.</p>
|
|||
|
|
<hr />
|
|||
|
|
<p><img class="floatleft" alt="pestaña Ajustes de imagen" src="../images/right_image.png" />
|
|||
|
|
<p>Se puede cambiar unos ajustes de la imagen usando la pestaña <b>Ajustes de imagen</b> en la barra derecha lateral. Para activarla pulse la imagen y elija el icono <b>Ajustes de imagen</b> <img alt="icono Ajustes de imagen" src="../images/image_settings_icon.png" /> a la derecha. Aquí usted puede cambiar las propiedades siguientes:</p>
|
|||
|
|
<ul style="margin-left: 280px;">
|
|||
|
|
<li><b>Tamaño</b> - se usa para ver <b>ancho</b> y <b>altura</b> de la imagen actual o recuperar su tamaño <b>predeterminado</b> si es necesario.</li>
|
|||
|
|
<li><b>Ajuste de texto</b> - se usa para seleccionar el estilo de ajuste de texto de los disponibles - alineado, cuadrado, estrecho, a través, superior e inferior, adelante, detrás (para obtener más información lea la descripción de ajustes avanzados debajo).</li>
|
|||
|
|
<li><b>Reemplazar imagen</b> - se usa para reemplazar la imagen actual cargando una imagen nueva de archivo o URL.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Usted también puede encontrar unas opciones en el <b>menú contextual</b>. Aquí tiene las opciones:</p>
|
|||
|
|
<ul style="margin-left: 280px;">
|
|||
|
|
<li><b>Cortar, Copiar, Pegar</b> - opciones estándar usadas para cortar, copiar un texto/objeto seleccionado y pegar un pasaje de texto u objeto anteriormente cortado/copiado a una posición de cursor actual.</li>
|
|||
|
|
<li><b>Arreglar</b> - se usa para traer al primer plano la imagen seleccionada, enviarla al fondo, traerla adelante o enviarla atrás. También agrupar o desagrupar imágenes para realizar las operaciones con unas imágenes a la vez.</li>
|
|||
|
|
<li><b>Alinear</b> - se usa para alinear la imagen a la izquierda, al centro, a la derecha, en la parte superior, al medio, en la parte inferior.</li>
|
|||
|
|
<li><b>Ajuste de texto</b> - se usa para seleccionar el ajuste de texto de los estilos disponibles - alineado, cuadrado, estrecho, a través, superior e inferior, adelante, detrás - o editar límite de ajuste. La opción <b>Editar límite</b> de ajuste estará disponible sólo si usted selecciona cualquier ajuste de texto excepto alineado. Arrastre puntos de ajuste para personalizar el borde. Para crear un punto de ajuste nuevo, haga clic en cualquier lugar de la línea roja y arrástrela a la posición necesaria. <img alt="Editing Wrap Boundary" src="../images/wrap_boundary.png" /></li>
|
|||
|
|
<li><b>Predeterminado</b> - se usa para cambiar el tamaño actual de la imagen al tamaño predeterminado.</li>
|
|||
|
|
<li><b>Ajustes avanzados</b> - se usa para abrir la ventana 'Imagen - Ajustes avanzados'.</li>
|
|||
|
|
</ul>
|
|||
|
|
<hr />
|
|||
|
|
<p>Para cambiar los ajustes avanzados, haga clic derecho sobre la imagen y seleccione la opción <b>Ajustes avanzados</b> en el menú contextual o pulse el enlace <b>Mostrar ajustes avanzados</b> en la derecha barra lateral. Se abrirá la ventana con parámetros de la imagen:</p>
|
|||
|
|
<p><img alt="Imagen - ajustes avanzados: tamaño" src="../images/image_properties.png" /></p>
|
|||
|
|
<p>La sección <b>Tamaño</b> contiene los parámetros siguientes:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Ancho</b> y <b>Altura</b> - use estas opciones para cambiar ancho o altura de la imagen. Si hace clic en el botón <b>proporciones constantes </b> <img alt="icono Proporciones constantes" src="../images/constantproportions.png" /> (en este caso estará así <img alt="icono activado Proporciones constantes" src="../images/constantproportionsactivated.png" />), ancho y 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>Predeterminado</b>.</li>
|
|||
|
|
</ul>
|
|||
|
|
<p><img alt="Imagen - ajustes avanzados: ajuste de texto" src="../images/image_properties_1.png" /></p>
|
|||
|
|
<p>La sección <b>Ajuste de texto</b> contiene los parámetros siguientes:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li><b>Ajuste de texto</b> - use esta opción para cambiar la posición de la imagen en relativo al texto: puede ser una parte de texto (si usted seleccione estilo alineado) o rodeada por texto (si selecciona uno de los otros estilos).
|
|||
|
|
<ul>
|
|||
|
|
<li><p><img alt="Ajuste de texto - alineado" src="../images/wrappingstyle_inline.png" /> <b>Alineado</b> - la imagen se considera una parte del texto, como un carácter, así cuando se mueva el texto, la imagen se moverá también. En este caso no se puede acceder a las opciones de posición.</p>
|
|||
|
|
<p>Si seleccione uno de estos estilos, la imagen se moverá independientemente del texto:</p>
|
|||
|
|
</li>
|
|||
|
|
<li><p><img alt="Ajuste de texto - cuadrado" src="../images/wrappingstyle_square.png" /> <b>Cuadrado</b> - el texto rodea una caja rectangular que limita la imagen.</p></li>
|
|||
|
|
<li><p><img alt="Ajuste de texto - estrecho" src="../images/wrappingstyle_tight.png" /> <b>Estrecho</b> - el texto rodea los bordes reales de la imagen.</p></li>
|
|||
|
|
<li><p><img alt="Ajuste de texto - a través" src="../images/wrappingstyle_through.png" /> <b>A través</b> - el texto rodea los bordes y rellene el espacio en blanco de la imagen. Para que se muestre este efecto, utilice la opción <b>Editar límite de ajuste</b> en el menú contextual.</p></li>
|
|||
|
|
<li><p><img alt="Ajuste de texto - superior e inferior" src="../images/wrappingstyle_topandbottom.png" /> <b>Superior e inferior</b> - el texto se sitúa sólo arriba y debajo de la imagen.</p></li>
|
|||
|
|
<li><p><img alt="Ajuste de texto - adelante" src="../images/wrappingstyle_infront.png" /> <b>Adelante</b> - la imagen solapa el texto.</p></li>
|
|||
|
|
<li><p><img alt="Ajuste de texto - detrás" src="../images/wrappingstyle_behind.png" /> <b>Detrás</b> - el texto solapa la imagen.</p></li>
|
|||
|
|
</ul>
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
<p>Si usted selecciona el estilo cuadrado, estrecho, a través, o superior e inferior, usted podrá establecer unos parámetros adicionales - <b>distancia del texto</b> en todas partes (superior, inferior, izquierda, derecha).</p>
|
|||
|
|
<p><img alt="Imagen - ajustes avanzados: Posición" src="../images/image_properties_2.png" /></p>
|
|||
|
|
<p>La sección <b>Posición</b> estará disponible si selecciona cualquier ajuste de texto excepto alineado. Esta sección contiene los parámetros siguientes que dependen de estilo de ajuste de texto seleccionado:</p>
|
|||
|
|
<ul>
|
|||
|
|
<li>Los parámetros <b>Horizontal</b> incluyen <b>alineación</b> (izquierdo, al centro, derecho) de la imagen <b>en relación a</b> carácter, columna, margen izquierdo, margen, página o margen derecho y también <b>posición</b> de la imagen <b> a la derecha de</b> carácter, columna, margen izquierdo, margen, página o margen derecho.</li>
|
|||
|
|
<li>Los parámetros <b>Vertical</b> incluyen <b>alineación</b> (superior, al centro, inferior) de la imagen <b>en relación a</b> línea, margen, margen superior, párrafo, página o margen superior y también <b>posición</b> de la imagen <b>abajo</b> de línea, margen, margen superior, párrafo, página o margen superior.</li>
|
|||
|
|
<li>La opción <b>Desplazar objeto con texto</b> controla si la imagen insertada en el texto se mueve junto con ello si el texto se mueve.</li>
|
|||
|
|
<li>La opción <b>Superposición</b> controla si dos imágenes sobreponen o no cuando usted las arrastra una cerca de la otra en la página.</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</body>
|
|||
|
|
</html>
|