18. Diseño Web y Maquetación: Maquetando con HTML5 y CSS3 (Parte 3).

El concepto framework se emplea en muchos ámbitos del desarrollo de sistemas software, no solo en el ámbito de aplicaciones Web. Podemos encontrar frameworks para el desarrollo de aplicaciones médicas, de visión por computador, para el desarrollo de juegos, y para cualquier ámbito que pueda ocurrírsenos.

Un framework Web, por tanto, podemos definirlo como un conjunto de componentes (por ejemplo clases en java y descriptores y archivos de configuración en XML) que componen un diseño reutilizable que facilita y agiliza el desarrollo de sistemas Web.(Si quieres saber más, consulta: ¿Qué es un framework Web?.).

Décimo octavo vídeo (...y de momento el último) del Curso de Diseño Web y Maquetación por Oscar Gómez. Llegamos a la conclusión de nuestro maquetado del proyecto web, reformulado con HTML5 y CSS3.

17. Diseño Web y Maquetación: Maquetando con HTML5 y CSS3 (Parte 2).

Si hablamos de ventajas con respecto a usar CSS3, estas son:

1) Las ventajas principales en esta nueva versión son la inclusión de nuevas propiedades especialmente en cuanto al aspecto gráfico (recordemos que CSS también es utilizado para describir estilos para medios de audio) aunque se prevean mejores sustanciales en otros medios como el de sonido.
2) Permite lograr estilos y efectos visuales que antes sólo eran posibles por medio de tecnologías adicionales.
3) Las novedades de CSS3 nos permiten ahorrarnos tiempo y trabajo al poder seguir varias técnicas (bordes redondeados, sombra en el texto, sombra en las cajas, etc) sin necesidad de usar un editor gráfico.
4) También se habla del hecho de que con estas nuevas propiedades la carga de la página deberá descender pues el hecho de que muchos de los efectos estén ahora bajo control del navegador hará que los recursos visuales e imágenes que ahora empleamos ya no tengan razón de seguir siendo utilizados. (Si quieres saber más, consulta: Ventajas y Desventajas de CSS3).

Décimo séptimo vídeo del Curso de Diseño Web y Maquetación por Oscar Gómez. Vamos avanzando en nuestra maquetación, como se dijo en el anterior capítulo, reformulado con HTML5 y CSS3.

16. Diseño Web y Maquetación: Maquetando con HTML5 y CSS3.

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... (Si quieres saber más, consulta: Html5: el nuevo estándar básico del Web).

Décimo sexto vídeo del Curso de Diseño Web y Maquetación por Oscar Gómez. Seguimos trabajando en nuestra maquetación, esta vez reformulando con HTML5 y CSS3.

15. Diseño Web y Maquetación: Validación del código HTML. Maquetado en HTML5 y CSS3.

Desde hace tiempo está instalado el debate acerca de la importancia de que los códigos de las páginas web sean válidos o no respecto de los estándares de la W3C. Si pensamos en una página web como un elemento que debemos posicionar en los buscadores para obtener una buena rentabilidad o difundir nuestros contenidos a la mayor cantidad de personas, seguramente llegaremos a la conclusión de que la validación de los códigos carece de relevancia, ya que los buscadores no tienen en cuenta este aspecto, tal como lo aseguran los propios directivos de los mismos... (Si quieres saber más, consulta: La importancia de validar los códigos HTML y CSS).

Décimo quinto vídeo del Curso de Diseño Web y Maquetación por Oscar Gómez. Hemos concluido ya nuestro proyecto y ahora procederemos a validar el código html bajo los estándares de la W3C. Después de ello volveremos a realizar nuestra maquetación, esta vez trabajando con HTML5 y CSS3.

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.