TEMA: INSERTAR IMAGEN CON EDITOR // INSERTAR IMAGEN DE SUSTITUCIÓN (bajar a este tema)

     1. INSERTAR IMAGEN
    
     • Vamos a crear un artículo como ves en la imagen y picamos en el icono que te indico:

       
     • Se abrirá el gestor de imagen que tiene este aspecto:

        
     • Como puedes ver, en Dirección de la imagen le he dado la ruta donde tengo esa imagen en mi servidor (ruta relativa) y debajo he rellenado los espacios Descripción de la imagen y el denominado Título. Estos dos apartados son opcionales, pero te recomiendo rellenarlos de cara a los buscadores donde tienen peso ambos (no olvides que ahí puedes colocar palabras que te interese promocionar en dichos buscadores y que tienen en cuenta para cuando ofrecen el resultado de las búsquedas al usuario. Además, es una ayuda para personas impedidas).
     • Existen otras dos pestañas: ASPECTO y AVANZADO. Si picamos en la pestaña Aspecto verás esto:

            
      • En este apartado puedes jugar con el tamaño de la imagen, con el espacio vertical y espacio horizontal, incluso decirle si quieres que la imagen tenga un borde. Lo interesante es que cualquier cambio que vayas realizando en los apartados te los reflejará a la derecha en esa pequeña simulación de imagen/texto que vés.
      • Finalmente, la pestaña Avanzado presenta este aspecto:

                     
     -- Estudiaremos en la segunda parte el funcionamiento de esta pestaña (Imagen de sustitución). Bueno, pues una vez hemos visto las tres pestañas, picamos en Insertar y ya se mostrará la imagen en el artículo:

                  
        2. INSERTAR IMAGEN DE SUSTITUCIÓN

       • La segunda parte de esta lección te enseñará a insertar dos imágenes de forma que al colocar el ratón sobre la primera, aparezca una segunda imagen y si retiras el ratón de nuevo aparecerá la primera imagen; es lo que se llama IMAGEN DE SUSTITUCIÓN.

       • Para ello, picamos sobre la imagen para seleccionarla y ahora debemos picar como vimos en el icono Insertar imagen e irnos a la tercera pestaña Avanzado, según ves:

              
      • Y la tarea es muy sencilla, pues como observas, se trata de activar la casilla Imagen alternativa, y luego en las dos casillas debajo, deberás colocar la ruta de ambas imágenes, sencillo ¿verdad?. Picas ahora en Actualizar para que tome los cambios.
      • Ahora, puedes apreciar el aspecto que tendrá tu artículo con los cambios hechos. Para ello no tienes más que ir arriba a la derecha y verás a la izquierda del icono Guardar otro que dice Previsualizar, pica en él y verás esto:

         

     • Si colocas el puntero del ratón sobre la imagen (sin hacer clic) verás que esta automáticamente cambia a:

                           

      • Y en el momento en que retiremos el puntero, vuelve la imagen original.

	Introduzca los términos de búsqueda. Envíe el formulario de búsqueda
	Web joomla15.joomlatuto.com

        ««  Volver al índice con todas las lecciones                       »»  Subir a principio de página  ►

---

Agrega esta pagina a tu favoritos, en alguna "Red Social" de abajo