A continuación vamos a aprender a insertar imágenes en nuestra web. Recuerda que toda aquella imagen u otro objeto que añadas a tu web, debe estar incluido en la carpeta que contiene tu página.

Primero elige la imagen de tu disco duro que desees introducir, y haz una copia en la carpeta en que guardas tu web, te recomiendo que crees otra carpeta dentro de ésta, para organizarte mejor, por ejemplo, en mi caso: Mi primera Web\imagenes. Una vez copiada la imagen, volvemos al Dreamweaver y escogemos un documento sobre el que insertar la imagen, (index.html o webdeenlace.html en mi caso) yo he escogido index.html.

Para insertar la imagen, hacemos click sobre el menú superior en Insertar/Imagen, o CTRL+ALT+I, tal como se muestra al lado.

Se abrirá una nueva ventana para escoger una imagen; busca la carpeta que contiene tu web, en mi caso: Escritorio\Mi primera web, y dentro de ésta, abre la carpeta en la que contienes la imagen, en mi caso: Escritorio\Mi primera web\imagenes.

Ahora haz doble click sobre la imagen que desees añadir a tu web y listo. Posiblemente se abrirá una nueva ventana antes de insertar la imagen. A continuación te explico lo que debes hacer.

Esta es la ventana que posiblemente aparezca (si usas Adobe Dreamweaver cs3), debes introducir un "Texto alternativo" y una descripción de la imagen que insertas, pero esto es opcional, únicamente para que aparezca un texto si la imagen no carga, hacer más rapido el tiempo de carga de una página, o para que a la imagen se la de una relación con algo, a la hora de aparecer en los buscadores.

La imagen aparece en la web, con el tamaño natural de la misma, aunque esta se puede reducir o ampliar; al igual que los textos, se puede alinear (centrado, derecha, izquierda y justificado) , también se le puede añadir un borde (seleccionando un número de tamaño) cuyo color sea el mismo de la letra por defecto seleccionada en la web (propiedades de página) y, si nos damos cuenta, al igual que al texto, se le puede añadir un vínculo, con las mismas características de un texto normal. Si no te has leído el paso 2 para insertar un vínculo, este es el momento.

Para añadir un flash a nuestra web, como siempre, primero hay que seleccionar la animación de nuestro ordenador y trasladarla a la carpeta de la página web, te recomiendo que crees una subcarpeta, al igual que para las imágenes, en este caso para las animaciones, yo la que he creado se llama "flash", es decir, "Escritorio\Mi primera web\flash" ahí es donde he guardado mi archivo en flash. archivoenflash.swf , si no tienes ningún archivo en flash, puedes descargarte mi ejemplo haciendo click aquí (Necesitarás descomprimir el archivo, para ello, descarga winrar, u otro descompresor compatible con archivos .ZIP)

Una vez que esté guardado el archivo en tu carpeta "flash" (o como la hayas querido llamar), vuelve al Dreamweaver y repite la misma operación que para insertar una imagen, con la diferencia de que, en este caso, en lugar de ir a Insertar/Imagen, nos dirigiremos hacia Insertar/Media/Flash o bien CTRL+ALT+F. Busca aquella carpeta que contiene el flash, y haz doble click sobre él. Posiblemente aparezca una ventana parecida a la que se nos mostraba al insertar una imagen, rellena, el campo Título (opcional) y listo.

Ahora que tenemos el flash insertado en nuestra web, guarda el documento y previsualizalo para que veas cómo ha quedado la animación en flash decorando tu web.

Quizás hayas observado en otras webs que tienen textos llamativos, o botones animados en flash, pues bien, estos textos, botones, etc. posiblemente hayan sido creados mediante el programa con el que estamos trabajando, Dreamweaver en casi todas sus versiones.

Vamos a aprender cómo introducir un texto animado en flash, que varía su color y su fondo, cuando el raton pasa sobre él. Vamos de nuevo a Insertar/Media y en esta ocasión escogemos "Texto flash". Se abrirá una nueva ventana en la que nos permitirá editar diferentes opciones, muchas de ellas te sonarán de apartados anteriores, si es que has seguido el manual.

Principalmente, escogeremos el texto llamativo que queremos que aparezca. Por ejemplo yo he escrito "Crear una Web"; escoge una fuente, un tamaño, un color principal (que será el color que se muestre predeterminado), y (opcionalmente) un color de sustitución (que será el que aparezca cuando el ratón del visitante de tu web pase el ratón por encima del texto que estamos creando). También, el texto puede enlazar a otra página o archivo, si quieres que dicho texto contenga un vínculo, en el cuadro de texto que lo indica, expón la URL (dirección) de aquella web que quieras enlazar, y el campo "destino" para indicar si el enlace es en la misma o en otra página. (lee el paso 2 donde viene explicada la utilidad de este campo). Obligatoriamente debes escoger un color de fondo, ya que todos los flash están obligados a llevarlo, y también debes seleccionar el nombre del archivo, ya que este se va a guardar al ser un elemento independiente del Dreamweaver (aunque sea creado y editado por el mismo), y el directorio donde quieras que sea guardado, yo te aconsejo que lo añadas a la carpeta del flash que hemos creado anteriormente, en mi caso "flash".

Ahora vamos a insertar un botón flash, que es prácticamente igual que un texto flash, pues bien, vamos a Insertar/Media/Botón flash, y nos encontramos con una serie de opciones similares a las del texto en flash que acabamos de explicar. En primer lugar escogemos el "estilo" del botón que mas se adecue a nuestra web; una vez hecho esto, seleccionamos el texto, la fuente y el tamaño, cuidando para que no se salga de los límites del botón, aunque si se sale no estropea su funcionamiento, es pura cuestión de estética. Ahora sólo queda elegir un color de fondo, un vínculo (que puede volver a apuntar hacia la página que hemos creado en el paso 2, hacia una nueva, o hacia www.crearunaweb.es www.crearunaweb.com u otra página de internet cualquiera). Finalmente escogemos el lugar donde queremos guardar nuestro botón (que yo personalmente aconsejo en la misma carpeta del flash).

En el ejemplo que estamos siguiendo, yo no he optado por añadir ningún texto ni botón en flash con vínculo, aunque para empezar, vendría bien practicar con ambos ejemplos. Bueno, hasta aquí llega el paso 3 de este manual.