martes, 26 de noviembre de 2013

ActionScript _Adobe Flash

ActionScript 1.0


Es el lenguaje de programación de la plataforma Adobe Flash. Originalmente desarrollado como una forma para que los desarrolladores programen de forma más interactiva. La programación con ActionScript permite mucha más eficiencia en las aplicaciones de la plataforma Flash para construir animaciones de todo tipo, desde simples a complejas, ricas en datos e interfaces interactivas.


ActionScript 2.0


ActionScript 2.0 es una aplicación legado del lenguaje de programación ActionScript, y ha sido sustituido por ActionScript 3.0 (ver la documentación de ActionScript 3.0 ). Las versiones actuales de Flash Player apoyan el uso de ActionScript 2.0 y Adobe sigue publicando la Referencia del lenguaje ActionScript para desarrolladores que todavía utilizan ActionScript 2.0. ActionScript 3.0

ActionScript 3.0




Adobe Flash CS3 Professional es la herramienta de edición profesional estándar para la creación de publicaciones web de gran impacto ActionScript es el lenguaje que se utiliza para añadir interactividad a las aplicaciones de Flash, ya sean éstas simples archivos SWF animados o aplicaciones de Internet más completas y complejas. No es necesario utilizar ActionScript para usar Flash, pero si desea obtener una interactividad de usuario completa o básica, trabajar con objetos distintos a los creados en Flash (por ejemplo, botones y clips de película), o bien, hacer que un archivo SWF se convierta en una experiencia de usuario más completa, probablemente deseará utilizar ActionScript

Una nueva máquina  virtual ActionScript, denominada AVM2, que utiliza un  nuevo conjunto de instrucciones de código de bytes y proporciona importantes mejoras de rendimiento.

Una base de código de compilador más moderna, que se ajusta mejo al estándar ECMAScript (ECMA 262) y que realiza mejores optimizaciones que las versiones anteriores del compilador.

Una interfaz  de programación  de aplicaciones (API) ampliada y mejorada, con un control de bajo nivel de los objetos y un auténtico modelo orientado a objetos.

Un núcleo  del lenguaje  del lenguaje basado en el próximo borrador de especificación del lenguaje ECMAScript (ECMA-262) edición 4.

Una  API XML  basada en la especificación de ECMAScript para XML (E4X) (ECMA-357 edición 2). E4X es una extensión del lenguaje ECMAScript que añade XML como un tipo de datos nativo del lenguaje.

Un modelo   de eventos basado en la especificación de eventos DOM (modelo de objetos de documento) de nivel 3

Ventajas de  ActionScript 3.0

ActionScript 3.0 aumenta las posibilidades de creación de scripts de las versiones anteriores de ActionScript. 

Se ha diseñado para facilitar la creación de aplicaciones muy complejas con conjuntos de datos voluminosos y bases de código reutilizables y orientadas a objetos.

Aunque no se requiere para el contenido que se ejecuta en Adobe Flash Player

ActionScript 3.0 permite introducir unas mejoras de rendimiento que sólo están disponibles con AVM2, la nueva máquina virtual.

El código ActionScript 3.0 puede ejecutarse con una velocidad diez veces mayor que el código ActionScript heredado.

ActionScript 3: Características Importantes

En la nueva versión de ActionScript, la 3.0, hay una considerable cantidad de mejoras. Se hace hincapié en las mejoras que son especialmente útiles en este proyecto. A continuación se muestra un pequeño resumen inicial de estas características y en los siguientes sub-apartados se explican más detalladamente.

Soporte para packages, namespaces y expresiones regulares.

 Sistema mejorado para el trabajo con herencia de clases en vez del uso de prototypes.

 Nueva API mejorada.

 Acceso directo a la display list de Flash en tiempo de ejecución.
 Permitir trabajar con Bitmaps.

 Control de eventos unificado basado en el estándar de DOM.

 Parsear E4X XML (definido en la última versión de la ECMA).



VÍDEOS DE ACTIONSCRIPT


BIBLIOGRAFÍA




miércoles, 6 de noviembre de 2013

Adobe Flash


                                           Adobe Flash

                                 

Flash CS3 es una potente herramienta desarrollada por Adobe que ha superado las mejores expectativas de sus creadores. 

Inicialmente Flash fue creado por Macromedia (Adobe) con el objeto de realizar animaciones vistosas para la web, así como para crear GIFs animados. 

Los motivos que han convertido a Flash CS3 en el programa elegido por la mayoría de los diseñadores web profesionales y aficionados son varios. Veamos pues, porque es interesante Flash CS3. 

Desde la web de Adobe te puedes descargar una versión de evaluacion de Flash CS3 válida para 30 días. 

Los logotipos de Flash son propiedad de Adobe, así como las marcas registradas Flash y Adobe. Aula  Clic no tiene ninguna relación con Adobe



¿Por qué usar Flash CS3?  
       



Las posibilidades de Flash son extraordinarias, cada nueva versión ha mejorado a la anterior, y el actual Flash CS3 no ha sido menos. Aunque su uso más frecuente es el de crear animaciones (a lo largo de este curso veremos lo sencillo que puede resultar) sus usos son muchos más. Son tantos, que todos los diseñadores web deberían saber utilizar Flash. 

Flash ha conseguido hacer posible lo que más se echa en falta en Internet: Dinamismo, y con dinamismo no sólo nos referimos a las animaciones, sino que Flash permite crear aplicaciones interactivas que permiten al usuario ver la web como algo atractivo, no estático (en contraposición a la mayoría de las páginas, que están realizadas empleando el lenguaje HTML). Con Flash podremos crear de modo fácil y rápido animaciones de todo tipo. 

Además sus desarrolladores estan apostando muy fuerte por ActionScript, el lenguaje de programación Flash. A cada versión se mejora y ofrece un abanico de posibilidades cada vez mayor, por lo que además de dinamismo, Flash CS3 nos ofrece ahora la posibilidad de ser la plataforma para aplicaciones web de un modo real. 

Flash es fácil de aprender, tiene un entorno amigable que nos invita a sentarnos y pasar horas y horas creando lo que nos dicte nuestra imaginación, pero esto no es suficiente para ser el preferido por los diseñadores profesionales.


Versiones  de Adobe Flash 

Versión más reciente de Flash Player admitida
Sistema operativo
  • Mac OS X 10.6+ (procesador Intel)
  • Windows XP, Windows Vista, Windows 7
  • Windows Server 2008
  • Red Hat 5+
  • Open SUSE 11+
  • Ubuntu 9.10+
Flash Player 11.2.202.223
  • Solaris x86 y Sparc
Flash Player 10.1.102.64
  • Mac OS X 10.4+ (procesador Power PC)
Flash Player 11.1.102.55  
  • Windows 2000
Flash Player 10.3.183.90
  • Mac OS X 10.5
Flash Player 9
  • Mac OS X 10.1-10.3
  • Windows 98, Windows ME
  • Red Hat 3 y 4
  • Novell SUSE 9.x o 10.1
Flash Player 7
  • Mac Classic (9 y versiones anteriores)
  • Windows 95, Windows NT
  • Red Hat Enterprise Linux WS v. 3 y Red Hat Linux 9
  • Sun Java Desktop System 1.0
Sistemas operativos móviles
Sistema operativo
Dispositivos certificados


Ventajas
Flash está basado en imágenes vectoriales lo que permite que al ajustar sus tamaños éstas no se pixélen o pierdan calidad.


Una vez que conozcamos el software y con la práctica (mucha práctica) veremos quees relativamente sencillo y rápido crear webs.

Podemos lograr presentaciones excelentes, de altísima calidad, que "cautiven" a nuestros visitantes o que llamen mucho la atención.

Desventajas:


Puede haber problemas con algunos navegadores ya que si no se tiene instalado el plugin nuestra web "desaparece".

El contenido de Flash NO ES INDEXADO por los buscadores por lo que difícilmente será fácil encontrar la web en Google, Yahoo, Ask, etc.

Si la animación no está bien programada puede resultar pesada cargarla. Hay que tener en cuenta hacia qué destinatarios estamos apuntando y si los posibles visitantes tendrán el suficiente ancho de banda para navegarla y no que demore 1 hora en cada cambio de página.


Mucha animación o sonido es molesto. Caso típico son aquellas que al cargarlas reproducen un MP3 y no tienen botón desde dónde silenciarlo. Otras en donde son tantas las animaciones que el visitante "se marea". Del punto anterior y de este se desprende que si cometemos estos errores el visitante abandonará la web rápidamente

  
                                      Bibliografía


Multimedia

Multimedia



Multimedia  es la capacidad que poseen los ordenadores de mostrar en un monitor o medio visual, textos y gráficos, así como de producir sonido. Su comienzo, hasta unos 40 años, las computadoras no poseían demasiado atractivo: de características enormes, llenas de dispositivos metálicos y cables que no ofrecían buena comunicación con el usuario. Fue con el paso del tiempo que su evolución les ha hecho cambiar de aspecto, tanto por dentro como por fuera. Los ordenadores redujeron su tamaño y se les han añadido determinados elementos que proporcionan un mejor intercambio de información con los usuarios. Gradualmente se ha conseguido un aspecto y funcionamiento más agradables. Las nuevas tecnologías han respaldado un aumento de la potencia de ejecución no sólo en el cálculo, sino en áreas como el proceso de diversos tipos de datos, la comunicación y transferencia de información entre computadores remotos, el trazado de gráficos, el razonamiento inteligente.


                                                         Formatos de Archivos


Algunos formatos de archivo están diseñados para almacenar tipos de datos muy particulares: el formato JPEG, por ejemplo, está diseñado para almacenar solamente imágenes estáticas. Otros formatos de archivo, sin embargo, están diseñados para almacenar varios tipos diferentes de datos: el formato GIF admite almacenar imágenes estáticas y animaciones simples, y el formato QuickTime puede actuar como un contenedor para muchos tipos diferentes de multimedia. Un archivo de texto es simplemente uno que almacena cualquier texto, en un formato como ASCII o Unicode, con pocos o ninguno caracteres de control. Algunos formatos de archivo, como HTML, o el código fuente de algún lenguaje de programación particular, también son de hecho archivos de texto, pero se adhieren a reglas más específicas que les permiten ser usados para propósitos específicos.

CARACTERÍSTICAS
La integración de texto escrito, gráficas, imagen (fija o en movimiento) y sonido,la digitalización y la interactividad.
La integración hace concurrir a diversas tecnologías: de expresión, comunicación, información, sistematización y documentación, para dar lugar a aplicaciones en la educación, la diversión y el entretenimiento, la información, la comunicación, la capacitación y la instrucción. Esta integración está dando lugar a una nueva tecnología, de tipo digital, que emplea la computadora, sus sistemas y periféricos, conocida generalmente como multimedia  La tecnología multimedia tiene diversas manifestaciones y posibilidades tecnológicas.

Tipos de información multimedia


Texto: sin formatear, formateado, lineal e hipertexto.
Gráficos: utilizados para representar esquemas, planos, dibujos lineales
Imágenes: son documentos formados por píxeles. Pueden generarse por copia del entorno (escaneado, fotografía digital) y tienden a ser ficheros muy voluminosos.
Animación: presentación de un número de gráficos por segundo que genera en el observador la sensación de movimiento.
Vídeo: Presentación de un número de imágenes por segundo, que crean en el observador la sensación de movimiento. Pueden ser sintetizadas o captadas.
Sonido: puede ser habla, música u otros sonidos.
Ventajas:
  •   Multiplataforma
  •   Manejo de excepciones
  •   Biblioteca nativa de funciones
  •   Permite técnicas de programación orientada a objetos
  •   Amplia documentación en su página oficial-> PHP
  •   Destacada conectividad con MySQL.
  •    Es libre.

Desventajas:
  •  Promueve creación de código desordenado y con un mantenimiento complejo
  •  No posee adecuado manejo de Unicode.
  •  Es muy difícil de optimizar.
  •  Diseñado especialmente hacia un modo de realizar aplicaciones Web que es                 problemático  y obsoleto.


 BIBLIOGRAFÍA

miércoles, 21 de agosto de 2013

Mapa del Sitio o Sitemap de una Web






Un Sitemap o Mapa del Sitio es la estructura de enlaces de páginas web que definirá la buena o mala navegación de un sitio web. Como veremos en este artículo, además un sitemap se puede usar para mejorar nuestro posicionamiento en motores de búsqueda.
Empezando por la página de Inicio hasta la página de contacto, todo sitio web debe tener un mapa para que la navegación del usuario web sea lo más fácil posible. El menú del sitio web debe contener las páginas principales, que pueden estructurarse en páginas y subpáginas, lo importante es que la navegación sea lógica e intuitiva.

Desarrollo Web y Mapa del Sitio

Una de las tareas principales en el momento de desarrollar un sitio web es la elección de los contenidos del sitio web. Para ello hay que crear un Mapa del Sitio, una lista de páginas web estructuradas, con una arquitectura de enlaces adecuada para una correcta navegación del usuario y un mejor posicionamiento en motores de búsqueda.

Clases de Sitemaps



Los dos sitemap más conocidos son: de página (de texto o html) y en formato xml. El sitemap de página suele ser una página web que incluye todos loslinks o enlaces  estructurados del sitio web. Un sitemap en formato xml se usa como herramienta de posicionamiento web para facilitar la rápida inclusión de esas páginas en el índice de los motores de búsqueda como Google.

Mapa de Mi sitio Web





Bibliografía








martes, 20 de agosto de 2013

Lenguaje CSS

Definición de CSS
CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada - que es un lenguaje que describe la presentación de los documentos estructurados en hojas de estilo para diferentes métodos de interpretación, es decir, describe cómo se va a mostrar un documento en pantalla, por impresora, por voz (cuando la información es pronunciada a través de un dispositivo de lectura) o en dispositivos táctiles basados en Braille

¿Para qué sirve el CSS?



CSS es una especificación desarrollada por el W3C (World Wide Web Consortium) para permitir la separación de los contenidos de los documentos escritos en HTML, XML, XHTML, SVG, o XUL de la presentación del documento con las hojas de estilo, incluyendo elementos tales como los colores, fondos, márgenes, bordes, tipos de letra..., modificando as la apariencia de una página web de una forma más sencilla, permitiendo a los desarrolladores controlar el estilo y formato de sus documentos.

¿Cómo funciona el lenguaje css?



El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla consiste en un selector y una declaración, esta última va entre corchetes y consiste en una propiedad o atributo, y un valor separados por dos puntos.

Selector





El Selector especifica que elementos HTML van a estar afectados por esa declaración, de manera que hace de enlace entre la estructura del documento y la regla estilística en la hoja de estilo.



Declaración



La Declaración que va entre corchetes es la información de estilo que indica cómo se va a ver el selector. En caso de que haya más de una declaración se usa punto y coma para separarlas.

Propiedad o Atributo y Valor



Dentro de la declaración, la Propiedad o Atributo define la interpretación del elemento asignándose le un cierto Valor, que puede ser color, alineación, tipo de fuente, tamaño, es decir, especifican qué aspecto del selector se va a cambiar.

Ventajas de CSS



CSS permite un mejor control en la presentación de un sitio web que los elementos de HTML, agilizando su actualización.
Aumento de la accesibilidad de los usuarios gracias a que pueden especificar su propia hoja de estilo, permitiéndoles modificar el formato de un sitio web según sus necesidades, de manera que por ejemplo, personas con deficiencias visuales puedan configurar su propia hoja de estilo para aumentar el tamaño del texto.
Una página puede tener diferentes hojas de estilo para mostrarse en diferentes dispositivos, como pueden ser impresoras, lectores de voz, o móviles.

Ejemplo CSS


<html> 
<head> 
<link rel="stylesheet" type="text/css" href="CSS.css"> 
<style type="text/css"> 
body { 
color: purple; 
background-color: #d8da3d } 
</style>
 
</head> 
<body> 
</body> 
</html>



BIBLIOGRAFIA

lunes, 19 de agosto de 2013

LENGUAJE HTML

HTML

Es el lenguaje que se emplea para el desarrollo de páginas de Internet  Está compuesto por una serie de etiquetas que el navegador interpreta y da forma en la pantalla. HTML dispone de etiquetas para imágenes, hipervínculos que nos permiten dirigirnos a otras páginas, saltos de línea, listas, tablas, etc





Estructura de un documento HTML



Todas las páginas web tienen la siguiente estructura:


    
<html>

   <title>Primera página</title>
</head>
<body>

</body>
</html>
<head>





Esta etiqueta es obligatoria dentro de la sección head.





Ventajas y desventajas HTML




El XML pretende en definitiva que en el mundo de Internet, los documentos sean más fáciles de integrar en esas páginas.

Ventajas del HTML:

  • Es el lenguaje de formateo para los navegadores web.
  • Es fácil de entender y utilizar
  • Su uso es muy extendido
  
Desventajas de html

Inconvenientes que intenta suplir el XML.


  • No tiene semántica. Uso de etiquetas con nombres diferentes
  • El contenido no puede ser reconocido ni procesado por programas
  • Tiene un costoso mantenimiento de las páginas
  • No tiene estándares comunes.
  • Solo tiene hiperenlaces simples(XML puede tener de 1 a n enlaces).Xlink

En resumen, el HTML es un lenguaje muy fácil de comprender y muy utilizado para la presentación de la información, pero esta no se puede procesar ni almacenar, ya que no permite su manipulación por un programa debido a su anarquía.



ETIQUETAS HTML

Etiqueta <html> y terminar con </html>.



Todo lo que figure entre estas etiquetas será interpretado por el navegador como un documento HTML. Lo que quede fuera de ellas será, en la mayoría de los casos, ignorado.El documento HTML se divide siempre en dos partes: cabecera y cuerpo


Etiquetas <head> y </head>.



 En ella se especifica el título, el autor, y otras características del documento que no se muestran físicamente en la página y que sirven para facilitar su indexación (son lo que se conoce como meta tags). En la cabecera también deben incluirse los scripts que necesite el documento (JavaScript, JScript, etc.) y las definiciones de estilos (si se utilizan hojas de estilos).

Etiquetas <Title> y </Title>.


Indica el título de la página para el navegador.
La etiqueta <title> define el título de un documento.

  •        La barra superior del navegador.
  •      Cuando lo agregamos a nuestros favoritos.
  •       Los tabs de los nuevos navegadores.

La Etiqueta <SCRIPT>


La etiqueta <script> se utiliza para definir un script del lado del cliente, tales como JavaScript

Etiquetas <Link> y </Link>.


<Link> define un enlace entre el documento y algún recurso externo, que debe ser ubicado en la sección head del documento

 Etiquetas <body> y </body>.


 La etiqueta <body> puede llevar incluida información sobre las propiedades de la página:
<body bgcolor="#xxyyzz"> define el color de fondo de la página.
<body text="#xxyyzz"> define el color por defecto del texto en la página.
<body link="#xxyyzz"> define el color de los enlaces.
<body vlink="#xxyyzz"> define el color de los enlaces visitados.
<body alink="#xxyyzz"> define el color de los enlaces activos.
<body background="imagen.gif"> establece una imagen para el fondo de la Página.

 La etiqueta <table></table>
 se utiliza para definir una tabla, que se componen con las siguientes etiquetas:



<table width="XX%"> Determina la anchura de la tabla. Puede darse en píxeles
(no lleva el símbolo %), o en porcentaje de la página.
<table height="XX> Determina la altura de la tabla en píxeles.
<table border="X"> Establece el grosor en píxeles del borde de la tabla
<table cellspacing="X"> Define el espacio en píxeles entre las celdas
<table cellpadding="X"> Define el espacio en píxeles entre el borde y el texto
<tr>……<tr> determina cada una de las filas de la tabla
<td>……</td> determina cada una de las columnas dentro de las filas

ATRIBUTOS




ALINK="..." Especifica el color de las Direcciones activadas en la página.
BACKGROUND="..." Especifica el papel tapiz de la página. un Archivo *.jpg o *.gif.
BGCOLOR="..."Especifica el Color del Fondo del Documento.
SIZE="..." Fija el tamaño de las Letras, se usa un número entre 1 y 7 donde el 3 es el tamaño por omisión. Tambien permite
COLOR="..." Especifica el color de las Letras en todo el Documento.
NAME="..." Especifica el tipo de apariencia de la Letra en todo el Documento.
<Hn>...< /Hn>  Especifica un encabezado de texto de varios tamaños, n indica los tamaños de 1 a 6, 1 es el más grande y 6 es el más pequeño.
<B>...< /B> Resalta en Negritas el Texto encerradot.
 <BIG>...< /BIG> Incrementa el tamaño del Texto.

BIBLIOGRAFÍA