Maquetación web


La maquetación web consiste en transformar el diseño de una web en un conjunto de archivos (html, css y js) para que los navegadores web puedan interpretarlos y reproducirlos correctamente en diferentes dispositivos. La maquetación es una fase avanzada del proceso de desarrollo web.

Pasos a seguir hasta llegar a la fase de maquetación web:

 
Briefing inicialSi la web ofrece una información clara, bien estructurada y atractiva el usuario tendrá todas las facilidades para acceder a los contenidos que le interesan rápidamente y conseguir una experiencia satisfactoria.
Generación de contenidosUna buena experiencia se traduce con una mayor duración de la estancia de los visitantes en la web.
DiseñoSi ofrecemos una información de calidad y en un formato atractivo tenemos muchas más posibilidades de reducir el porcentaje de visitas que abandonan la web después de pocos segundos de haber accedido y sin realizar ninguna acción.
Maquetación webOfrecer una web atractiva y fácil de usar es el primer paso para fidelizar a los usuarios y conseguir que vuelvan a visitar la web y aumentar las opciones para que acaben haciendo algunas de las acciones que les sugerimos.



Entradas más populares de este blog

Elementos básicos.

Imagen
Encabezado También puedes utilizar la etiqueta <small> para agregar texto secundario como se muestra en el siguiente ejemplo: Alineación Utiliza las clases text-left , text-center , text-right y text-justify en párrafos para alinearlos a la izquierda, centro, derecha y justificados respectivamente. Tablas Para aplicarle los estilos de Bootstrap a las tablas debes agregar la clase table : < table class = " table " > ... </ table > Tablas con bandas Agrega la clase table-striped para intercalar el fondo de las filas entre blanco y gris: < table class = " table table-striped " > ... </ table > Botones Agrega la clase btn sobre las etiquetas <a> y <button> , en conjunto con una de las siguientes clases para crear un botón más estilizado: btn-default , btn-primary , btn-success , btn-info , btn-warning , btn-danger o btn-link . < button type = " button " class = " btn btn-default Tamaños Utiliza ...
Leer más

Estilos básicos

Imagen
Estilos La forma en que se ven todos los elementos de nuestra página web depende del estilo. El estilo se compone de distintas propiedades y sus valores correspondientes. Las propiedades pueden ser el color de la fuente, el tamaño, la alineación, los márgenes, etc... Los valores dependen de cada propiedad, por ejemplo, a la propiedad  color  le podemos asignar valores como  red  (rojo),  blue  (azul),... y a la propiedad  tamaño fuente  le podemos asignar un valor en porcentaje  100% ,  120% , ... o en píxeles  12px ,  15px , .... El formato a seguir para definir una propiedad es: propiedad: valor; o propiedad: valor1 valor2 valor3; si puede tener varios valores. Por ejemplo, si queremos que el texto sea de color rojo y un tamaño de fuente de 120%, escribiríamos el siguiente estilo: color:red; font-size:120% y obtendríamos el siguiente resultado: Texto rojo a 120% Es decir, el color y tamaño de este estilo han prevalecid...
Leer más