Como crear animaciones en flash

Una de las características principales de Flash es su sencillez, esta sencillez en su utilización permite crear animaciones de un modo efectivo y rápido.

Pongámonos en situación, supongamos que queremos crear una animación en la que una pelota realice un movimiento de "bote", es decir, que baje y suba. Puede parecer un trabajo de horas, pero nada más lejos de la realidad.
Veamos cómo Flash nos lo pone fácil.  

En este apartado no pretendemos enseñar cómo crear una animación Flash (pues eso se verá más adelante), el objetivo es que entendamos cómo crea Flash las animaciones y de que modo nos facilita el trabajo.

A primera vista, lo lógico parece ser dibujar la pelota en cada instante del movimiento, de modo que cuantos más instantes dibujemos, más real parecerá el movimiento. Pues bien, con Flash bastará con crear 3 fotogramas: en el primero dibujaremos la pelota en el instante inicial (arriba del todo), en el segundo se dibujará la pelota en el momento de tocar el suelo y en el tercero la pelota volverá a estar arriba (en realidad este tercer fotograma no hará falta crearlo, pues bastará con copiar el primero). Por tanto, vemos que el trabajo más largo (dibujar los objetos) ya está hecho.

  

Como crear paginas web en Dream Weaver 

Para insertar una imagen hay que dirigirse al menú Insertar, a la opción Imagen. Después de esto, ya es posible seleccionar una imagen a través de la nueva ventana.
En este tema vamos a ver algunas de las facilidades que proporciona Dreamweaver para trabajar sobre el propio código HTML, y no únicamente sobre el editor gráfico de la vista diseño.
En este tema no se pretende enseñaros el lenguaje HTML sino cómo poder realizar algunos reajustes directamente en el código estando dentro de Dreamweaver.




Hoy en día el Dreamweaver es de las aplicaciones más completas y útiles para crear cualquier tipo de página o aplicación Web. Tanto si conoces un poco el software como si no lo has visto nunca, te invitamos a que lo descubras, pues va a mejorar tu calidad de desarrollo y te va a proporcionar unas herramientas fenomenales.

COMO CREAR TABLAS CON CODIGO HTML:

 Tablas básicas

El codigo puede ser usado de esta forma

Las tablas más sencillas de HTML se definen con tres etiquetas: <table> para crear la tabla, <tr> para crear cada fila y <td> para crear cada columna.

A continuación se muestra el código HTML de una tabla sencilla:

<TR>
<TH>NOMBRE DE LA ETIQUETA</TH>
<TD>FUNCION DE LA ETIQUETA</TD>
</TR>
<TR>
<TH>&lt;HTML&gt;</TH>
<TD>INICIO</TD>
</TR>
<TR>
<TH>&lt;HEAD&gt; </TH>
<TD>ENCABEZADO</TD>
</TR>
<TR>
<TR>
<TH>&lt;TITLE&gt;</TH>
<TD>PARA COLOCAR EL TITULO</TD>
</TR>
<TR>
<TH>&lt;BODY&gt;</TH>
<TD>TODO EL CONTENIDO</TD>
</TR>
<TR>
<TH>&lt;P&gt;</TH>
<TD>ESPACIO</TD>
</TR>
<TR>
<TH>H1....H6</TH>
<TD>SUBTITULO IMPORTANTE</TD>
</TR>
<TR>
<TH>&lt;B &gt;</TH>
<TD> TIPO DE TEXTO EN NEGRITA</TD>
</TR>
<TR>
<TH>&lt;I &gt;</TH>
<TD> LETRA CURSIVA</TD>
</TR>
<TR>
<TH>&lt;HR&gt;</TH>
<TD>LINEA SEPARADORA</TD>
</TR>
<TR>
<TH>&lt;BR&gt;</TH>
<TD>ESPACIO SENCILLO</TD>
</TR>
<TR>
<TH>&lt;FONT FACE=""&gt;</TH>
<TD>TIPO DE LETRA</TD>
</TR>
<TR>
<TH>&lt;FONT COLOR=""&gt;</TH>
<TD>PARA PONER UN COLOR</TD>
</TR>
<TR>
<TH>&lt;FONT SIZE=""&gt;</TH>
<TD>PARA COLOCAR EL TAMAÑO DE LETRA</TD>
</TR>
<TR>
<TH>&lt;UL&gt;</TH>
<TD>VIÑETAS</TD>
</TR>
<TR>
<TH>&lt;LI&gt;</TH>
<TD>CIRCULOS</TD>
</TR>
<TR>
<TH>&lt;OL&gt;</TH>
<TD>NUMERACION</TD>
</TR>
<TR>
<TH>&lt;TABLE BORDER&gt;</TH>
<TD>CREAR TABLAS</TD>
</TR>
<TR>
<TH>TR</TH>
<TD>PARA FILAS<TD>
</TR>
<TR>
<TH>TR</TH>
<TD>PARA FILAS</TD>
</TR>
<TR>
<TH>TD</TH>
<TD>COLUMNAS</TD>
</TR>
<TH>HTML</TH>
<TD>FIN</TD>
</TR>
<TR>
<TH>COLSPAN</TH>
<TD>COLUMNAS</TD>
</TR>
<TR>
<TH>ROWSPAN</TH>
<TD>FILAS</TD>
</TR>
<TR>
<TH> MARQUEE BEHAVIOR</TH>
<TD>MOVIMIENTOS DE LOS TEXTOS</TD>
</TR>
<TR>
<TH>A HREF="EL NOMBRE DE LA PAGINA"Y DAR CLIC</TH>
<TD>CREAR HIPERVINCULOS O PASAR A OTRA PAGINA AL DAR CLICK</TD>
</TR>
<TR>
<TH>A HREF=EL NOMBRE DE LA PAGINA 2</TH>
<TD>SIRVE PARA REGRESAR A LA PAGINA ANTERIOR</TD>
</TR>
<TR>
<TH>IMG SRC="Y EL NOMBREDE LA FOTO</TH>
<TD>SIRVE PARA INSERTAR UNA IMAGEN</TD>
</TR>
<TR>
<TH>BODY BACKGROUND="FONDO.Y LAS LETRAS DE LA IMAGEN SELECCIONADA</TR>
<TD>PARA INSERTAR UNA IMAGN DE FONDO</TD>
</TR>
<TR>
<TH>WIDHT="100"</TH>
<TD>PARA EL ANCHO DE LA IMAGEN</TD>
</TR>
<TR>
<TH>HEIGHT="100"</TD>
<TD>PARA EL LARGO DE LA IMAGEN</TD>
</TR>

<LI><A HREF="CURSO COMPLETO.HTML">REGRESAR A LA PAGINA PRINCIPAL</A></LI>
</UL>

Si se visualiza el código anterior en cualquier navegador, se obtiene una tabla como la que muestra la imagen anterior

El HTML se hizo popular por su sencillez, era fácil de aprender y eso lo hace accesible a mayor número de personas. Estos documentos web deben estar escritos con el mismo “lenguaje” para que diferentes ordenadores puedan leerlos, si alguien utiliza un sistema diferente no podrá compartir su información con los que usan el HTML ni podrá visualizar los de los demás.

Por eso la tendencia es crear un estandar que evoluciona poco a poco y que es compatible con la versión anterior.

Curso HTML 5. Presentación. Vídeo 1