26. Introducción al Desarrollo Web: Accesibilidad Web.

Cuando los sitios web están diseñados pensando en la accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos. Por ejemplo, cuando un sitio tiene un código XHTML semánticamente correcto, se proporciona un texto equivalente alternativo a las imágenes y a los enlaces se les da un nombre significativo, esto permite a los usuarios ciegos utilizar lectores de pantalla o líneas Braille para acceder a los contenidos. Cuando los vídeos disponen de subtítulos, los usuarios con dificultades auditivas podrán entenderlos plenamente. Si los contenidos están escritos en un lenguaje sencillo e ilustrados con diagramas y animaciones, los usuarios con dislexia o problemas de aprendizaje están en mejores condiciones de entenderlos.(Referencia: Wikipedia - Accesibilidad Web).

Vigésima sexta clase del curso INTRODUCCIÓN AL DESARROLLO WEB, producido por Sergio Luján Mora de la Universidad de Alicante, España. En la clase de hoy la expositora de turno nos explicará los cuatro elementos más problemáticos dentro de la accesibilidad web y cómo la legislación española considera el tema de accesibilidad.

14. Diseño Web y Maquetación: Validando nuestro maquetado con la W3C.

La accesibilidad de la Web hace referencia a la posibilidad que tiene cada sitio de ser navegado, entendido, y de brindar una posible interacción a todo el conjunto de usuarios, incluidos aquellos que poseen algún grado de discapacidad.

Cuando los sitios web están diseñados con una visión integral tomando como prioridad las normas de accesibilidad, todos los usuarios pueden acceder en condiciones de igualdad a los contenidos, aún para personas con problemas visuales, auditivos o de comprensión. (Referencia: Las normas W3C y la accesibilidad Web deben ser prioridad para el crecimiento y la navegabilidad de los sitios).

Décimo cuarto vídeo del Curso de Diseño Web y Maquetación por Oscar Gómez. Luego de terminar las dos secciones restantes de nuestro diseño, realizaremos la validación del maquetado a través de la W3C para luego hacer una retrospectiva sobre lo que hemos aprendido hasta el momento. Posteriormente reestructuraremos nuestro proyecto aplicando HTML5 y CSS3.

13. Diseño Web y Maquetación: Maquetando la sección de blog.

Cuando decidimos diseñar un proyecto web, existen algunos consejos que debemos considerar antes de iniciarlo con el fin de que nuestro diseño tenga éxito.

01) El sitio debe cargar rápido.
02) Debe despertar el interés ofreciendo lo que están buscando.
03) Lo que ofreces debe estar a la vista.
04) Debe haber un título poderoso y atrayente.
05) Primero debes DAR para luego RECIBIR.
06) El diseño debe ser sencillo pero a la vez elegante.
07) Para una mejor navegación un mapa de tu sitio será de gran ayuda.
08) No olvides poner tu información básico para contacto.
09) Una FAQ no estará por demás, será de gran ayuda.
10) Los glosarios de términos sirven de mucho.

Décima tercera clase del curso de DISEÑO WEB Y MAQUETACIÓN, con Oscar Gómez. Hoy realizaremos la maquetación del la sección de blog, una poderosa sección que no puede faltar en nuestro proyecto. Entonces, vamos a la clase 13 del curso sobre diseño web y maquetación.

12. Diseño Web y Maquetación: Haciendo el portafolio con Fancybox.

Décima segunda clase del curso de DISEÑO WEB Y MAQUETACIÓN, con Oscar Gómez. Terminando con nuestro sidebar y el slider, empezamos a construir el portafolio usando Fancybox con el fin de dar efectos de ventana modal para las imágenes que vayamos agregando. Sin más demoras, vamos a la clase 12 del curso sobre diseño web y maquetación.

11. Diseño Web y Maquetación: Agregando widgets al sidebar e incluyendo un slider.

Décima primera clase del curso de DISEÑO WEB Y MAQUETACIÓN, con Oscar Gómez. En esta ocasión vamos trabajando en el sidebar del proyecto, añadiendo los widgets que permitirán al usuario acceder a los enlaces RSS, facebook y twitter. Además implementaremos un plug-in denominado nivoslider que ha sido desarrollado bajo jQuery con el fin de generar un slider. Sin más palabras, vamos a esta nueva clase sobre diseño web y maquetación.

10. Diseño Web y Maquetación: Agregando elemento contenedor de la publicidad, del contenido y sidebar.

Décima sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Añadiendo más elementos a nuestro proyecto, ajustamos el archivo css, agregamos el contenedor de la publicidad, del contenido y el sidebar. Entonces, vamos a la clase correspondiente de hoy sobre diseño web y maquetación.

09. Diseño Web y Maquetación: Maquetando el header y el content.

Novena sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Siguiendo con nuestro proyecto, terminamos con el header superior y luego empezaremos a trabajar en el content. Aplicaremos algunas técnicas en el maquetado que nos serán de mucha utilidad. Sin más palabras, vamos a la clase 9 sobre diseño web y maquetación.

08. Diseño Web y Maquetación: Creando imágenes con Sprites CSS

Octava sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Siguiendo con nuestro proyecto, en esta sesión avanzamos finalizando el footer del home, siguiendo luego con el header superior. Echaremos mano de los sprites CSS para crear nuestras imágenes que corresponden a las redes sociales a las cuales estamos asociados. Sin tardar más, vamos a la clase 8 sobre diseño web y maquetación.

07. Diseño Web y Maquetación: Del diseño al maquetado.

Séptima sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Empezamos a maquetar el diseño del home, realizamos los recortes de las imágenes que utilizaremos para nuestro proyecto, dividimos nuestra maquetación en la estructura necesaria que son el body, header, content y footer. Ahora sí, vamos a la clase 7 sobre diseño web y maquetación.

06. Diseño Web y Maquetación: Terminando los diseños y la maquetación.

En la sexta sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez, seguimos trabajando en el proyecto actual, donde vamos terminando los diseños pendientes y añadimos un marco a nuestra maquetación. Sin más esperas vamos a la clase 6 sobre diseño web y maquetación.

05. Diseño Web y Maquetación: Finalizando el home, realizando el portafolio y luego la sección contacto.

En la quinta sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez, en el proyecto web iniciado hace ya más de dos clases completaremos de diseñar el home, para luego diseñar de manera rápida el portafolio y la sección de contacto.

Entonces, sean bienvenidos a la clase 5 sobre diseño web y maquetación.

04. Diseño Web y Maquetación: Explicando usabilidad y accesibilidad.

Cuarta sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Hoy nuestro amigo Oscar nos explicará sobre lo que es USABILIDAD y ACCESIBILIDAD, luego de la explicación de estas dos características importantes que todo proyecto web debe poseer, continuaremos trabajando en el proyecto que iniciamos hace dos clases atrás.

Sin más palabras, dejamos a nuestro expositor con la clase 4 sobre diseño web y maquetación.

03. Diseño Web y Maquetación: Diseñando el home de nuestro proyecto.

Tercera sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Siguiendo el hilo de la clase anterior, en esta ocasión trabajaremos diseñando el home de nuestro proyecto, construir el header y footer del sitio, que son los elementos habituales que todo sitio debe de tener.

Pues manos a la obra, damos la bienvenida a Oscar y les dejamos con él para la clase 3 sobre diseño web.

02. Diseño Web y Maquetación: Bocetos iniciales para la maquetación.

Segunda sesión del curso de DISEÑO WEB Y MAQUETACIÓN, dictado por Oscar Gómez. Ingresando en materia, comenzaremos realizando nuestro boceto de diseño para el proyecto web, usando una herramienta software para realizar este proceso. Posteriormente nos introduciremos en el uso del framework CSS 960 Grid System.

Pues nos ponemos en marcha ya, damos la bienvenida a Oscar y les dejamos con él para esta segunda clase sobre diseño web.

01. Diseño Web y Maquetación: Introducción.

Desde hoy comenzamos con un curso de larga duración, dictado por nuestro amigo Oscar Gomez. DISEÑO WEB Y MAQUETACIÓN buscará cubrir todas las inquietudes referentes a qué se debe hacer antes de iniciar un proyecto web, qué herramientas son mejores para realizar un trabajo óptimo, cómo y dónde buscar recursos para mostrar un buen aspecto del sitio, actualización y mantenimiento.

Bueno, eso y mucho más a partir de hoy, le damos la bienvenida a Oscar y sin más los dejamos con él en el primer videotutorial del curso mencionado.