Lo primero que hemos de tener en cuenta son las extensiones de formato que son validas para usar una imagen en una página Web. Las que se usan mas, son los formatos gif, png y jpg. gif y png, son muy similares, usan pocos colores ( 256) y por ello tienen poca calidad, pero pesan muy poco y eso es bueno a la hora de cargarse rapido en una página. Jpg, más colores, más calidad y más peso. png es una extensión que Macromedia desarrollo para páginas Web y que poco a poco esta encontrando su lugar. En este mismo formato hay varias calidades de imagen, pero el mas usado es el que es similar al que conocemos como gif.

Para insertar una imagen, primero seria conveniente que creásemos en el Sitio una carpeta a propósito para ellas.

Pulsando con el botón derecho del ratón, sobre la carpeta del Sitio en la columna de la derecha, en el menú que se despliega, clic en carpeta Nueva:

Por defecto Dreamweaver la llamara untitled. Mientras aun esta seleccionada y el cursor fluctúa, podemos cambiar el nombre:

Si por cualquier motivo, dejó de estar seleccionada y no vemos el cursor haremos un clic, sobre ella, seguido de otro clic. y el cursor volverá a fluctuar y podremos poner el nombre que deseemos.

*Nota: No hacer doble clic, si no uno y después otro

También podemos simplemente ir a la carpeta del Sitio y crearla, aparecerá en la columna cuando regresemos al Dream.

Será en esta carpeta que iremos guardando todas las imágenes que vayamos a usar para construir la página. Podemos guardarlas desde el programa que usemos como editor de imágenes, o diseño gráfico; llevarlas a la carpeta con el consabido copiar/pegar… etc… Cuando la carpeta contenga algún archivo, veremos un cuadrito con el signo más a su lado.

Vamos pues a Insertar/Imagen.

Aparece éste cuadro de dialogo,como aun no tenemos ninguna imagen, vamos a usar el Explorador de Windows, yo tengo el gif en la carpeta Mis documentos:

Pulsando el icono Vista previa, podremos ver las imágenes si no conocemos bien el nombre pulsamos sobre ella y aceptamos. Aparecerá un mensaje como el siguiente:

y nos mostrará las carpetas disponibles en nuestro Sitio:

*Nota: Si os apareció una carpeta como se ve en la captura, _notes no os preocupéis de ella, podemos incluso borrarla vale? más adelante explicaremos para que sirve, pero por ahora… la ignoramos o mejor la borramos y así no hay confusiones vale?

clic en Abrir

clic en guardar. Al hacerlo, al mismo tiempo que la imagen queda guardada también ya se coloca en el documento:

Otra forma de insertar imágenes es, seleccionar la imagen desde la carpeta, en la columna derecha y manteniéndola pulsada, arrastrarla hasta la posición donde queremos colocarla.

Tanto al insertar una imagen, como al arrastrarla, nos saldrá un mensaje donde poner un texto alternativo.

* Nota: Texto Alternativo: Esto es por si, por algún motivo la imagen no se carga en un navegador. El Mozilla, veréis que no muestra nada, si la imagen no se carga, no sale la crucecita aquella, simplemente no sale nada. Si ponemos un texto alternativo.. (por ejemplo, en una captura yo suelo poner img 1, o captura 1, o el mismo nombre que tenga la imagen) O no poner nada, también se puede dando a cancelar. Aunque de cara a una Web, es aconsejable acostumbrarse e ir haciéndolo.

Podemos mas tarde añadirlo, seleccionando la imagen y en Propiedades:

Por ultimo, a veces puede ocurrir que habiendo guardado una imagen en su carpeta correspondiente, al ir a insertarla, no la veamos desde la columna de Archivos, en la derecha de la pantalla. Actualizamos la columna pulsando en la flecha circular azul:

o como vemos en la captura, pulsar la tecla F5, esto lo tendremos en cuenta con archivos e imagenes también ok? y aparecerá.