martes, 22 de noviembre de 2011

Primer página WEB (Fireworks y Dreamweaver)

Está página se optimizo en Fireworks, donde también se diseñaron el top, bottom, main y left frame. Enseguida se colocaron en Dreamweaver en sus respectivos frames. Además se incorporó un gif animado y varios vínculos. Así tendría que haber sido el resultado.










GIF animado

Para hacer un gif animado. Se abren los archivos necesarios con la opción de animación.






Se puede editar el tiempo del gif animado.






Por último este es el resultado.





viernes, 11 de noviembre de 2011

DREAMWEAVER. Código HTML.

El código HTML es el lenguaje por medio del cual realizaremos acciones.



Daremos instrucciones abriendo "<" y cerrandolo "</>".

No hay que olvidar el orden:

<HTML>
<head>
<title>      </title>
<head>
<body>
</body>
</HTML>

En Dreamweaver podemos acomodar los elementos en Tablas.


FIREWORKS. Frames.

De esta manera se organizan muchas de las páginas web.

En el Top Frame- Encabezado
Left Frame- Botones
Main Frame- Contenido
Bottom Frame- Legales

jueves, 10 de noviembre de 2011

FIREWORKS. Botones y vínculos.

Para hacer botones sólo debemos convertir nuestros elementos en símbolos, dar click en Boton y enseguida se indicara que ya es un símbolo por medio de un recuadro verde.

Cuando tenemos Botones podemos aplicarles Estados que los harán más interactivos.


Para vincular algún archivo y así realicen su función los Botones hay que escribir el archivo que se quiera enlazar en el recuadro de Vínculo o Link. Se puede especificar el destino del vínculo.



Repaso

FIREWORKS
No hay que olvidar optimizar las imágenes, de esta manera se agilizara la navegación del usuario y las imágenes no tardarán en descargarse.




Dependiendo del resultado que se quiera obtener y la resolución elegiremos la extensión adecuada.