Tipógrafo

«Tipógrafo» – una herramienta especialmente diseñada para gestores de contenido y editores de sitios web. Ayuda a preparar el texto para la publicación en la web.

«Tipografía» – es el arte de dar formato al texto impreso mediante composición y maquetación. La tipografía, por un lado, constituye una de las ramas del diseño gráfico, y por otro, un conjunto de reglas estrictas que determinan el uso de las fuentes para crear un texto lo más comprensible posible para el lector. La tarea de la tipografía es definir parámetros para los procesos posteriores de composición, maquetación y preparación previa a la impresión.

Para empezar, necesita crear un texto formateado en Microsoft Office, Open Office, Google Docs o cualquier editor similar. Puede ser un documento de texto Word o una hoja de cálculo Excel.

Estos documentos ya están estilizados de alguna manera: tamaño de texto, color, listas numeradas / con viñetas, tablas y más. Solo necesita seleccionar el fragmento de texto deseado del documento, copiarlo al portapapeles y pegarlo en «Tipógrafo» en el campo titulado «Pegue el texto desde Word». Como resultado, el fragmento de texto seleccionado se convertirá en código HTML.

Después de pegar el texto, se mostrará una lista de tamaños de fuente que se usaron en el documento. Puede indicar qué encabezado (H1-H6) usar para ese tamaño al construir el HTML. Los tamaños de fuente definidos al renderizar el texto probablemente difieran de los usados en el formateo. Esto se debe a que los editores de texto como «Word» utilizan puntos (pt) para definir el tamaño del texto, mientras que los navegadores usan píxeles (px). 1pt no es igual a 1px, es un poco mayor, por lo que los tamaños de fuente al analizar el documento también serán un poco mayores.

Por defecto se crea un HTML limpio (sin añadir estilos mediante el atributo «style»). Si desea transferir al HTML los colores del texto y del fondo, la alineación del texto, etc., seleccione los parámetros necesarios de la lista encontrada.

El código resulta bastante limpio y ordenado, y posiblemente ni siquiera necesite editarse antes de publicarlo en el sitio.

Para su comodidad, en «Tipógrafo» existe la funcionalidad de cargar un archivo CSS desde su sitio, en el que están definidos los estilos para las etiquetas estándar utilizadas en la publicación de páginas de texto. Después de cargar el CSS verá cómo se verá el código HTML publicado en la página de su sitio.

Pero debe entender que el CSS debe estar correctamente diseñado. Esto significa que deben estar estilizadas todas las etiquetas estándar que participan en la construcción del contenido textual en la página, sin vinculación a clases. Es decir, como selector debe indicarse solo el nombre de la etiqueta. Lamentablemente, muchos maquetadores principiantes descuidan esta recomendación.