Dreamweaver

Imagen 1
Originally uploaded by veronicapousa.

Dreamweaver es un programa de diseño de páginas web. Con él, podemos diseñar páginas con aspecto personal, pudiendo hacer hojas de estilo y capas, crear efectos e interactividades, inserción de archivos multimedia, etc.

Mediante este programa hemos cambiado la plantilla de nuestro blog. Explicaré un poco el proceso que he realizado, primero he hecho una copia de mi plantilla original, guardandola como .htm y luego he copiado otra para poder modificarla. En esta modificada he hecho cambios, uno de ellos ha sido buscar la imagen deseada para el fondo y la he colocado en el código, donde pone body, a parte de esta imagen he utilizado otras y siempre he hecho el mismo proceso, abrir la imagen en Photoshop, guardarla para web como gif, después subirla al flickr (upload, selecciono el archivo y lo acepto), cuando ya la tengo subida, me pongo encima de la foto, clico en all sizes y copio la dirección que me ofrece en el apartado 1. Esta dirección la acabo copiando en el Dreamweaver en el código, donde yo deseo que me aparezca. También he cambiado los colores y las tipografias, en la paleta de la derecha, donde pone estilos. Cuando selecciono un objeto en el apartado del diseño, se puede ver el código iluminado correspondiente a este. También puedo cambiar aspectos de la página, en modificar-propiedades de la página.

Para ir viendo lo que voy haciendo me voy al icono del mundo y edito lista de navegador, en mi caso he escogido el safari y cada vez que quiera ver mi página como esta quedando, voy a este mundo... vista previa a safari.



Por último copio todo este código modificado en la plantilla de mi actual blog y guardo los cambios.

Imagen 2
Originally uploaded by veronicapousa.