xxgrosoxx: Construyendo un Sitio Web en Flash (VideoTutos)

martes, 12 de enero de 2010

Construyendo un Sitio Web en Flash (VideoTutos)

en 2:04 Publicado por xxgrosoxx

Datos Técnicos

Descripción

Flash se ha convertido en la herramienta preferida por los desarrolladores web para mostrar contenidos de forma vistosa en la red, descubra las posibilidades que nos ofrece flash en su versión número 8, y sea parte del selecto grupo de diseñadores que trabajan esta exquisita herramienta de animación .

En este curso vamos a revelar el poder de Flash 8 orientado a la construcción de un sitio web , al final de las lecciones el estudiante estará en condiciones de crear su propio sitio web de forma elegante y funcional , y lo mejor de todo 100 % animado en flash.

+ Pierda cuidado si usted no tiene experiencia en flash, despues de haber aprendido el curso va a tener la suficiente para construir un website de lujo y funcional.

Contenido

1 – Construyendo website basica ( duración : 24:23)
crear un sitio web en flash , es más facil de lo que se cree , vamos a revisar la forma elemental de maquetar un website , para pasar a construir nuestro primer mini-sitio

2 – Haciendola funcionar (duración: 17:10)
Un website sin botones no nos servirá de mucho , vamos a mostrar como colocarle acciones a nuestros botones para que nos lleven de un sitio a otro en nuestro proyecto , hasta darle la navegación que necesita.

3 – Agregando las acciones de un botón en un solo frame (duración : 13:58 )
Hemos agregado acciones a las instancias mismas de nuestros botones , pero vamos a revisar como crear la misma funcionalidad manteniendo todas nuestras acciones en un solo frame , y con esto mantenerlas todas en un mismo lugar para editarlas de forma más fácil.

4 – Botones Animados ( duración : 13:25 )
Una parte importante del diseño en flash , es crear menus y botones con animaciones , miremos como hacerlo en este video

5 – Botones como movieClips , parte 1 ( duración : 14:43 )
Vamos a presentar un nuevo concepto en la creación de botones Convirtiendolos utilizando simbolos movieClips en lugar de botones, esta técnica nos va dar mas flexibilidad , y nos va a permitir mas creatividad para nuestros botones .

6 – Botones como movieClips parte 2 ( duración : 20:50 )
Ahora que ya sabemos crear botones apartir de movieClips , vamos a mirar como agregarle acciones para que funcionen de forma correcta. Para luego mirar como podemos ahorrar tiempo y trabajo duplicandolos para construir todo un menú.

7 – Botones Invisibles ( duración : 5:52 )
Vamos ahora a discutir el uso de botones invisibles en nuestras aplicaciones , especialmente en la construcción de nuestros menús emergentes, aunque el uso de este tipo de botones no solo se resume a esto; lo cual veremos en detalle en un posterior video.

8 – Instancias de botones ( duración : 9:18 )
En este capitulo se va a revisar la diferencia entre un símbolo y la instancia de un símbolo, utilizando un ejemplo con un set de botones.

9 – Efectos rollover en botones ( duración : 29:58 )
En este capítulo vamos a aprender como agregar una accion a un evento rollover de un botón para llamar una animacion que se encuentra en otro movieClip.

10 – Transición simple de páginas ( duración : 12:51 )
Cambiar de una pagina a otra en nuestro website , puede volverse un poco aburrido , vamos a mirar entonces la forma de implementar pequeñas transiciones animadas que nos lleven de un contenido a otro de una forma un poco menos brusca.

11 – Zona activa ( duración : 12:57 )
En las versiones anteriores de Flash los estados de zona activa de un boton o movieClip , era un desafio para algunos desarrolladores, especialmente cuando necesitabamos zonas activas o “hit states” para apartados de texto, vamos a mirar como esta problema ha sido corregido , y vamos mirar ejemplos para casos en los que debemos y no debemos configurar este tipo de estados

12 – Construyendo websites de un frame parte I ( duración : 16:06 )
Vamos a revisar como colocar todos los elementos de una web en un unico frame en la linea de tiempo principal

13 – Construyendo websites de un frame parte II ( duración : 12:27 )
Un segundo metodo para presentar todos los elementos de un website en solo frame , ayudandonos de las capas en flash, activando y desactivando la visibilidad de cada uno de los elementos a mostrar en nuestro proyecto

14 – Funciones ( duración : 15:47 )
En este capitulo se va exlpicar de forma sencilla , que es una funcion como trabaja y para que sirve. Revisaremos el uso de funciones con o sin parametros.
15 – la variable currentPage “paginaActual” ( duración : 28:12 )
De nuevo otro termino de programación ; variables, el codigo actionScript se empieza a poner un amedrantador, pero es un concepto clave a la hora de crear aplicaciones mas robustas para nuestro proyecto

16 – Website final ( duración : 11:26 )
Este es el capitulo en el que empezamos a trabajar una web completa y funcional , empezamos por diseñar el layout y el esqueleto de lo que sera nuestro proyecto
17 – Website final botones I ( duración : 27:23 )
vamos a poner en escena los botones del menu de navegacionque van a acompañar a nuestro proyecto final

18 – Website final botones II ( duración : 11:42 )
Continuamos agregando las animaciones para todos los botones que van a componer nuestro menu principal

19 – Creando un precargador simple ( duración : 19:47 )
Vamos a mirar la importacia de los precargadores a la hora de mostrar cobtenidos, especialmente cuando diseñamos contenidos para la web , empezamos con uno de los modelos de precargador mas elementales.

20 – Precargador Intermedio ( duración : 10:45 )
MIremos como construir un precargador un poco mas dinamico y mas amistodo con el usuraio , ente precargador que vamos a construir , le va a dejar saber el porcentaje de contenido cargado , de esta forma el usuario puede llegar a saber que tanto tiempo mas va a tener que esperar

21 – Creando un precargador avanzado ( duración : 09:30 )
Al final de este video ya todos seran uns expertos , y no se asusten por el titulo del capitulo , que aunque el precargador aparece en un concepto como avanzado , es realmente bastante simple de construir

22 – El pecargador de nuestra web ( duración : 19:20 )
Una diseño un poco más dinámico poniendo en práctica lo que hemos aprendido , nos traera como resultado el precargador que vamos a utilizar en nuestro proyecto final

23 – Cargando Swf Externo ( duración : 12:56 )
si nosotros como internautas tuviesemos que esperar a que carguen todos los elementos que componen toda la web lo mas seguro es que nuestro precargador seria todo lo que nuestros visitantes alcancen a ver antes de aburrirse , cerrar nuestra página , e irse a otra mas dinámica. Vamos a mirar entonces como evitar este posible problema , aprendiendo a cargar nuestro contenido por partes , llamando nuestros swfs desde un archivo externo
24 – Creando una mascara animada ( duración : 15:01 )
En un video anterior revisabamos la forma de presentar contenidos en el escenario de una forma que no fuese tan brusca, ahora vamos a implimentar ese mismo concepto , pero con una técnica diferente para tener una entrada de nuestros contenidos bastante elegante.

25 – cargando texto de un archivo de texto externo ( duración : 24:27 )
Abrir un archivo en flash 8 y editarlo puede ser algo que no todo el mundo este en condicionesde hacer , y algunos de nuestros clientes van a necesitar editar editar contenidos ocasionalmente pero no tienene de idea de archivos fla ni nada de essas cosas. bien , en este video vamos a aprender como actualizar contenidos en nuestros proyectos en flash , con tan solo editar un archivo de texto externo, revisaremos a fondo como implementar esta funcionalidad.

26 – Importando Video ( duración : 19:37 )
Vamos a mirar lo simple que puede ser incorporar videos en nuestros proyectos flash, gracias a las facilidades que incorpora flash 8

27 – Depurando problemas del precargador ( duración : 16: 02 )
Vamos a revisar ahora los posibles problemas que pueden aparecer cuando implementamos un precargador, y como dar solucion eficiente a ellos

28 – Precargando archivos externos movieClipLoder class ( duración : 29:09 )
Hay que hacer primero una diferencia en el título de este capítulo, se trata de como PREcargar nuestros archivos externos , y no de como cargarlos , ya que esto último se revisó en un video pasado. Eventualmente nuestros archivos extermos podrian ser tan grandes como nuestro mismo website , por esta razon debemos implementar un precargador para cada uno de ellos, y de esta forma el usuario se sienta mas agusto con el contenido que esta por mostrarse

29 – construccion de Galeria de imágenes implementación de la clase movieClipLoader ( duración : 22:09 )
despues de haber construido nuestro precargador para archivos externos, es tiempo de hacerlo funcionar correctamente , en cualquier apartado de la web en donde se necesite , miremos como hacerlo.

30 – Creando formularios en flash ( duración : 25:39 )
Aunque flash no tiene la habilidad de construir formularios 100% funcionales, sin la yuda de servidores externos, vamos aun asi a prender como se adelanta este proceso

31 – Botones inteligentes ( duraci ón : 28:57 )
Para llevar las animaciones de los botones al nivel que queremos, vamos a tener que implementar un poco de código en cada uno de ellos para que hagan exactamente lo que nosotros queramos , miremos como hacerlo

32 – Toques finales ( duración : 14:04 )
Bueno mos acercamos al final de nuestro proyecto , y es hora de ir revisando cada uno de los apartados que lo integran en busca de posibles descuidos, o eventos que falten por implementar, un busca de una sana perfección !!

33 – Publicando nuestro website ( duración : 17:28 )
ya tenemos nuestro web 100 % funcional , revisemos ahora como compartirla en la red , que archivos o carpetas debemos tener en cuenta y donde desben quedar ubicados en nuestro servidor con algunos de los temas que se revisaran en este video

Captura