Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Maquetar pagina web con DIVs (capas o layouts)
#1
Introducción a los conceptos básicos de la maquetación con CSS y capas, ¿que son las capas? ¿para que sirve?, aquí responderemos a todas las preguntas.

Pero, ¿que es eso de la maquetación?

En pocas palabras, maquetar una pagina web es pasar el diseño a código HTML, poniendo cada cosa en su lugar (una cabecera, un menu, etc.).

Hasta hace unos años la única manera de maquetar una pagina web era mediante tablas HTML (<table>), pero esto tiene muchas desventajas y limitaciones, por eso la técnica de maquetación fue evolucionando con los años hasta llegar al punto donde no se usan tablas, si no capas (los famosos DIVs) a las que se le dan formato mediante CSS.



¿Capas, layouts, divs? ¿que es eso?

Las capas, layouts o divs son la misma cosa con distinto nombre jeje, para tener un concepto mental mas fuerte de lo que son, podemos imaginarlos como contenedores o bloques donde podemos meter lo que queramos dentro (imágenes, texto, animaciones, otro bloque, o todo al mismo tiempo) a los que se le asigna un ancho, alto y posición, de esta manera se van a ir posicionando consiguiendo la estructura que queremos.

veamos un ejemplo gráfico:


Como podemos ver, tenemos 3 capas estructuradas de la siguiente manera:

Capa 1: es la capa principal y contenedora
Capa 2: capa dentro de la capa contenedora 1 y alineada a la izquierda (float:leftGuiño
Capa 3: igual que la capa 2, solo que tiene un margen con respecto a esta ultima (float:left; margin: 10px; ya veremos esto mas en detalle).
No te compliques mucho tratando de entender el concepto de golpe, ya lo vamos a ir viendo mas detenidamente durante estas lecciones.
Visita my web no te Arrepentiras ==> Estreno 2014
WWW


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
Ladrillo [Aporte] pagina con vídeo de fondo gamemaster94 18 313 02-03-2018, 05:43 PM
Último mensaje: ArtuGar
  Solucionado: Pagina carga como no segura diana30dom 3 109 08-01-2018, 09:15 AM
Último mensaje: Vicen
  PRIMER PAGINA WEB HTML DEL MUNDO Smithcanal 27 848 21-10-2017, 01:47 AM
Último mensaje: ReyNexo23
Pregunta Solucionado: Ayuda con página TamiGantcheff 4 235 02-08-2017, 04:17 PM
Último mensaje: Vicen
  Trucos y efectos de Javascript para tu página web CarlosAlberto 0 545 05-01-2016, 03:51 PM
Último mensaje: CarlosAlberto
  [Duda] COPIA DE SEGURIDAD PÁGINA WEB pedrovillarraga 8 496 02-08-2015, 04:12 PM
Último mensaje: YamaT
  Proteger pagina con login sin Base de datos zodiaco 12 2,137 04-07-2015, 11:38 AM
Último mensaje: davilro
  Personalizar el cursor de la pagina aerotuning 6 644 30-04-2015, 10:07 PM
Último mensaje: Minikole
  [PHP] Capturamos la URL de una página torgar22 0 300 04-03-2015, 03:33 PM
Último mensaje: torgar22
  [Tutorial] Como hacer que tu página no se almacene en la caché del navegador Kevin9908 10 1,679 28-02-2015, 08:26 PM
Último mensaje: amplox



Usuarios navegando en este tema: 1 invitado(s)