Cómo hacer un diseño web responsivo - conceptos básicos (3 / 5 paso)

Paso 3: HTML y css para diseño web redimensionable

Puede descargar el archivo del ejercicio en el siguiente enlace.

http://tomtomheylen.com/download_file.php?file=responsive1_final&extention=HTML

Una buena manera de construir tu sitio web es haciendo tus etiquetas HTML del líquido.

Es muy fácil de hacer mediante porcentaje en tu css.

En este ejemplo estamos haciendo una cabeza, menú, el contenido cuerpo y un pie de página, centrado en el navegador web.

Sólo tienes que dar los elementos de una altura mínima y un margen izquierdo y margen derecho.

Con altura mínima, los elementos pueden aumentar si es necesario.

Margen izquierda y derecha se expresan en porcentaje para mantener proporción para cualquier resolución de pantalla.

Y lo mismo para el margen superior e inferior.

Usted puede jugar con estas cifras a sus necesidades.

Artículos Relacionados

Obtener una mejor visibilidad con servicios de diseño web responsivo

Obtener una mejor visibilidad con servicios de diseño web responsivo

Es muy importante mirar hacia adelante a los mejores servicios de diseño web responsivo que permiten optimizar su sitio según la experiencia de navegación del usuario. Se ha visto que ha habido un gran cambio hacia la navegación móvil donde se juega
Una visión enganchado a diseño web

Una visión enganchado a diseño web

Internet tiene flash inmensurable en él, cada vez Abra su navegador y escriba una dirección URL; son llevados a un planeta de suplente de ideas, transmitan estos diseños de sitios web y genera un montón de ideas pero sólo si pudiera capaces de entend
Diseño web: Con Photoshop - parte 1

Diseño web: Con Photoshop - parte 1

Bienvenidos a diseño web. Tengo mi propia página web. Lo siento que no puedo darle el enlace ahora. Actualmente su desactivado. Por lo tanto, necesito reactivarlo.Todo el mundo quiere un sitio web de estos días. Ellos piensan que es tan fácil hacerlo
Empresa de diseño web

Empresa de diseño web

¿estás buscando más asequible creativa, empresa de diseño web en la india? entonces, nuestra empresa de diseño web es el mejor proveedor de servicios y ha realizado más de 1350 + sitios web en diversas industria y empresa php conocida en Bangalore. L
Cómo hacer tu propio sitio web gratis en 10 minutos (con dominio y Host)

Cómo hacer tu propio sitio web gratis en 10 minutos (con dominio y Host)

Voy a mostrarte cómo hacer su propio sitio web en menos de 10 minutos, como registrar un nombre de dominio gratis, registrar un hosting gratis, configurar las páginas, subir archivos y publicar contenido - gratis!Foto de arriba es uno de mis sitios c
Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

Hacer tus propias páginas web - conceptos básicos HTML (parte 1)

se trata de una guía de varias parte sobre cómo construir tus propias páginas Web. Cubre todo, desde código HTML básico, el código PHP más avanzados, al uso de editores de GUI para hacer su proceso más rápido. Esta primera parte abarcará usando HTML
Cómo hacer un diseño de camiseta personalizado

Cómo hacer un diseño de camiseta personalizado

¿Siempre has querido hacer diseños personalizados para camisetas y prendas de vestir? Este Instructable le mostrará cómo usar una máquina plotter de corte para hacer un de hierro-en por una camisa. He hecho los logos y camisetas personalizadas de inu
Cómo hacer un diseño mezclado serigrafía multicolor! Hecho en TechShop!

Cómo hacer un diseño mezclado serigrafía multicolor! Hecho en TechShop!

Hey allí! Hoy voy a mostrarte cómo hacer un diseño mezclado serigrafía multicolor!Paso 1: Preparación para su estación de serigrafía Hacer tu plantilla como lo haría normalmente.Toma tus colores y colocar globos de tamaño moderados de las cosas por e
Cómo hacer un diseño artístico de Cruz

Cómo hacer un diseño artístico de Cruz

en este video muestro cómo hacer un diseño artístico de CruzSe trata de una forma muy sencilla para hacer un arte de la pared para tu casa o para un regalo usando algunos productos domésticos comunes. Parece que la obra de arte de la medalla realizad
Magnitud de los estándares W3C en el diseño web

Magnitud de los estándares W3C en el diseño web

Magnitud de los estándares W3C en el diseño webSi deseas o desean ampliar tu negocio relacionado con servicios en línea y lo primero que necesitan es el sitio Web. Internet es algo que ha hecho nuestra vida más fácil pero aún hay varias empresas mejo
Cómo hacer una Cookie del Web de araña

Cómo hacer una Cookie del Web de araña

utilizar este remolino o marbling la técnica que voy a compartir con ustedes tantas veces como pueda cuando decorar galletas; es fácil, divertido y sorprendente!Paso 1: Lo que necesitará Si gustaría probar hacer estas cookies, deberá:Sh ortbread rece
Conceptos básicos de diseño gráfico

Conceptos básicos de diseño gráfico

por todas partes vemos en la web, diseño gráfico. Diseño gráfico incorpora muchos elementos diferentes, pero quería centrarme en una de las clases más sencillas: citar fotografías.Paso 1: Encontrar un buen programa de diseño Hay muchos programas de d
Cómo hacer una página web

Cómo hacer una página web

Aprende a crear tu propia página web usando HTML!Paso 1: Introducción:La columna vertebral de cualquier página web se compone de archivos de Hyper Text Markup Language (HTML). Esta guía le mostrará cómo crear una sencilla página web utilizando su últ
Hacer un cómic Web: dibujo del cómic

Hacer un cómic Web: dibujo del cómic

buen día y Bienvenido a la primera de espero que muchos tutoriales puedo ayudar proveer para aquellos jóvenes artistas gráficos y creadores de comics que quieren aprender a hacer y compartir comics apuestos.En primer lugar, quisiera decir que yo no s