TAMAÑO DE LA IMAGEN EN LA WEB

Los gráficos Web se miden en unidades llamadas píxeles. Un píxel representa un pequeño puto en la pantalla  de un equipo. Las unidades fijas como pulgadas y centímetros no son útiles en el mundo Web porque nunca se sabe el tamaño de monitor del visitante y, por lo tanto, cuantos píxeles puede albergar.

El tamaño del archivo también es importante porque determina cuánto se tarda en enviar una imagen desde la red al navegador. Las más grandes pueden ralentizar un sitio Web, especialmente si la conexión es lenta.

FORMATOS DE ARCHIVOS PARA GRAFICOS

JPEG

Un formato de archivo gráfico que se utiliza para mostrar imágenes en color de alta resolución. Las imágenes JPEG aplican un esquema de compresión especificado por el usuario que puede reducir considerablemente los tamaños de archivos grandes asociados normalmente a imágenes en color con realismo fotográfico unido de expertos en fotografía


GIF

Son las siglas de Graphics Interchange Format, un formato de compresión de imágen limitado a 256 colores. Los archivos tipo gif utilizan un algoritmo de compresión de datos que está patentado


PNG

(Portable Network Graphics - Gráficos Portables de Red). Formato gráfico comprimido sin pérdida de calidad. Sus archivos tienen la extensión ".png". Es un formato abierto. Originalmente el nombre PNG significaba PNG's Not GIF (PNG no es GIF).

• Se considera que el formato .jpg es mejor para fotografía digital mientras que los formatos .gif y .png son mejor para imágenes gráficas.

NORMAS DE COMPOSICIÓN

Uso de versalitas, cursivas, subrayado, negrita, versales.


Versalita

• En las portadas de los libros, los titulares de las divisiones de los mismos, los rótulos, inscripciones, títulos de periódicos y revistas, etc.
• La primera palabra de todo párrafo, la que va detrás de punto y la que sigue a los dos puntos después del principio de una carta, al comenzar una cita o cuando sea la copia literal de un texto.
• Todos los nombres propios y apellidos, así como los apodos o sobrenombres de las personas: La Monja Alférez, el Zurdo.
• Los apellidos o nombres propios de las familias son invariables: no pueden traducirse a otra lengua ni cambiar de género o número. Por ejemplo, si decimos: los Morales para designar a una familia que se apellide Moral, puede confundirse con otra que se llame Morales. Así, pues, debe decirse: los Moral, los Valbuena, etc.
•  Los títulos, cargos, atributos divinos y nombres de dignidad, cuando sustituyen al nombre propio: Los Reyes Católicos, el Conde Duque de Olivares, Su Majestad el Rey, el Sumo Pontífice.
•  Las abreviaturas de tratamientos especiales: Dr. (doctor), D. (don), Srta. (señorita).
•  Nombres propios de accidentes geográficos: Cabo de Hornos, Sierra Morena.

Cursiva

• Títulos de libros, obras de arte, películas, obras de teatro y programas de televisión y periódicos: El Quijote. El Guernica. Lo que el viento se llevo.
• 
Términos técnicos o de reciente aparición: este proceso se llama kerning.
• 
Definiciones dentro de una oración: su nombre en hebreo significa paz.

Subrayado

El uso del subrayado para citar obras literarias y otras publicaciones:Cuando citamos o hacemos referencia a una obra literaria, o al título de un libro, o una publicación (periódico, revista, etc.) debemos subrayarlo si estamos escribiendo a mano y ponerlo en cursiva si lo hacemos con el ordenado

Negrita

En tipografía, la negrita es un estilo tipográfico en el que los caracteres tienen un trazo más grueso (en comparación con los caracteres de tipografía normal del mismo tamaño). Es empleada principalmente para que sobresalga o dé énfasis a una parte del texto.

Versales

• En las portadas de los libros, los titulares de las divisiones de los mismos, los rótulos, inscripciones, títulos de periódicos y revistas, etc.
• La primera palabra de todo párrafo, la que va detrás de punto y la que sigue a los dos puntos después del principio de una carta, al comenzar una cita o cuando sea la copia literal de un texto.
• Todos los nombres propios y apellidos, así como los apodos o sobrenombres de las personas: La Monja Alférez, el Zurdo

Cuerpo

• la densidad, medida en porcentaje, que representa la proporción en la que la clave aparece con respecto a la totalidad del texto.
• la prominencia, que indica la acumulación de las claves en una determinada posición del texto.
• la posición de las palabras clave en el texto (factor que va perdiendo importancia)

• Texto entre 10-12 puntos
• Pie de la pagina entre 6-8 puntos
• Titular 14 puntos

Subrayado

EL trabajo de subrayado de un texto no está separado de la lectura, sino que se desarrolla simultáneamente; en efecto, el mejor momento para subrayar sigue de inmediato a la comprensión del texto. Una vez comprendido lo que se leyó resulta fácil aislar las frases del texto que mejor lo sinteticen y subrayarlas.

Esto quiere decir que debemos de subrayar un texto después de haber comprendido el significado básico de lo que se lee.

Tipos de párrafos y el más usado.

• Párrafo ordinario, español, normal: lleva sangría en la primera línea y su última línea puede ser corta o llena. Es el más utilizado. 
• Párrafo moderno, alemán, en bloque: no lleva sangría en ninguna línea, para saber cuando empieza o termina un párrafo, se suele dejar un espacio entre párrafos equivalente a la mitad de la interlínea
• Párrafo francés, en forma de sumario: lleva todas las líneas sangradas a excepción de la primera. Utilizado en diccionarios, índices alfabéticos, bibliografías, cuadros y apartados cuyos componentes lleven algún tipo de numeración. 
• En bandera, quebrado: es la composición de líneas desiguales, no justificadas, en la que no se parten palabras, no lleva sangría en la primera línea del párrafo y se aconseja insertar espacio entre párrafos. Puede hacer bandera por la derecha si la parte justificada es la izquierda, bandera a la izquierda si la parte justificada es la derecha y al centro, la bandera es a ambos lados. Se suele utilizar en algunas partes del libro: prólogo, pies de fotos, etc. 
• Base de lámpara: composición al centro con líneas de longitud decreciente. Se usa en títulos de cubiertas, portadillas y portadas, títulos centrados, colofones, etc. Base de lámpara invertida: es inverso al anterior, las líneas van centradas y su longitud es creciente. Se emplea en títulos. 
• Base de lámpara: composición al centro con líneas de longitud decreciente. Se usa en títulos de cubiertas, portadillas y portadas, títulos centrados, colofones, etc. Base de lámpara invertida: es inverso al anterior, las líneas van centradas y su longitud es creciente. Se emplea en títulos. 

TIPOGRAFIA PARA PAGINAS WEB

Tipos de fuente:

 Una parte fundamental de la usabilidad de un blog es su facilidad para ser leído. Además de otros aspectos del diseño y del formato que veremos más adelante, el tipo de fuente que usemos influirá en gran medida en lograr una lectura agradable para los ojos de nuestro visitante. Debemos pensar que la mayoría de los usuarios de Internet no se han adaptado todavía a la lectura en pantalla con lo cual, nuestra tarea debe ser facilitar al máximo dicha lectura.
Un blog cuya composición es de un 90% de texto la elección del tipo de fuente no es vanal. No obstante, mientras sigamos una serie de pautas y estándares el proceso no tiene porque ser excesivamente tedioso.
Las principales características que deberíamos tener en cuenta a la hora de elegir una fuente son:
- Que se ajusten al carácter de tu sitio.
- Facilidad de lectura en la pantalla del ordenador.
- Estén disponibles en diversos navegadores y sistemas operativos.

1.Tipos de fuentes.
Las fuentes podemos dividirlas en dos grandes grupos: serif, sans-serif
La diferencia entre una y otra radica en que las serifs tienen unas pequeñas rayas horizontales arriba y abajo, como pequeños rabitos. Un ejemplo de serif sería, Times New Roman y de sans-serif sería Arial.
En términos generales los usuarios consideran más fáciles de leer las fuentes sans-serif.
2.Tamaño de fuentes.
El tamaño medio de fuente usado en las webs es de 12px (size=3). Una cosa que parece clara es la contraindicación de usar fuentes excesivamente pequeñas, 9px. Desaconsejado además por el W3C. Lo ideal sería ofrecer al usuario la posibilidad de ajustar el tamaño de fuente a su necesidad, no obstante, en muchos blogs ofrecer ésta opción no es posible.
3. Análisis de diferentes fuentes.
- Arial
Es probablemente el formato de fuente sans-serif más común, su disponibilidad es amplia.
Es una de las fuentes más utilizadas, pero pierde calidad en tamaños pequeños, su carácter es moderno pero puede resultar algo plano y aburrido.
Su equivalente en Mac es Helvetica.
- Times New Roman
Su disponibilidad también es amplia y es el formato serif más común. Es la fuente predeterminada de los navegadores.
Su facilidad de lectura es aceptable para tamaños de fuente desde los 12px arriba pero nefasta para tamaños menores.
Su carácter es serio, formal y un poco anticuado.
El equivalente en Mac es Times.
- Verdana
Es una fuente sans-serif con alta disponiblidad, se incluyó con Internet Explorer 3, cuando se hacía necesario un tipo de fuente de mayor facilidad de lectura
Su lecturabilidad, por tanto, es excepcional incluso en tamaños pequeños.
Su carácter es moderno, amigable y profesional.
- Georgia
Su disponibilidad es buena, se introdujo con IE4.
Su facilidad de lectura es muy buena, es la mejor fuente serif para leer online dado que se creó con ese propósito.
Su carácter es moderno, profesional y amigable.
Existen otras fuentes como Comic Sans, cuya lectura es buena, no obstante, no parece indicada para dotar de un carácter serio a tu blog, además de ser una fuente un poco detestada por los diseñadores. Trebuchet es parecida a Arial y difícil de leer en tamaños pequeños. Por último, Courier New, es una fuente serif que imita a las máquinas de escribir antiguas y sule usarse para representar código HTML.

Encabezado:

De todas las partes de la estructura del diseño web, el encabezado es la que mayor tendencia tiene a repetirse entre páginas de un mismo sitio. Aun cuando el sitio tenga grandes diferencias en estructura y contenido entre sus páginas, si mantiene una unidad en su encabezado los usuarios percibirán la sensación de unidad que el sitio requiere.

El encabezado es una faja horizontal que ocupa todo el ancho de la página en la parte superior de la misma. A la izquierda del encabezado suele ubicarse el logotipo del sitio, que ocupa un área importante dentro del mismo, aunque suelen haber diferencias importantes de un sitio a otro. Esta imagen debe tener un enlace a la página principal del sitio, ya que es uno de los estándares más respetados por los diseñadores y una de las formas que tienen los usuarios de volver al inicio.

Desde el final del logotipo, ocupando el centro y la zona derecha del encabezado, frecuentemente se sitúan una serie de franjas de diferentes grosores. En la faja superior, se encuentran algunos enlaces generales de la página, como acceso a usuarios registrados, registros de usuarios nuevos, acceso a perfiles, salidas, etc., así como ayudas y buscadoresinternos. La zona más ancha generalmente se encuentra ocupada por el título de la página, nombre de empresa, slogan, etc.

La zona inferior del encabezado se emplea para ubicar los links de navegación y las etiquetas de navegación, uno de los elementos más importantes a la hora de ayudar a los usuarios a encontrar las páginas componentes del sitio web. Dependiendo de la complejidad del sitio, puede encontrarse solo uno de estos sistemas de navegación o los dos; por ejemplo, cuando el sitio está dividido en secciones, uno de ellos está destinado a estas divisiones, mientras que el otro sirve para navegar dentro de cada sección, aunque pueden emplearse otros métodos de clasificación de los contenidos y por consiguiente, otros métodos de organizar la navegación interna.

Otra forma de colaborar con la exploración del sitio por parte de los usuarios es la instalación de un buscador interno. También es aquí donde los usuarios buscan este tipo de elementos, ya que convencionalmente es aquí donde la mayoría de los diseñadores los ubican, aunque en algunos casos, puede encontrarse en la parte superior de alguna de las columnas laterales. A continuación, mostramos un ejemplo de la aplicación de un buscador interno en el encabezado.

Interlinea: 

En ocasiones, al pensar en la tipografía, pensamos que con las letras del alfabeto, y un poco de texto falso, lo tenemos todo hecho. Pero el texto va más allá de la letra, también es el espaciado que esta produce a su alrededor. En próximos artículos hablaremos de los otros tipos de espaciado, el kerning y el tracking. Hoy nos centraremos en el espacio que hay entre la línea inferior de letras de caja baja y la parte superior de las letras de caja alta de la línea siguiente.

El origen del interlineado lo encontramos, como la mayoría de cosas de tipografía, en los tipos móviles de plomo, la imprenta de Gutenberg. En este tipo de impresión se le llama interlínea a la regleta de plomo que se insertaba entre las líneas de texto para espaciarlas. En aquel momento era impensable el interlineado negativo.

Normalmente estas regletas eran de uno o dos puntos. En otro momento nos centraremos en las medidas de los tipos, hoy diremos que era difícil medir regletas y tipos cuando los cuerpos son pequeños, cuando debemos medir milésimas de milímetro. Los tipómetros nos ayudarán en esta labor, ya que incluye diversos sistemas métricos.

Cuando el interlineado es del mismo tamaño que el cuerpo de la letra nos encontramos con textos macizos, normalmente difíciles de leer. Aunque encontramos más o menos dificultad dependiendo en gran medida de la altura de la x de la tipografía en cuestión. Por norma general creemos que el interlineado adecuado para una cómoda lectura suele ser un 20% mayor que el cuerpo (que es el interlineado por defecto en la mayoría de programas de autoedición). Es decir, contra mayor es la letra, más espaciado es el interlineado. También nos encontramos con tipos de letra con trazos gruesos, que también requerirían un mayor interlineado. Digamos que el interlineado lo utilizamos para que el texto no se nos aparezca como una mancha demasiado sólida en la página, para evitar que el lector se asuste ante la visión de tanta letra a primera vista. El mejor consejo es probar distintos interlineados en pruebas de impresión y consultar a terceros hasta dar con el espaciado que más cómodo resulte a los ojos del lector objetivo.

Parrafo:

Un párrafo es una unidad de discurso en texto escrito que expresa una idea o un argumento. Está integrado por un conjunto de oraciones que se encuentran relacionadas entre sí por el tema que trata y por su organización lógica y significado.

En tipografía y en otros usos el comienzo de un párrafo es indicado por diversios medios, como una línea en blanco antes o una sangría en la primera línea. Antiguamente, se empleaban los símbolos ¶, para separar párrafos, o §, para comenzarlos, pero hoy es raro verlos.

En el cuerpo del texto, los párrafos se distinguen ya sea con una sangría en la primera línea de cada uno (párrafo ordinario), que es el metodo tradicional, ya sea con un blanco entre ellos. No es conveniente aplicar ambos métodos a la vez ya que los blancos resultarán muy irregulares en forma y ello restará simetría visual y legibilidad. No debe confundirse este blanco para separar sistemáticamente los párrafos con el que en ocasiones se añade en puntos concretos para separar grupos de párrafos que forman una unidad conceptual y a los que no se da título.

Letra capital:

Letra capital, esta página muestra el significado de letra capital , así como la definición de letra capital en el diccionario español. Así mismo, se muestran los sinónimos de letra capital y antónimos de letra capital contenidos en una base de datos de mas de 200.000 palabras.En resumen , que quiere decir, que significa , que es letra capital.Use el buscador que le ofrecemos
 a continuación para una búsqueda más precisa de otros términos.

Tipometria:

SISTEMA FOURNIER

1 pie = 12 pulgadas = 30.24 cm

1 pulgada = 6 cíceros = 72 puntos Fournier = 25.2 mm

1 cícero = 12 puntos Fournier = 4.2 mm

1 punto Fournier = 0.350 mm

SISTEMA EUROPEO O DIDOT

1 pie = 12 pulgadas = 32.49 cm (exactamente 32. 492016)

1 pulgada = 6 cíceros Didot = 72 puntos = 27.0 mm

1 cícero Didot = 12 puntos = 4.51 mm

1 punto Didot = 0.376 mm (exactamente 0.376065 mm)

SISTEMA ANGLOAMERICANO

1 pie = 12 pulgadas = 30.48 cm (exactamente 30.480613)1 pulgada = 6 picas = 72 puntos = 2.54 cm

1 pica = 12 puntos = 4.23 mm1 punto = 0.352 mm (exactamente 0.352784 En el sistema angloamericano tenemos que:

1 punto 0 1/72 de pulgada (0.0138’’)

1 pica = 12 puntos = 1/16 de pulgada (0.166’’)

1 pulgada = 6 picas (0.996’’)

El tamaño del cuerpo se mide en puntos la interlinea, se mide en puntos el cicero la pica y el centimetro mide la fotografia o el tamaño de una linea, el tamaño de las ilustraciones puedes medirlo en cicero en picas o en centimetros y el cuerpo de la letra siempre en puntos, la sangria la puedes medir en milimetros o en puntos, cuando se habla de medidas se habla de medidas concretas como 18 ciceros y 17 puntos.

Cicero:

El cícero es una unidad o módulo tipográfico inventado por Pierre Simón en 1737. Su nombre deriva de las Epístolas familiares de cicerón, cuyas letras eran de 11 puntos, y equivale a 12 puntos o 4,5126 mm en el sistema didot.

1 punto de Cícero = 0,3759 mm
12 puntos de Cícero = 1 Cícero
1 Cícero = 4,512 mm

Kerning y Tracking

Kerning es el proceso de adición o eliminación de espacio entre pares de caracteres concretos.Tracking es el proceso de creación de expansión o compresión de un bloque de texto.

Tipos de kerning

Puede aplicar kerning automáticamente al texto mediante kerning métrico o kerning óptico. Elkerning métrico utiliza pares de kerning incluidos en la mayoría de las fuentes. Los pares de kerning contienen información sobre el espaciado de pares de letras específicos. Algunos de estos pares son los siguientes: LA, P., To, Tr, Ta, Tu, Te, Ty, Wa, WA, We, Wo, Ya y Yo.

InDesign usa kerning métrico de forma predeterminada de manera que, al importar o escribir texto, se aplica el kerning automáticamente a los pares específicos. Para desactivar el kerning métrico, seleccione "0".

El kerning óptico ajusta la separación entre caracteres adyacentes según sus formas. Algunas fuentes incluyen sólidas especificaciones de pares de kerning. No obstante, si una fuente incluye solo un kerning integrado mínimo, o ninguno en absoluto, o bien si utiliza dos tipos de fuentes o dos tamaños en una o más palabras de una línea, es aconsejable utilizar la opción de kerning óptico.

- El grosor en el trazo: Los trazos que componen los tipos, pueden ser pesados o ligeros, según su grosor pueden afectar o no a la legibilidad. El grosor de un trazo puede ser, redonda, negra o supernegra, fina o extrafina.- Inclinación del eje vertical o cursivas: Son las denomiadas cursivas o itálicas. La cursiva en la tipografía debe utilizarse con prudencia, porque abusar de este caracter inclinado dificulta la lectura.- Porporción entre ejes vertical y horizontal ancho: Son en redonda, cuando son iguales, estrecha cuando el horizontal es menor que el vertical, y expandida cuando el horizontal es mayor. Cuando hay mucho texto, es ideal y aconsejable utilizar tipografías estrechas para ahorrar espacio.- Mayúsculas a caja baja: Un texto escrito en letras mayúsculas, provoca lentitud en la lectura y ocupa más espacio.

Legibilidad 

Tan importante como la elección del tipo de letra es la importancia del color de la misma en contraste con el color de fondo, ya que puede que contemos con la letra más legible del mercado pero que por la cercanía en tonalidad a nuestro color de fondo sea muy complicado poder leerla sin problemas y sin forzar la vista. De este modo sigue siempre este consejo: si tu fondo del portal es oscuro, tienes que optar siempre por el tono de letra más claro posible y viceversa, es decir, que si el fondo de nuestro portal es claro, la letra debe ser lo más oscura posible para que se pueda leer de forma correcta.


Sangria

Sangría es, en tipografía, la introducción de varios caracteres en blanco al comienzo de una línea. Se emplea en textos alineados a la izquierda ("con bandera a la derecha", según la jerga tipográfica), que es lo general para escritos en prosa.

La sangría se manifiesta como una "hendidura": todas las líneas del texto comienzan a la izquierda a la misma altura, de forma alineada; menos las que incorporan sangría, que lo hacen de tres a cinco caracteres (por lo general) más a la derecha.

La sangría se emplea, generalmente, para señalar el comienzo o para dejar un espacio en blanco antes del párrafo

PUBLICACIONES ELECTRÓNICAS

Se realiza una revisión bibliográfica sobre el estado actual y las tendencias del desarrollo que experimentan las publicaciones electrónicas. Se analizan sus orígenes, definiciones, características, particularidades, ventajas y desventajas de varios tipos de publicaciones electrónicas, entre ellas: los libros, las revistas digitales, los periódicos, los boletines, así como las bibliotecas electrónicas y listas de discusión, como medios muy relacionados entre todas.