Qué Es La Maquetación

José Armando Vargas Cisneros Programación web.
¿Qué es la maquetación?
La maquetación es la composición de una página, la compaginación de diferentes

elementos. Es la forma de ocupar el espacio del plano de la página. Todo
diseñador gráfico, cuando inicia su carrera, se encuentra con el problema de cómo
disponer el conjunto de elementos de diseño impresos (texto, titulares imágenes)
dentro de un determinado espacio, de tal manera que se consiga un equilibrio
estético entre ellos. Maquetar un diseño, consiste en dar un formato a los
documentos, a todo el conjunto de elementos que lo componen, las imágenes, los
textos, etc.
La idea principal de maquetación de una web consiste en la distribución de los

elementos de una página, es decir, textos, imágenes, links y gráficos distribuidos
ordenadamente. Quien realiza esta actividad de manera profesional es un
diseñador gráfico.
Maquetar una web implica dar un formato determinado a todos los elementos de
una página. Entre los aspectos técnicos que deben considerarse, los más
significativos son los siguientes:
- En el documento en el que se plasma la maquetación hay que utilizar un tipo de

letra determinado y con un tamaño adecuado, así como una orientación de la
página (vertical u horizontal).
- Para conseguir una estructura determinada se emplea una retícula compositiva,

es decir, una plantilla en la que se incorporan todos los elementos de la página. La
finalidad de la retícula es facilitar la consulta de la web en todos los sentidos,
especialmente la lectura.
- En todo proceso de maquetación hay una maqueta base, es decir, una página
maestra o primera página en la que aparecen todos los elementos de una
publicación.
- En la maquetación de una web es conveniente evitar toda una serie de posibles
errores (palabras sueltas en algunos párrafos, particiones de palabras en una
línea, el ancho inadecuado de las columnas o una tipografía poco atractiva).
Tipos de maquetación.
Al crear el diseño de una web, básicamente existen dos tendencias: que la página
ocupe todo el ancho de la ventana del navegador (diseño líquido), o que ocupe
sólo una columna con un ancho fijo (diseño fijo).
No es que uno sea claramente mejor que otro, tienen sus pros y sus contras:
Diseño fijo
En el diseño fijo, la página tiene un tamaño exacto, normalmente expresado en

píxeles. Esto facilita el diseño, sobre todo si está compuesto por imágenes
divididas en trozos que deben casar perfectamente, ya que podemos posicionar
todo de forma exacta. También nos permite controlar el ancho de los elementos de
texto, no creando columnas ni demasiado largas ni demasiado pequeñas.
Por contra, no aprovecha bien el espacio. Pensemos en una página de ancho fijo,
de 900px. Si un usuario la ve desde la pantalla de su teléfono móvil, que tiene un
ancho de 320px, la mayor parte de la página no quedará visible. En cambio, si se
ve desde un monitor panorámico de 24'', con 1920px de ancho, la mayor parte del
espacio estará desaprovechado.
Diseño líquido
En el diseño líquido, en vez de unidades absolutas se utilizan relativas al tamaño

de la ventana. Esto hace que la página sea más flexible a los distintos dispositivos
de visualización.
Por contra, es más difícil controlar el diseño, sobre todo si se basa en muchas
imágenes, porque hay que pensar en qué ocurre si la ventana es muy pequeña o
muy grande, y que no se descoloque todo al cambiar de tamaño. También puede
producir líneas de texto muy largas, lo que incomoda la lectura. Aunque el usuario
siempre tiene la opción de hacer más pequeña su ventana.
Para intentar controlar un poco el tamaño de los elementos, existen las

propiedades de estilo max-width (ancho máximo), min-width (ancho mínimo), max-
height (alto máximo) y min-height (alto mínimo).
Diseño elástico.
Últimamente, se ha acuñado el término "diseño elástico" para el diseño en el que

el tamaño de los objetos, no es ni fijo ni en relación al tamaño de la ventana, si no
al tamaño del texto (basado en em), dando al usuario la posibilidad de cambiar su
tamaño, y en proporción, el de todos los elementos. Aunque permite que el texto
se controle, sigue sin adaptarse a las distintas ventanas, y resulta difícil controlar
las imágenes.
Actualmente, la mayoría de las páginas ofrecen un diseño fijo, sobre todo si tienen
un diseño más elaborado. Las que ofrecen un diseño más elástico, suelen mostrar
una columna central elástica, que se adapta a la pantalla, y columnas con un
ancho fijo, para menús o para la publicidad.
PROGRAMAS PARA LA MAQUETACION.
1. Microsoft Word
A veces, para encontrar el programa de maquetación que se necesita, no hace

falta ir muy lejos. Hay un software para maquetar que lo tenemos ante nuestros
ojos todos los días: ¡Microsoft Word! Entre sus modelos están incluidas casi todas
las publicaciones más habituales, como calendarios, folletos, pósteres,
marcapáginas, currículums… que se pueden personalizar al gusto de cada uno.
Será obvio, pero no está de más recordar que con él se puede ajustar el formato
de página, elegir entre los cientos de fuentes disponibles (por cierto, echa un
vistazo a dafont.com), seleccionar colores, importar y modificar imágenes,
numerar páginas, justificar texto, colocarlo alrededor de las fotos, usar columnas e
insertar gráficos y tablas. En otras palabras, no le falta de nada. Hasta incluye un
potente corrector ortográfico y se puede guardar el trabajo en PDF en una calidad
suficiente para imprimirlo en casa o en la oficina.
2. Scribus
La interfaz puede parecer anticuada, pero una vez superadas las dudas iníciales,
se descubre un potente programa de maquetación gráfica de código
abierto gratis y una multiplataforma con la que producir publicaciones de nivel
comercial. Hablamos de Scribus. El objetivo declarado del programa es hacer
accesible a los principiantes la maquetación gráfica, sin limitar las funciones más
profesionales, fundamentales si tienes que imprimir en tipografía tu producto.
Entre estas herramientas está, por ejemplo, la gestión de los colores para la
impresión (pantone incluidos) —lo que limita la diferencia entre los colores vistos
en la pantalla y los impresos en papel— y la clásica cuadrícula tipográfica. La
herramienta permite trabajar a partir de modelos o de documentos nuevos, soporta
capas, imágenes vectoriales, guías y cuadrículas inteligentes para añadir la
imagen y alinear fácilmente los distintos elementos y las páginas maestras para la
aplicación recursiva de encabezados, bordes y números de página. Una
utilísima guía wiki permite además explorar a fondo las infinitas posibilidades de
este software de maquetación.
3. Lucidpress
Lucidpress es un programa de maquetación online para crear contenidos

publicitarios y editoriales de una manera extremadamente sencilla y sin tener que
instalar nada. Te registras y tienes acceso a más de 250modelos de
publicaciones desde los que partir y a una amplia serie de funciones que no tienen
nada que envidiarle al famoso InDesign. A través de una interfaz gráfica completa
e intuitiva, se puede empezar a trabajar de forma inmediata. Gracias al
mecanismo de arrastrar y soltar, es fácil gestionar formatos, estilos de texto y
posicionamiento de las imágenes, así como el uso de capas y de transparencias
para crear efectos gráficos profesionales. Además, se puede imprimir en PDF o en
otros formatos digitales, y todo ello por menos de 6 euros al
mes. Lucidpress también gestiona archivos de audio y vídeo para añadir en los
documentos y los hiperenlaces con el fin de crear documentos multimedia, muy
útiles en el ámbito empresarial y escolar. Por último, permite importar imágenes
directamente desde Flickr, Facebook y Dropbox sin tiempos de carga adicionales.
4. Canva
Si no tienes que crear libros o revistas, sino maquetar rápidamente

folletos, imágenes y anuncios para Facebook y otras redes sociales,
tu currículum o una carta, Canva es el programa que necesitas. Este sencillo
software online de maquetación y diseño gráfico se ha impuesto rápidamente por
ser extremadamente intuitivo y por poder usarlo sin tener que instalar nada en el
PC. Una vez realizado el acceso de manera gratuita, se dispone de modelos ya
preparados y con las dimensiones para crear todo tipo de productos gráficos:
imágenes para Facebook, pósteres, folletos, diseños para blog, tarjetas de
visita, banners publicitarios, currículos y certificados. Se puede elegir entre cientos
de diseños, elementos gráficos, fuentes y fondos, muchos de los cuales son gratis
y otros por unos pocos euros. Cada elemento se puede cargar con un sencillo
gesto de arrastrar y soltar. Se pueden crear combinaciones de fuentes, colores y
logos para asociar a todos los productos de la propia marca y organizar el trabajo
en equipo (hasta 10 para la versión gratuita del software), con el fin de acelerar el
intercambio de elementos gráficos.
5. Joomag
Joomag es un programa de maquetación online específicamente pensado para el

que desee crear, maquetar y publicar una revista online, un book fotográfico,
una revista empresarial o un catálogo de productos. En este programa también se
dispone de más de 100 modelos gráficos preestablecidos o se puede partir de un
PDF para transformarlo en un producto digital. Además, se puede trabajar con
cuadrículas tipográficas y capas para gestionar los elementos gráficos. La versión
gratuita te permite crear y publicar, solo online, tu catálogo o revista empresarial (a
la que los clientes pueden acceder cómodamente a través de un enlace). Las
versiones de pago más avanzadas, a partir de 9 dólares al mes, te permiten
descargar el PDF, vender la revista a través de la plataforma del sitio web y
establecer un diseño gráfico específico para tu marca.
DEFINICIONES.
Internet.
El internet (World Wide Web ,WWW o la Web)es un conjunto descentralizado de redes

de comunicación interconectadas que utilizan la familia de protocolos TCP/IP, lo
cual garantiza que las redes físicas heterogéneas que la componen formen una
red lógica única de alcance mundial. Sus orígenes se remontan a 1969, cuando se
estableció la primera conexión de computadoras, conocida como ARPANET, entre
tres universidades en California (Estados Unidos).
Extranet.
Extranet es una red privada que utiliza protocolos de Internet, protocolos de

comunicación y probablemente infraestructura pública de comunicación para
compartir de forma segura parte de la información u operación propia de una
organización con proveedores, compradores, socios, clientes o cualquier otro
negocio u organización. Se puede decir en otras palabras que una extranet es
parte de la Intranet de una organización que se extiende a usuarios fuera de ella,
usualmente utilizando Internet y sus protocolos.
La extranet suele tener un acceso semiprivado. Para acceder a la extranet de una

empresa no necesariamente el usuario ha de ser trabajador de la empresa, pero sí
tener un vínculo con la entidad. Es por ello que una extranet requiere o necesita
un grado de seguridad, para que no pueda acceder cualquier persona. Otra
característica de la extranet es que se puede utilizar como una Intranet de
colaboración con otras compañías.
Intranet.
Una intranet es una red informática que utiliza la tecnología del protocolo de
Internet para compartir información, sistemas operativos o servicios
de computación dentro de una organización. Suele ser interna, en vez de pública
como internet, por lo que solo los miembros de esa organización tienen acceso a
ella. Apareció en el año 1970.
NAVEGADORES WEB.
Internet Explorer 8
Internet Explorer es el navegador Web de Microsoft. Esta versión es la última

disponible, aunque la versión 9 ya se puede probar. Internet Explorer 8 es
gratuito y está destinado para su uso en sistemas operativos Windows. Según
datos de la empresa StartCounter, en Septiembre de 2010 fue usado por un
49,87% de los internautas.
Mozilla Firefox 3.6
Mozilla Firefox, programa desarrollado por la entidad sin ánimo de lucro

“Fundación Mozilla”, es software libre y gratuito, y está disponible para su uso en
los sistemas operativos más comunes (Windows, Mac OS X y Linux). Según datos
de la empresa StartCounter, en Septiembre de 2010 fue usado por un 32.5% de
los internautas.
Safari 5
Safari 5 es la última versión del navegador lanzado por la empresa Apple. Es

gratuito y compatible con toda la gama de productos Apple (iPad, iPhone, iPod
Touch y Mac OS X) y también con los sistemas Windows. Según datos de la
empresa StartCounter, en Septiembre de 2010 fue usado por un 4,42% de los
internautas.
Google Chrome 7
Google Chrome es el navegador Web desarrollado por la empresa Google. Está

disponible para su uso en los sistemas operativos más comunes (Windows, Mac
OS X y Linux). Según datos de la empresa StartCounter, en Septiembre de 2010
fue usado por un 11,54% de los internautas, posicionándose de esta forma como
el tercer navegador por volumen de uso.
Opera 10.63
Opera es un navegador Web desarrollado por la empresa noruega Opera Software.

Es gratuito (aunque no es software libre) y se puede usar en los sistemas operativos
más usuales (Windows, Mac OS X y Linux). Según datos de la empresa StartCounter,
en Septiembre de 2010 fue usado por un 2,03% de los internautas.

Qué Es La Maquetación

Cargado por

Copyright:

Formatos disponibles

Qué Es La Maquetación

Cargado por

Información del documento

Descripción original:

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Qué Es La Maquetación

Cargado por

Copyright:

Formatos disponibles

José Armando Vargas Cisneros Programación web.

La maquetación es la composición de una página, la compaginación de diferentes

La idea principal de maquetación de una web consiste en la distribución de los

- En el documento en el que se plasma la maquetación hay que utilizar un tipo de

- Para conseguir una estructura determinada se emplea una retícula compositiva,

En el diseño fijo, la página tiene un tamaño exacto, normalmente expresado en

En el diseño líquido, en vez de unidades absolutas se utilizan relativas al tamaño

Para intentar controlar un poco el tamaño de los elementos, existen las

Últimamente, se ha acuñado el término "diseño elástico" para el diseño en el que

A veces, para encontrar el programa de maquetación que se necesita, no hace

Lucidpress es un programa de maquetación online para crear contenidos

Si no tienes que crear libros o revistas, sino maquetar rápidamente

Joomag es un programa de maquetación online específicamente pensado para el

El internet (World Wide Web ,WWW o la Web)es un conjunto descentralizado de redes

Extranet es una red privada que utiliza protocolos de Internet, protocolos de

La extranet suele tener un acceso semiprivado. Para acceder a la extranet de una

Internet Explorer es el navegador Web de Microsoft. Esta versión es la última

Mozilla Firefox 3.6

Mozilla Firefox, programa desarrollado por la entidad sin ánimo de lucro

Safari 5 es la última versión del navegador lanzado por la empresa Apple. Es

Google Chrome es el navegador Web desarrollado por la empresa Google. Está

Opera es un navegador Web desarrollado por la empresa noruega Opera Software.

También podría gustarte