Con este último post de la serie aprenderemos a maquetar el pie de página y con ello tendremos nuestro psd convertido en un html y css completamente. Hasta ahora hemos resuelto las siguientes cuestiones: Qué es un wireframe. Cómo organizar tu proyecto web....
HTML
Todas las noticias sobre HTML
Añadir Adobe Adge Web fonts a mi página web
Si hace unos días aprendíamos cómo utilizar y añadir Google Web Fonts a nuestra página web, hoy le toca el turno a Adobe Edge Web Fonts, un servicio que nos permite disponer de cientos de tipografías gratuitas para nuestra página web....
6. pasar de PSD a HTML y CSS | crear varias columnas en html y css
En esta ocasión vamos a maquetar varias columnas en una página con HTML y CSS. Además, con la peculiaridad de que cada una tiene un ancho (width) diferente... Ya verás qué fácil 😉 Según nuestro archivo psd y ayudándonos de las guías, las columnas miden lo siguiente...
Añadir fuentes de Google Font a mi página web
Google nos da la oportunidad de usar diferentes tipos de letra en nuestro sitio web. Y lo ofrece de una manera muy sencilla que vamos a aprender en este post.Para empezar, vayamos a la página de Google Fonts y veamos cómo funciona. A la izquierda tenemos un menú que...
5. Pasar de PSD a HTML y CSS | Introducir un vídeo de Vimeo o YouTube
Incluir videos de vimeo o YouTube en tu página web es de lo más sencillo, ya verás. 😀 Cómo incluir un vídeo de Vimeo en tu página web Ve al enlace del vídeo de Vimeo que quieres introducir en tu página web. Como ejemplo yo he elegido el siguiente:...
Cómo crear un fondo de repetición con CSS
Las propiedades de la etiqueta background se utilizan para dar efectos en el fondo de los elementos. Son 5, las diferentes propiedades con las que cuenta esta etiqueta. background-colorbackground-imagebackground-repeatbackground-attachmentbackground-position En esta...
4. pasar de PSD a HTML y CSS | maquetar un menú
Ahora que tenemos la estructura básica de la página definida, el siguiente paso es maquetar la cabecera, donde encontramos dos menús. Uno a cada lado del logotipo. Podemos ir trabajando sobre el archivo index.html desde donde hemos empezado para ir viendo evolucionar...
3. pasar de PSD a HTML y CSS | maquetando una web desde cero
Para maquetar una página web necesitamos dos herramientas fundamentales: - Un editor de texto. Yo uso SublimeText. - Un navegador web. Antes de empezar es el momento de echar un rápido vistazo de nuevo al wireframe que realizamos previamente: En este boceto están...
2. pasar de PSD a HTML y CSS | recorte y optimización de imágenes para web
El recorte de imágenes es una tarea muy mecánica que en poco tiempo puede estar finalizada. Pero hay que tener varios factores en cuenta para preparar las imágenes y optimizarlas al máximo. Nuestro objetivo es lograr un balance entre calidad de imagen y el peso de la...
1. Pasar de PSD a HTML y CSS | Definiendo los pasos
Convertir un archivo de Photoshop en código HTML y CSS es una de las tareas más comunes para un maquetador web. En ocasiones el diseño y la maquetación de la página los asume la misma persona, pero en otras, ambas tareas son...
Diseño y desarrollo web 2020:
Cómo estar al día y no morir en el intento
Herramientas de desarrollo web
Listado de todas las herramientas que he ido usando a lo largo de los años.
Únete a la newsletter
Me encontrarás en:
Facebook y Twitter (este último más activo) pero sobre todo escribo en este blog.