Dreamweaver - CS3

Lección 9: Imagen (1)

9/58 Lecciones 

Insertar Imagen

Para añadir una imagen, primero coloca el cursor en el punto de tu página donde quieras tenerla. En la barra de herramientas “Insertar”, escoge la pestaña “Común” y haz click en “Imagenes”.
Selecciona “Imagen” en el menu desplegable.

En la ventana de diálogo que aparece, navega a la imagen que quieres insertar, seleccionala y haz click en el botón Aceptar.

En la ventana que aparece, serás notificado de que el archivo que quieres insertar no está el la ruta raíz del sitio, y si desea copiar este archivo en esta carpeta.

Haz click en “Si”. Queremos que todos nuestros archivos aparezcan en las páginas más tarde cuando los instalemos en el servidor.

 

En la siguiente ventana, nosotros especificamos donde queremos guardar el archivo y bajo qué nombre.

Es lo mejor para tu sitio que tengas todas las imagenes en un folder separado, con un nombre significativo como “imagenes”.

Solo haz click en el botón “Nueva Carpeta” al inicio de la ventana de diálogo. Nombra la carpeta como “imagenes” y haz click en el botón “Abrir” y click en el botón “Guardar” en la siguiente ventana.

 

En la siguiente ventana, introduces un texto alternativo en la parte superior de la caja, si tu imagen no puede ser vista en la ventana del navegador por alguna razón.

Click en Aceptar.

 

La imagen, en este caso, el logo, es insertado en la página.
La carpeta “Imagen” contiene la imagen añadida a la carpeta del sitio “Cursos Gratis”.

 

Cambiar Tamaño Imagen

Cuando tienes añadida una imagen a tu página, puedes cambiar sus dimensiones en diferentes modos.

Una forma es seleccionar la imagen, hacer click y arrastrar los bloques que aparece al filo de la imagen seleccionada.
Si deseas mantener las proporciones de la imagen, deja presionado la tecla Shift en tu teclado cuando haces click y arrastras.

Una segunda forma es alterar las dimensiones en la “Ventana de Propiedades”.
En esta ventana, tenemos dos campos, uno para el ancho (B) y otro para el alto (H).
Introduce las dimensiones en los campos a cambiar.
Siempre puedes regresar al tamaño original haciendo click en el botón de la flecha circular.

Haciendo click en el “Número de bits” en la parte derecha de la ventana de propiedades, nosotros vemos el tamaño del archivo (KB) de la reducción de la imagen. Es buena idea hacer esto, especialmente cuando has reducido la imagen. Esto hará que bajes información más rápido (despliegue más rápido) cuando alguien visite tu sitio.
Haz click en la ventana de diálogo de Aceptar que aparece cuando escoges ésta opción.

Increíble! Has completado Lección 9 INICIAR EL PROXIMO LECCIÓN