¿Cómo maquetar y diseñar una web?

Cuando hablamos de hacer una web básicamente nos encontramos con dos partes importantes, una de ellas es el diseño “lo bonito”, lo que los usuarios pueden ver y la otra parte son “las entrañas” las cuales realizan diferentes tipos de acciones. Aquí no escribo mucho sobre maquetación y diseño ya que no es mi fuerte, pero para quienes les gusta el tema les comparto estos videotutoriales que me encontré en la web de César Cancino.

Introducción al diseño y maquetación web

En este primer vídeo se diseña la estructura del sitio web haciendo uso de Photoshop.

XHTML y CSS

Consultaremos nuestro diseño que previamente creamos en Photoshop e iremos marcando las etiquetas necesarias en XHTML para estructurar nuestro sitio.

Diseño y maquetación web 3

En este video veremos cómo trabajar la hoja de estilos CSS que dará la presentación definitiva a nuestro anterior trabajo de diseño y marcado de código HTML. Repasaremos entre otras cosas la manera de medir trozos de imágenes para luego llamarlas con CSS; veremos cómo crear menús de navegación cuando estilicemos tanto la barra de navegación principal (horizontal), como los items de menús de los widgets. Veremos también cómo ahorrar líneas de código al aplicar propiedades en conjunto (“propiedades shorthand”) para dos elementos en una sola definición CSS a los botones de “Ver más” y “Ver comentarios”, del post.

Aprovecho para agradecer a Domingo Uribe por realizar estos interesantes videos.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *