======== EDITOR WEB: INSERTANDO IMÁGENES =====================

Tamaño: px

Comenzar la demostración a partir de la página:

Download "======== EDITOR WEB: INSERTANDO IMÁGENES ====================="

Pedro Álvarez Río
hace 8 años
Vistas:

1 ======== EDITOR WEB: INSERTANDO IMÁGENES ===================== Para la edición de una página web en nuestro panel de control se utiliza un completo editor web, con características similares a las que podemos encontrar en editores web comerciales. En este primer apartado revisaremos la función de insertar imagen en detalle, por ser fundamental para poder confeccionar una web completa. Más adelante se verá la inserción de archivos (botón remarcado en azul). En la cabecera del editor web se nos muestra 2 filas de botones con todas las funciones para confeccionar la página. En la primera fila, está el botón e insertar/editar imagen (como podemos ver remarcado en rojo). Pulsando sobre ese botón podremos insertar una imagen en la página que estamos editando. Esa imagen puede estar ya cargada en el servidor y solo tendremos que seleccionarla, o bien tendremos que cargarla desde nuestro ordenador al servidor si aun no se encontraba allí. Una vez la imagen está cargada la seleccionaremos, indicaremos si la queremos alineada a izquierda, derecha o por defecto (pestaña Apariencia) y pulsaremos el botón Insertar para incorporarla a la página. Las próximas páginas nos enseñan a utilizar esta función en detalle.

Más adelante se verá la inserción de archivos (botón remarcado en azul). En la cabecera del editor web se nos muestra 2 filas de botones con todas las funciones para confeccionar la página.

2 Una vez que hemos pulsado el botón de Insertar Imagen se nos mostrará una zona (en la parte izquierda de la nueva ventana) donde tenemos todas las imágenes que hemos cargado previamente. Si la imagen que deseamos se encuentra ahí podemos seleccionarla pulsando sobre ella con el puntero del ratón (haciendo doble clic) y a continuación pulsaremos sobre el botón Insertar que hay abajo del todo de esta ventana para incorporar la imagen a la página. Si la imagen no se encuentra entre las que ya tenemos cargadas, tendremos que cargarla desde nuestro ordenador al servidor pulsando el botón de Subir (remarcado en rojo en la imagen superior), y se nos mostrará una ventana sobre la que ya tenemos abierta con varias opciones para la carga de imágenes. Esto podemos verlo en la siguiente página.

del todo de esta ventana para incorporar la imagen a la página.

3 Cuando subimos una imagen desde nuestro ordenador al servidor tenemos varias opciones: Primero hay que pulsar el botón Examinar para buscar la imagen en nuestro disco duro o cdrom del ordenador. A continuación pulsamos en el botón Subir y en unos instantes ya tendremos cargada la imagen en el servidor. Tenemos la posibilidad de modificar el tamaño de la imagen para que se guarde en el servidor con el tamaño que le indiquemos marcando en la casilla Redimensionar Imagen (e indicando en Tamaño el ancho o alto que queremos para la imagen guardada). La casilla Miniatura nos permite guardar una segunda imagen más pequeña (con el tamaño que nosotros indiquemos en su casilla Tamaño) para así poder tener 2 imágenes en la página. Un caso práctico para el uso de los 2 tamaños de la misma imagen sería tener una miniatura que se inserta en la página y una imagen ampliada que se mostrará pulsando sobre la miniatura; o bien una miniatura en la cabecera de un artículo y la imagen ampliada en el desarrollo del mismo.

Tenemos la posibilidad de modificar el tamaño de la imagen para que se guarde en el servidor con el tamaño que le indiquemos marcando en la casilla Redimensionar Imagen (e indicando en Tamaño el

4 Una vez que hemos subido la imagen al servidor debemos seleccionarla desde la zona izquierda donde se muestran todas las que tenemos (haciendo doble clic sobre ella), para poder indicar la alineación que queremos con respecto al texto de la página. Podemos alinear la imagen a la izquierda del texto, a la derecha, o sin alineación con respecto al texto (por defecto). Esta opción de alineación se encuentra en la pestaña Apariencia, remarcada en rojo en la imagen ilustrativa de la parte superior de esta página del manual.

Podemos alinear la imagen a la izquierda del texto, a la derecha, o sin alineación con respecto al texto (por defecto).

5 Una vez que tenemos la imagen seleccionada y con la alineación que deseamos ya solo queda pulsar el botón Insertar para incorporarla a la página que estamos editando.

Documentos relacionados

Páginas multimedia Pizarra www.webardora.net

Páginas multimedia Pizarra www.webardora.net Página donde el usuario tiene un espacio (pizarra) para crear sus propias composiciones con gráficos y textos previamente insertados por el autor; además de poder escribir sus propios textos: PESTAÑA IMÁGENES