18. Introducción al Desarrollo Web: Alojamiento Web.

El alojamiento web (en inglés web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía web. Es una analogía de "hospedaje o alojamiento en hoteles o habitaciones" donde uno ocupa un lugar específico, en este caso la analogía alojamiento web o alojamiento de páginas web, se refiere al lugar que ocupa una página web, sitio web, sistema, correo electrónico, archivos etc. en internet o más específicamente en un servidor que por lo general hospeda varias aplicaciones o páginas web. (Referencia: Wikipedia - Alojamiento web).

Décima octava clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta "algo larga" clase trataremos in-extenso sobre alojamiento web, ¿por qué? ¿para qué? ¿cuándo? es necesario tener un espacio (gratuito o de paga) en la red. Así que no se pierdan la clase de hoy que si bien estará algo larga será de gran ayuda si estamos a punto de poner un proyecto web "en línea".

17. Introducción al Desarrollo Web: Tipografía Web I.

Cuando hablamos de tipografía web nos referimos al tipo de letra usada en la World Wide Web. Cuando fue creado HTML, tanto la fuente tipográfica y como el estilo venían determinados exclusivamente por las preferencias del navegador Web utilizado. No existió ningún mecanismo para el control del tipo de letra en las páginas Web hasta que en 1995 Netscape introdujo la etiqueta <font&gt<font>, la cual fue estandarizada para HTML 2. No obstante, la fuente especificada por esta etiqueta tenía que estar instalada en el ordenador del usuario o una tener una fuente de reserva, como la predeterminada para la Web, sans-serif o un tipo de letra monoespaciado. Las primera especificación de hojas de estilo en cascada (CSS en sus siglas en inglés) fue publicada en 1996 y proporcionaba las mismas prestaciones. (Referencia: Wikipedia - Tipografía Web).

Décima séptima clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta clase realizaremos una introducción a la tipografía en la web, qué podemos y no podemos hacer con las fuentes en este medio actual como lo es internet.

16. Introducción al Desarrollo Web: CSS. Frameworks.

Genéricamente, un framework es un conjunto de herramientas, librerías, convenciones y buenas prácticas que pretenden encapsular las tareas repetitivas en módulos genéricos fácilmente reutilizables. (Referencia: Frameworks).

Décima sexta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Para la clase de hoy conoceremos dos de los frameworks más utilizados para el desarrollo de hojas de estilo CSS, El 960.gs y el Bootstrap. Así que listo para ver y aprender...

15. Introducción al Desarrollo Web: Zen Coding y Novedades en CSS3.

Zen coding es un plugin para editores e IDEs que permite generar código HTML, XML, XSL e incluso JSF (soporta cualquier lenguaje de marcas) de una forma bastante ágil y rápida, sobre todo si estás acostumbrado a trabajar con selectores CSS. Para aquellos a los que les gusta escribir su propio HTML/XHTML y no delegar su escritura a un programa tipo Dreamweaver, kompozer,... les puede resultar bastante interesante.. (Referencia: Zen-coding. una nueva forma de escribir código HTML).

Décima quinta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta ocasión hablaremos sobre Zen Coding para HTML y CSS; además de las novedades en CSS3.

14. Introducción al Desarrollo Web: CSS. Diseño adaptable, adaptativo o flexible.

Los diseños web realmente adaptativos exigen la implementación de estas tres técnicas.

El punto clave es la adaptación a las necesidades del usuario y las capacidades del dispositivo. Supongamos un usuario de un dispositivo móvil que visita nuestro sitio web con una pantalla pequeña. Tener en cuenta las necesidades del usuario no significa simplemente adaptar el contenido al tamaño de la pantalla, sino considerar también lo que va a querer hacer este usuario en primer lugar cuando visite nuestro sitio web y después mostrarle el contenido en función de ese criterio. Quizás tengamos que presentar la información en un orden distinto. No debemos suponer que el usuario no va a querer acceder a toda la información del sitio web porque utiliza el móvil. Es posible que tengamos que cambiar el tipo de letra o las áreas de interacción para dar una mejor respuesta en un entorno de pantalla táctil. Todos estos factores influyen en el que denominamos "diseño adaptativo". (Referencia: Diseño web adaptativo).

Décima cuarta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Siguiendo con el apartado sobre CSS, hoy aprenderemos sobre diseño adaptable, adaptativo o flexible, términos comúnmente utilizados en estos tiempos contemporáneos de la web.

13. Introducción al Desarrollo Web: CSS. Selectores Avanzados y la Web Única.

Utilizando solamente los selectores básicos mencionados anteriormente, es posible diseñar prácticamente cualquier página web. No obstante, CSS define otros selectores más avanzados que permiten simplificar las hojas de estilos. (Referencia: Selectores avanzados).

Décima tercer clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Retomamos el apartado sobre CSS, en esta ocasión veremos los selectores avanzados y la llamada One Web. ¿Quieres saber de que se trata? Entonces sigue esta clase.

12. Introducción al Desarrollo Web: Errores Web y Algunas Definiciones.

Jacob Nielsen es un reconocido experto en usabilidad y arquitectura de sitios Web, y a finales de diciembre publicó el resultado de su análisis de los 10 errores garrafales en los que incurrieron los diseñadores durante el 2002. Este análisis es el tercero que efectúa, habiendo elaborado los dos primeros en 1997 y 1999. Curiosamente, muchos de los errores se siguen repitiendo! A continuación iniciamos la divulgación y el comentario de estos errores con algunas recomendaciones para resolverlos en su propio sitio. (Referencia: Errores en Diseños Web).

Décima segunda clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Clase dedicada a observar los errores en el diseño web que debemos evitar en nuestros proyectos si deseamos la calidad en nuestro desarrollo. Te recomiendo ver esta clase pues será muy enriquecedora.

11. Introducción al Desarrollo Web: Usabilidad (2ª Parte).

¿Que es la usabilidad?. Bueno, son técnicas que ayudan a los seres humanos a realizar tareas en entornos gráficos de ordenador.

Es necesario considerar tres conceptos muy importantes. Trabajamos para seres humanos, que quieren realizar una tarea de una forma sencilla y eficaz y en este caso particular, la deben realizar frente a un ordenador en un entorno gráfico, la web. La usabilidad ayuda a que esta tarea se realice de una forma sencilla analizando el comportamiento humano, y los pasos necesarios para ejecutar la tarea de una forma eficaz. Quizás suene un poco a trabajo industrial, pero al hacer referencia al termino "tarea", estamos haciendo referencia a buscar un programa que queremos ver en la tele, a ver información sobre mi equipo de fútbol favorito, a comprar un libro sobre artes marciales.(Referencia: ¿Qué es usabilidad?).

Décima primera clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Siguiendo con el tema de usabilidad, tenemos como invitado a Eduardo Manchón, quien nos dará tres consejos sobre usabilidad.

10. Introducción al Desarrollo Web: Usabilidad (1ª Parte).

Parece ser que hoy en día la usabilidad se ha convertido en un elemento clave del diseño de sitios web, no solo por ser uno de los factores indirectos que afectan en el posicionamiento de un site, sino porque cada vez cobra más importancia como un punto importante en la estrategia de negocio de muchas empresas, grandes o pequeñas.

Y es que en el entorno virtual no pierde vigencia la máxima de que "el cliente siempre tiene la razón".

No hay duda, una mayor satisfacción del usuario se traduce en un mayor beneficio, y es que el usuario que se siente cómodo en nuestra web sabrá sacar provecho de la misma, usarla para lo que desea... y por ello, seguramente, volverá. Por ello, ya son ya muchos los que se han unido al carro de la usabilidad, y para muestra un botón: en junio de 2009 una empresa facturó 300 millones sólo por aplicar alguna de sus técnicas a un botón. (Referencia: El valor de la usabilidad).

Décima clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En la clase preparada para hoy trataremos el tema sobre usabilidad en los proyectos web, así que no te pierdas esta clase pues considero que es de gran importancia a la hora de desarrollar proyectos de alta calidad.

09. Introducción al Desarrollo Web: CSS. Selectores y Colores. Propiedad Intelectual.

Hablando básicamente, un selector CSS está hecho de un patrón que es hecho coincidir contra todos los elementos del árbol del documento. Cuando todas las condiciones en el patrón son verdaderas, el selector coincide y las declaraciones dentro de la regla son aplicadas al elemento o al elemento que coincide. (Referencia: Las bases de selectores).

Novena clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. En esta clase conoceremos los selectores y colores en CSS. Además como bonus aprenderemos sobre propiedad intelectual y licencias de uso, importante cuando usaremos recursos que no son de nuestra autoría.

08. Introducción al Desarrollo Web: CSS. Conceptos básicos y uso en HTML.

Las hojas de estilo en cascada (Cascading Style Sheets, o sus siglas CSS) hacen referencia a un lenguaje de hojas de estilos usado para describir la presentación semántica (el aspecto y formato) de un documento escrito en lenguaje de marcas. Su aplicación más común es dar estilo a páginas webs escritas en lenguaje HTML y XHTML, pero también puede ser aplicado a cualquier tipo de documentos XML, incluyendo SVG y XUL. (Referencia: Wikipedia - Hojas de estilo en cascada).

Octava clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Comenzamos el módulo dedicado a CSS, estableciendo los conceptos básicos y cómo se usa en HTML.

06. Introducción al Desarrollo Web: HTML. El Nuevo Estandar HTML5.

HTML5 se presenta como un marco estable para el desarrollo de páginas web. Ha sido definido para durar muchos años gracias a diversos mecanismos que permiten extender el lenguaje con facilidad. La filosofía de html5 aboga además por los estándares abiertos, que son fundamentales para impulsar la innovación e introducir en la sociedad los beneficios de las nuevas tecnologías. Bien sabemos que los estándares abiertos tienen la capacidad de mejorar nuestras vidas, y de ello son ejemplo las nuevas funciones multimedia de html5. (Referencia: Html5. el nuevo estándar básico del Web).

Sexta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante. Sabemos que existe un nuevo estándar HTML, si, nos referimos a HTML5. En la clase de hoy aprenderemos sobre la versión 5 de este lenguaje de marcado, enfocando sus nuevas funcionalidades en los formularios.

15. Animaciones HTML5 con Edge Animate: Crear diseños adaptables.

El diseño web adaptativo o adaptable (en inglés, Responsive Web Design) es una técnica de diseño y desarrollo web que mediante el uso de estructuras e imágenes fluidas, así como de media-queries en la hoja de estilo CSS, consigue adaptar el sitio web al entorno del usuario.

El diseñador y autor norteamericano Ethan Marcotte creó y difundió esta técnica a partir de una serie de artículos en A List Apart, una publicación en línea especializada en diseño y desarrollo web, idea que luego extendería en su libro Responsive Web Design. (Referencias: Wikipedia - Diseño web adaptativo).

Décimo quinto y último videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. Hemos llegado al final de esta aventura iniciada ya casi dos meses, y la verdad ha sido muy interesante ir añadiendo las entradas de este curso. Hoy nos toca hablar sobre Responsive Web Design. ¿Cómo realizar diseño web qué respondan a los requerimientos de visualización de una gran cantidad de dispositivos?.

Bueno, sin otras consideraciones vayamos a la última sesión y aprendamos más sobre Edge Animate.

14. Animaciones HTML5 con Edge Animate: Publicación de los Proyectos.

Adobe Edge Animate es un sistema de animación con el nivel de complejidad y detalle de Flash y exportación directa a CSS3. La interfaz está completamente basada en Webkit y hecha en HTML5 (como casi todo de Adobe). Las herramientas vectoriales no son tan poderosas como en Flash, pero la idea es usar Adobe Illustrator u otras herramientas externas para crear los assets que dentro de Edge Animate serán animados. (Referencias: Analizamos Adobe Edge, el compromiso de Adobe por HTML5).

Décimo cuarto videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. Acercándonos a la recta final del curso, en la sesión preparada para hoy, aprenderemos a cómo publicar nuestros proyectos HTML5 elaborados en Edge Animate.

Así que, en sus marcas, listos, a PUBLICAR!!!...

13. Animaciones HTML5 con Edge Animate: Creación de un Slideshow.

Se llaman así las presentaciones de imágenes en las que éstas van desfilando ante tus ojos, de forma más o menos divertida y decorada. Habitualmente se puede detener una imagen al poner el ratón sobre ella. (Referencias: Slides o slideshow).

Décimo tercer videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. En la sesión preparada para hoy, aprenderemos la creación de un slideshow en proyecto realizado hasta el momento.

¿Preparados?, entonces vamos a la sesión de hoy...

12. Animaciones HTML5 con Edge Animate: Métodos HTML y uso de variables.

En la programación orientada a objetos, un método es una subrutina asociada exclusivamente a una clase (llamados métodos de clase o métodos estáticos) o a un objeto (llamados métodos de instancia). Análogamente a los procedimientos en los lenguajes imperativos, un método consiste generalmente de una serie de sentencias para llevar a cabo una acción, un juego de parámetros de entrada que regularán dicha acción y o, posiblemente, un valor de salida (o valor de retorno) de algún tipo. (Referencias: Wikipedia).

Décimo segundo videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. En esta ocasión aprenderemos sobre los métodos HTML disponible para Edge Animate y el empleo de variables, algo familiar en los lenguajes de programación.

Entonces, si estamos listos, continuemos con la sesión para hoy...

11. Animaciones HTML5 con Edge Animate: Embeber contenido Online y multimedia.

El término multimedia se utiliza para referirse a cualquier objeto o sistema que utiliza múltiples medios de expresión físicos o digitales para presentar o comunicar información. De allí la expresión multimedios. Los medios pueden ser variados, desde texto e imágenes, hasta animación, sonido, video, etc. También se puede calificar como multimedia a los medios electrónicos u otros medios que permiten almacenar y presentar contenido multimedia. Multimedia es similar al empleo tradicional de medios mixtos en las artes plásticas, pero con un alcance más amplio.

Se habla de multimedia interactiva cuando el usuario tiene libre control sobre la presentación de los contenidos, acerca de qué es lo que desea ver y cuando; a diferencia de una presentación lineal, en la que es forzado a visualizar contenido en un orden predeterminado. (Referencias: Wikipedia).

Décimo primer videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. En la sesión preparada para hoy aprenderemos a cómo embeber contenido online y multimedia.

Bueno, ¿estamos list@s?, entonces vamos...

10. Animaciones HTML5 con Edge Animate: Crear interactividad II.

La interactividad es un concepto ampliamente utilizado en las ciencias de la comunicación, en informática, en diseño multimedia y en diseño industrial.

Interactivo Dicho de un programa que permite una interacción a modo de diálogo entre ordenador y usuario En su campo de aplicación suele hablarse de tres niveles de comunicación:

No interactiva, cuando un mensaje no se relaciona con otro previo.
Reactiva, cuando un mensaje se relaciona únicamente con el previo inmediato.
Interactiva, cuando un mensaje se relaciona con una serie de elementos previos. (Referencias: Wikipedia).

Décimo videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. Dando continuidad a la sesión anterior vamos aplicando a nuestro proyecto de animación HTML5 en Edge Animate el concepto de interactividad.

Así que sigamos con lo que viene...

09. Animaciones HTML5 con Edge Animate: Añadir interactividad.

La interactividad es un concepto ampliamente utilizado en las ciencias de la comunicación, en informática, en diseño multimedia y en diseño industrial.

Interactivo Dicho de un programa que permite una interacción a modo de diálogo entre ordenador y usuario En su campo de aplicación suele hablarse de tres niveles de comunicación:

No interactiva, cuando un mensaje no se relaciona con otro previo.
Reactiva, cuando un mensaje se relaciona únicamente con el previo inmediato.
Interactiva, cuando un mensaje se relaciona con una serie de elementos previos. (Referencias: Wikipedia).

Noveno videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. Aplicaremos a nuestro proyecto de animación HTML5 en Edge Animate el concepto mencionado anteriormente, la de interactividad.

Así que pónganse cómodos y denle PLAY...

08. Animaciones HTML5 con Edge Animate: Mejorar las animaciones.

Dibujos, animaciones y videojuegos
Con la incoporación de la etiqueta canvas, HTML5 abre por fin la posibilidad de representación y dibujado de formas sobre un lienzo o canvas. Esta nueva funcionalidad aparentemente complementaria abre la web al mercado del videojuego, diseño y la animación nativa, que anteriormente dependía de otras plataformas propietarias como Flash. (Referencias: 5 ventajas de HTML5 para los usuarios).

Octavo videotutorial del curso de Animaciones HTML5 con Adobe Edge Animate, dictado por Jesús Conde. Hoy seguiremos mejorando nuestras animaciones aprendiendo procesos como el exportar e importar símbolos, sombras y aceleraciones avanzadas.

Nuevamente, con ustedes, Jesús Conde...