Cálculo de márgenes tipográficos

Márgenes tipográficos en Adobe InDesign

Respuesta a consulta en curso de Diseño Editorial

A pesar de que la determinación de las medidas de la hoja de un libro y de, inicialmente, los márgenes pueden estar determinado en base a medidas métricas, la altura de la caja de impresión del libro debe estar de fijada de acuerdo a medidas tipográficas.

Veamos como ajustar estas medias a partir de una consulta de clase, recibida por email:

1. Veremos las medidas asignadas al documento recibido:

Consultado las medidas del documento

Publicado en Diseño Editorial
Domingo, 03 Diciembre 2017 11:03

Numeración de listas en InDesign (i)

 Cabezal artículo numeración de listas con InDesign

¿Cómo numerar listas en Adobe InDesign?

Numeración básica de listas usando estilos de párrafos.

A continuación veremos un tutorial básico para la numeración de listas en tres niveles, usando estilos de párrafos, el siguiente ejemplo:

Ejemplo numeración de listas con InDesign 

Publicado en Diseño Editorial
Sábado, 02 Diciembre 2017 19:33

Empastado de una libreta para diseño

Cabecera de artículo sobre empastado de una libreta para diseño

Empastado de una libreta para diseño

Aciertos y errores durante el proceso de encuadernación.

Descripción de los resultados del empastado de una libreta para diseño en uno de nuestros talleres gráficos.

Publicado en Diseño Editorial
Miércoles, 29 Noviembre 2017 17:08

Ejemplo de instalación de un tema en WordPress (i)

 

Cabecera del artículo Instalando un tema en WordPress

Instalando un tema en Wordpress (i)

Veremos un ejemplo sobre cómo instalar un tema (theme) en WordPress, instalar y activar los plugins necesarios y cargar la información de ejemplo que viene con dicho tema; en este caso, la versión gratuita de el "Talking Business - Business Coaching & Consulting" (#64699):

Domingo, 12 Junio 2016 13:11

Introducción a Dreamweaver (iv)

Configurando un sitio en DW (FTP)

Definiendo un nuevo sitio en Dreamweaver CC 2015 (ii)

En la primera parte de este tutorial vimos las pautas básicas para la definición de un sitio en Dreamwever, asignando un nombre y una carpeta de trabajo para el mismo; en esta segunda parte ingresaremos los datos necesarios para poder subir (cargar) y bajar (descargar) archivos a nuestro servicio de hosting usando el cliente FTP [1] [2] que Dreamwever trae incorporado:

Lunes, 02 Mayo 2016 14:10

Introducción a Dreamweaver (iii)

Cabezal Diseñador CSS en Dreamweaver 

 El diseñador de CSS en Dreamweaver CC (i)

Como vimos en la entrada HTML y CSS: Notas preliminares, el diseño web estándar exige separar contenidos de diseño, existiendo tres formas de asignar estilos a los elementos html:

  1. Asignar estilos de forma local, en la propia etiqueta:
    Ej.: <p style="color:#CCC;>Contenido del párrafo</p>
  2. Asignar un conjunto de estilos en la cabecera de cada documento HTML:
    Ej.: <head>
             <style>
                body{
                         margin:0;
                         }
                .destacados{
                         color:red;
                         }
             </style>
         </head>
  3. Vincular un documento CSS externo a uno o más documentos HTML:
    Ej.: <link href="file:///D|/Clientes Web/Demo 01/pepe.css" rel="stylesheet" type="text/css">
    Nota: También es posible importar documentos CSS, tema que veremos en una próxima entrada.

También vimos en una nota anterior algunos ejemplos de como trabajar con estilos de etiquetas, definiciones de clases e IDs en CSS: CSS: Selectores básicos.

Como dijimos en algún momento, tanto los documentos HTML, como los documentos CSS, son documentos de texto plano que pueden ser editador por cualquier editor que permita guardar en este formato con la codificación correcta, pero en el caso de Dreamweaver tendremos una herramienta de gran ayuda al momento de trabajar con estilos CSS: El Diseñador de CSS, sobre el que hablaremos a continuación:

Domingo, 01 Mayo 2016 21:13

Introducción a Dreamweaver (ii)

Cabezal tutorial Configurando Sitios en Dreamweaver

Definiendo un nuevo sitio en Dreamweaver CC 2015 (i)

Como herramienta de diseño web, DW permite crear y trabajar múltiples sitios web, realizando operaciones sobre uno, varios o todos los archivos editables de un sitio, por lo que es necesario indicarle al programa cuáles son las carpetas de cada uno de éstos sitios de forma que el programa pueda gestionar sus archivos adecuadamente; así, definir un sitio en Dreamweaver, en su forma más básica, consiste en crear o indicarle al programa la carpeta de trabajo en la que almacenaremos todos los archivos que vayamos luego a subir como parte de nuestro sitio, evitando la anidación de ésta carpeta debajo de otra carpeta donde antes ya hayamos definido un sitio, lo que podría ser causante de errores varios durantes operaciones tales como la de buscar y reemplazar contenidos globalmente en alguno de nuestros sitios.

Vayamos con el paso a paso de la definición más básica de un sitio usando Dreamweaver CC2015:

Martes, 19 Abril 2016 10:50

10 Mitos sobre la regla de los tercios

10 Myths About the Rule of Thirds

Esta nota surge del artículo que encontré en Petapixel que habla sobre el trabajo de Tavis Leaf Glover sobre el uso de la regla de los tercios en composciones gráficas (artes, gráfica, fotografía, etc.).

Traduciendo parcial, y un tanto libremente, el texto con el cual comienza el artículo, podría citar lo siguiente:

Publicado en Blog
Lunes, 18 Abril 2016 18:24

Introducción a Dreamweaver (i)

Introducción a DW (01)

Tutorial de introducción a Dreamweaver: La interfaz

Este es el primero de una serie de tutoriales de introducción a Dreamweaver CC; en nuestro caso comenzaremos con una breve descripción sobre sobre "qué es Dreamweaver" , un repaso rápido de su interfaz de usuario, y algunos enlaces importantes con ayuda de Adobe sobre este programa:

Configurando CF Builder en WordPress

Configurando Contact Form Builder en WP (ii)

En la primera parte de este tutorial instalamos el plugin Contact Form Builder en WordPress como herramienta para la creación y publicación de un formulario de contacto en WordPress; en esta segunda parte configuraremos el plugin que ya tenemos instalado:

Página 1 de 2