Renovación de Beca

Renovación de beca

Fin de cursos

¡Felicidades!, terminamos este semestre, esta semana fue muy interesante, ver las entregas que hicieron en las distintas materias, ver los resultados del esfuerzo realizado, sorprenderme con los avances obtenidos por todos ustedes, desafortunadamente y también hay que comentarlo en algunos casos, el esfuerzo para pasar algunas materias y que no se logró.

Algunos de ustedes los seguiré viendo la siguiente semana en los extras, es tiempo para esforzarse al máximo y cerrar los círculos, éxito les deseo.

Nos vemos en enero con el ánimo encendido y con el hambre de nuevos conocimientos

Gracias por formar parte de la comunidad de la Universidad Internacional Jefferson y como les reiteré anteriormente ¡Felices Fiestas Navideñas!

Sandoval

Sonidos en Flash

¿Quién sería capaz de ver una película muda? ¿Y una animación espectacular sin sonido?

Hasta hace poco, los únicos sonidos que oíamos en las páginas web eran los famosos "midis", de escaso tamaño y de escasa calidad. De hecho, eran sólo instrumentos musicales sin voz, de ahí su pequeño tamaño (y calidad). Aún así, siempre existía algún creador de páginas web que se aventuraba a poner algún sonido complejo (.wav o .mp3) en su página web, por desgracia, su carga es tan lenta, que la mayoría de los visitantes se irían de la página sin llegar a escucharla.

Hoy, gracias a las conexiones de banda ancha orientadas a contenido multimedia, poner sonido a las páginas web es un poco más fácil, ¿qué aporta Flash?

Flash nos permite insertar cualquier sonido que queramos en nuestras películas (.wav, .aiff, .mp3, etc...) de forma fácil y muy efectiva, ya que es capaz de acelerar la descarga del sonido siempre y cuando se descargue junto con nuestra película.

Podemos dar a la película efectos simples (el típico "clic" al pulsar un botón), efectos complejos (música de fondo) e incluso podemos hacer que la animación se desarrolle conjuntamente con una música (si bien esto último necesitaría que toda la película estuviera descargada previamente, para evitar "atascos" durante el desarrollo de la animación). En definitiva, Flash nos lo vuelve a poner fácil.

Pero debemos tener cuidado al incluir sonidos, sobre todo si son melodías. Es preferible que sea el usuario quien las active a través de un botón, o si es necesario que se reproduzcan automáticamente, tener un control fácilmente localizable para silenciarlo.

Importar sonidos

 

 Utilizar sonidos externos. Podemos insertar en una película de Flash sonidos que tengamos en formato digital: grabados por nosotros mismos, descargados de internet, etc...Pero para que esté disponible en nuestra película y podamos usarlo, antes debemos de importarlo.

Realmente debemos de importar a flash cualquier archivo externo que queramos usar: sonidos, gráficos, e incluso con otras películas Flash. Importar por tanto, no es más que decirle a Flash que añada un determinado archivo a nuestra película, para que podamos usarlo cuando queramos. En realidad, lo añade a nuestra Biblioteca, que es el Panel en el que están todos los objetos que participan en la película (este panel se verá más adelante).

Así pues si queremos manejar un sonido en nuestra película, deberemos importarlo previamente.

Una vez esté importado, podremos usarlo con total libertad.

Para importar un sonido haz clic en el menú Archivo → Importar → Importar a biblioteca.

Se abrirá el cuadro de diálogo de Importar a biblioteca. Allí deberás seleccionar en Tipo de archivo Todos los formatos de sonido.

Navega por las carpetas hasta encontrar el archivo de audio que quieras incluir en tu película. Selecciónalo haciendo clic sobre él y haz pulsa el botón Aceptar.

El sonido estará listo para usarlo donde quieras, podrás encontrarlo en la Biblioteca (menú Ventana → Biblioteca).

 Utilizar los sonidos incorporados. Flash ya incluye una serie de sonidos incorporados que podemos importar a nuestro proyecto. Se trata principalmente de sonidos como disparos, risas, sonidos animales, etc. Los podemos encontrar a través del menú Ventana → Bibliotecas comunes → Sonidos. Se abrirá un panel como el siguiente:

Para incorporar alguno de estos sonidos a nuestra biblioteca de proyecto, no tenemos más que arrastrarlos desde este panel. 

Fuente:

http://www.aulaclic.es/flash-cs5/t_4_1.htm

El texto en Flash

Flash abarca todo aquello que nos pueda hacer falta a la hora de crear una animación, y por tanto, también todo aquello relativo a los textos. Sin embargo, Flash fue concebido para crear animaciones gráficas, de modo que tratará cualquier texto como si de un objeto más se tratase, listo para ser animado a nuestro gusto. Esto nos permitirá posteriormente animar textos y crear espectaculares animaciones con muy poco esfuerzo. Flash distingue entre 3 tipos de texto, texto estático o normal, texto dinámico y texto de entrada (para que el usuario introduzca sus datos, por ejemplo), también se puede crear texto que soporte formato HTML etc...

Actualmente Flash utiliza dos motores para trabajar con texto: el motor clásico, heredado de las anteriores versiones, y el llamado Text Layout Framework (TLF), el nuevo motor incluido en Flash CS5. Este último, es el utilizado por defecto en Flash.

Por defecto, salvo que indiquemos otra cosa, en nuestros ejemplos emplearemos el motor de texto TLF.

Insertar texto

En la barra de Herramientas encontramos la herramienta Texto , que es la que nos permitirá escribir texto en nuestros proyectos.

Los caracteres del texto no está introducidos directamente en el documento, si no que están confinados en un contenedor de texto. En Flash podemos introducir dos tipos de contenedores:

Texto de puntos.

El tamaño del contenedor depende del texto introducido, creciendo y decreciendo con él.

Texto de área.

Podemos definir su tamaño, independientemente del texto que contenga.

Para insertar un Texto de puntos, basta con hacer clic con la herramienta Texto y comenzar a escribir. En cambio, si queremos introducir un Texto de área, tenemos que hacer clic y arrastrar para definir el tamaño del área. En cualquier caso, siempre podemos convertir un Texto de puntos en área simplemente cambiando su tamaño, estirando de los controles de transformación que se muestran alrededor.

Fuente:
http://www.aulaclic.es/flash-cs5/t_4_1.htm

¿Porque leer? Arrancar Con HTML5 - Curso de Programación.

En este mundo actual en el que la computación se ha vuelto un elemento fundamental para el ser humano es necesario saber la manera en la cual se puede llamar mas la atención de una persona ya sea desde negocios hasta ocio.
Se preguntaran, el porque aborde estos dos temas como introducción, sinceramente es porque ambos están conectados, puesto que el medio para llamar la atención de la gente actual es mediante los sitios web y para la creación de uno de estos se usa el lenguaje HTML.
Sin embargo para poder realizar estos sitios web se necesita una capacitación, para esto traemos a ustedes el nuevo curso de programación HTML5 para conocer la manera de crear e implementar tus diseños en sitios web de manera moderna usando el HTML5, no obstante este no es un manual es una guía que ira guiando paso a paso al lector rumbo al conocimiento de este programa de una manera suave pero sin perder ningún concepto básico.

La tipografía y su evolución.

TIPOGRAFÍA COMO UN ARTE Y TÉCNICA.

Definimos la tipografía como el arte o técnica de reproducir la comunicación mediante la palabra impresa, transmitir con cierta habilidad, elegancia y eficacia, las palabras.

La tipografía es el reflejo de una época. Por ello la evolución del diseño de las mismas responde a proyecciones tecnológicas y artísticas. El signo tipográfico se ha considerado como uno de los miembros más activos de los cambios culturales del hombre.

En los primeros signos de escritura, cada signo nos expresa una idea, un concepto o una cosa; estos signos se combinan entre sí para comunicar ideas más complejas. Estos sistemas de escritura son los pictogramáticos, jeroglíficos e ideogramáticos.

El campo tipográfico, abarca la realización de libros, periódicos, anuncios publicitarios, revistas, etc... y cualquier otro documento impreso que se comunique con otros mediante palabras.

TIPOGRAFÍA DIGITAL.

La informática ha revolucionado la tipografía, modificándola según las necesidades de cada ilustración y uso. La informática se está aplicando en el proceso de la impresión, diseño gráfico y el diseño de páginas web. Por un lado, la multitud de aplicaciones informáticas relacionadas con el diseño gráfico y la editorial han hecho posible el diseño y la creación de nuevas fuentes tipográficas, de forma cómoda y fácil.

Por otra parte, ha sido necesario rediseñar muchas de las fuentes ya existentes para su correcta aplicación en el proceso digital, para mejorar la visualización y lectura en pantalla, y hacer que se ajusten a la rejilla de píxeles de la pantalla del monitor.

 Elegir una fuente digital para un documento.

Esta es una de las partes más crítica del proceso de diseño. Todo el aspecto y significado aparente de una composición o trabajo, cambia con un tipo de letra u otro. Al primer golpe de vista, la tipografía y el color dicen más que el mismo texto. Según John Mc Wade, la tipografía es el punto flaco más habitual de la mayoría de los diseñadores.

En cuanto al color, el lector identifica los colores con mucha más rapidez que cualquier otro atributo, acepta o rechaza determinados colores muy fácilmente. Aplicar el color con cierta discreción en algunas partes del texto, puede mejorar mucho su captación y aportar distinción. Incluso puede crear la impresión de mayor variedad de fuentes. Pero el color, usado inadecuadamente, puede tener un impacto negativo, actuar como distracción y dar un aspecto vulgar.

En cuanto al tipo de letra, el criterio que podemos seguir es sobre todo nuestro propio gusto. Conviene que tengamos en cuenta algunos principios, en especial la legibilidad. Este criterio es especialmente importante para textos largos. Para bloques de texto más cortos tenemos más libertad de elección, y para los títulos podemos emplear la fuente que queramos, en función de la impresión que nos interese crear o trasladar.

Diseno.

La ultima entrada

INTRODUCCIÓN A CSS

INTRODUCCIÓN AL CSS

CSS es un lenguaje de hojas de estilos creado para controlar el diseño de la estructura. CSS es la mejor forma de separar los contenidos y su diseño siendo necesario para crear páginas web complejas.

Separar la estructura de los contenidos y la estructura del diseño presenta numerosas ventajas, ya que obliga a crear documentos HTML/XHTML bien definidos.

Al crear una página web, se utiliza en primer lugar el lenguaje HTML/XHTML para marcar los contenidos, es decir, para designar la función de cada elemento dentro de la página: párrafo, titular, texto destacado, tabla, lista de elementos, etc.

Una vez creados los contenidos, se utiliza el lenguaje CSS para definir el aspecto de cada elemento: color, tamaño y tipo de letra del texto, separación horizontal y vertical entre elementos, posición de cada elemento dentro de la página, etc.

SOPORTE DE CSS EN LOS NAVEGADORES

El trabajo del diseñador web siempre está limitado por las posibilidades de los navegadores que utilizan los usuarios para acceder a sus páginas. Por este motivo es imprescindible conocer el soporte de CSS en cada uno de los navegadores más utilizados del mercado.

Internamente los navegadores están divididos en varios componentes. La parte del navegador que se encarga de interpretar el código HTML y CSS para mostrar las páginas se denomina motor. Desde el punto de vista del diseñador CSS, la versión de un motor es mucho más importante que la versión del propio navegador.

La siguiente tabla muestra el soporte de CSS 1, CSS 2.1 y CSS 3 de los cinco navegadores más utilizados por los usuarios:

Los navegadores Safari y Opera son los más avanzados en el soporte de CSS, ya que incluyen muchos elementos de la futura versión CSS 3 y un soporte casi perfecto de la actual versión 2.1. El navegador Firefox no tiene un soporte tan avanzado de CSS 3 pero las últimas versiones están alcanzando rápidamente a Safari y Opera.

FUNCIONAMIENTO BÁSICO DE CSS

Antes de la adopción de CSS, los diseñadores de páginas web debían definir el aspecto de cada elemento dentro de las etiquetas HTML de la página. El siguiente ejemplo muestra una página HTML con estilos definidos sin utilizar CSS:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<title>Ejemplo de estilos sin CSS</title>

</head>

<body>

<h1><font color=”red” face=”Arial” size=”5″>Titular de la página</font></h1>

<p><font color=”gray” face=”Verdana” size=”2″>Un párrafo de texto no muy

Introducción a CSS Capítulo 1. Introducción largo.</font></p>

</body>

</html>

El ejemplo anterior utiliza la etiqueta <font> con sus atributos color, face y size para definir el color, la tipografía y el tamaño del texto de cada elemento del documento.

El principal problema de esta forma de definir el aspecto de los elementos se puede ver claramente con el siguiente ejemplo: si la página tuviera 50 elementos diferentes, habría que insertar 50 etiquetas <font>. Si el sitio web entero se compone de 10.000 páginas diferentes, habría que definir 500.000 etiquetas <font>. Como cada etiqueta <font> tiene 3 atributos, habría que definir 1.5 millones de atributos.

Por otra parte, el diseño de los sitios web está en constante evolución y es habitual modificar cada cierto tiempo los colores principales de las páginas o la tipografía utilizada para el texto. Si se emplea la etiqueta <font>, habría que modificar el valor de 1.5 millones de atributos para modificar el diseño general del sitio web.

La solución que propone CSS es mucho mejor, como se puede ver en el siguiente ejemplo:

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1″ />

<title>Ejemplo de estilos con CSS</title>

<style>

h1 { color: red; font-family: Arial; font-size: large; }

p { color: gray; font-family: Verdana; font-size: medium; }

</style>

</head>

<body>

<h1>Titular de la página</h1>

<p>Un párrafo de texto no muy largo.</p>

</body>

</html>

CSS permite separar los contenidos de la página y su aspecto o presentación. En el ejemplo anterior, dentro de la propia página HTML se reserva una zona en la que se incluye toda la información relacionada con los estilos de la página. Utilizando CSS, en esa zona reservada se indica que todas las etiquetas <h1> de la página se deben ver de color rojo, con un tipo de letra Arial y con un tamaño de letra grande. Además, las etiquetas <p> de la página se deben ver de color gris, con un tipo de letra Verdana y con un tamaño de letra medio.

Definiendo los estilos de esta forma, no importa el número de elementos <p> que existan en la página, ya que todos tendrán el mismo aspecto establecido mediante CSS. Como se verá a continuación, esta forma de trabajar con CSS no es ideal, ya que si el sitio web dispone de 10.000 páginas, habría que definir 10.000 veces el mismo estilo CSS.

http://www.youtube.com/watch?v=vmZfvACi3wE