-->
RelojesWeb para Pisos!

sábado, 24 de noviembre de 2012

Tamaño de imagen para web

El original debe ser siempre de igual o mayor tamaño que la imagen publicada.
Ya que si ampliamos demasiado una imagen más pequeña de lo requerida se pixelará. Dejando así un resultado poco estético y no agradable a la vista de quienes visiten el portal.
Pero si, en cambio, utilizamos una imagen de igual o mayor tamaño, el resultado final será mucho más vistoso.

  • Ejemplo de mala elección de original:


  •  Ejemplo de buena elección de original:
Pequeño tutorial sobre como reducir el tamaño de una fotografia (si tubiesemos una foto demasiado grande, para que no nos cueste tanto tiempo cargarla):


Formatos de archivos para gráficos web

JPEG
(Joint Photographic Experts Group)
El formato JPEG es usado ampliamente para fotografías e imágenes de gran tamaño y variedad de color en la web y por las cámaras digitales. Es un formato comprimido con pérdida de calidad, aunque esta se puede ajustar.



 




GIF
(Graphics Interchange Format)
GIF es utilizado popularmente en la web. Formato de 8 bits (256 colores máximo), con soporte de animación por frames. 


PNG
                                                                               (Portable Network Graphics)
PNG es gráfico libre con compresión sin pérdida que ofrece profundidades desde 8 bits con paleta optimizada, 24, 48 bits: 281 trillones de colores y en escala de grises se puede obtener archivos desde 8 y 16 bits igual a 65536 tonos de grises. También se puede salvar un canal más con alpha channel para video e interlaced. Fue diseñado para reemplazar al GIF en la web.


 Información sacada de:

miércoles, 7 de noviembre de 2012

Tipografía para páginas web

Familia, fuente y estilo; diferencias
Llamaremos familia de tipos al conjunto integrado por los caracteres del alfabeto, diseñados bajo unos mínimos criterios de coherencia formal. 
Por ejemplo: la Helvetica y todas sus variantes.

Se diferencia con el nombre de fuente cada variante de una misma familia de tipos. Por ejemplo: la Lucida Blackletter se diferencia de la Lucida Handwriting.

El estilo, propiamente dicho, es una referencia muy general al conjunto de las características formales. Así, son estilos: redonda, cursiva o itálica, negrita, fina, expandida, condensada, etc. y se puede aplicar a cualquier carácter de cualquier familia y fuente. La palabra estilo se podría utilizar como sinónimo de fuente aunque, en realidad, la fuente tiene nombre y apellidos. Por ejemplo: Times New Roman Italic.


Tipos de fuente

PALOSECO:
Un tipo de letra palo seco es aquel que en cada carácter no tiene unas pequeñas terminaciones llamadas remates, gracias o serifas.
En una pantalla, la pixelación logra que éstas se vean mucho más limpias que las tipografías con serifa. Así pues, en un formato digital utilizaremos éste tipo de letra para evitar sobrecargar o cansar la vista y facilitar la lectura.
Ejemplos: Helvetica y Futura.
REMATES:
Las gracias, serifas o remates son pequeños adornos ubicados generalmente en los extremos de las líneas de los caracteres tipográficos.
En las imprentas tradicionales, las tipografías con remate están destinadas para grandes cantidades de información, debido a que comúnmente se cree que son más cómodas de leer que las tipografías sin remate o paloseco.
Ejemplos: Georgia y Times.
 FANTASIA:
Son tipografías que en su mayoría han sido creadas con fines específicos, y donde el aspecto de legibilidad no se ha tenido demasiado en cuenta. A menudo presentan una gran carga expresiva, a través de atributos temáticos.
Ejemplos: Shotgun y Hobo.

 

Cuerpo  
El cuerpo tipográfico es la cara de la letra más el espacio adicional correspondiente para evitar que se toquen los caracteres de dos líneas consecutivas en la composición del texto.
El cuerpo tipográfico es la base de todos los cálculos relativos a la composición.


Interlineado 
Es la distancia entre las líneas base de dos líneas de texto consecutivas.


Linea de referencia
O linea base, es la línea sobre la que se asientan la mayoría de las letras y por debajo de la cual se extienden los trazos descendentes.


Tipos de párrafos 
Un párrafo es una unidad de discurso en texto escrito que expresa una idea o un argumento.

Se pueden catalogar en dos ramas:
Tipos de párrafos por su forma
  • Párrafo ordinario
  • Párrafo francés
  • Párrafo alemán
  • Párrafo español
  • Párrafo asimétrico
Tipos de párrafos por su composición:
  • Composición justificada
  • Composición justificada a la derecha
  • Composición justificada a la izquierda
  • Composición en bandera
  • Composición centrada


Kerning
 

Espacio entre pares de caracteres. Cuando se diseñan las fuentes se designa un kerning predeterminado para cada par de caracteres, que puede ser modificado posteriormente si fuese necesario.



Tracking

Es un interletraje general que sirve para aumentar o reducir conjuntamente el espacio entre caracteres y entre palabras.


Tipometría
Es la parte de la tipografía que estudia la medición de los elementos compositivos.


Unidades tipométricas

Punto de cícero:
Se utiliza para:
- Medir el cuerpo de un texto
- Medir el interlineado
- Medir el espaciado entre párrafos
- Para indicar pequeños blancos entre texto, columnas de texto, u otras partes de la composición.
- Para indicar el grosor de un filete

Cícero:
Generalmente se utiliza para:
- Medir la longitud horizontal de las líneas de texto.
- Medir la longitud horizontal o vertical de un filete.
- Medir la longitud vertical de las columnas de texto, cajas de texto, etc.

Punto de pica y Pica:
El sistema de medición angloamericano se basa en la pulgada inglesa (corresponde a 25,4 milímetros).
- Un punto de pica equivale a 1/72 pulgadas.
- Una pica corresponde a 12 puntos o lo que es lo mismo a 1/6 pulgadas.
La mayoría de las aplicaciones informáticas utilizan este sistema de medición, lo cual hay que tener en cuenta.


Sangría
Sangría es la introducción de tres a cinco caracteres (por lo general) en blanco al comienzo de una línea. Se emplea en textos alineados a la izquierda, que es lo general para escritos en prosa.
Se usa, normalmente, para señalar el comienzo o para dejar un espacio en blanco antes del párrafo.


Versales
Son aquellas palabras cuya primera letra es mayúscula. Usamos versales en:
  • En los rótulos, inscripciones, títulos de 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 de las personas: Julián Martín, el Zurdo.
  • Los títulos, cargos, atributos divinos y nombres de dignidad, cuando sustituyen al nombre propio. Ejemplo: Los Reyes Católicos.
  • Los nombres de instituciones y sus siglas. También ciertos nombres colectivos. Ejemplos: Organización de Naciones Unidas (ONU), las Cortes.
  • Las abreviaturas de tratamientos especiales. Ejemplo: Srta. (señorita).
  • Los nombres y adjetivos que constituyen el título de una obra. Ejemplo: Biblioteca Profesional Labor.
  • Nombres propios de accidentes geográficos. Ejemplo: Cabo de Hornos.   

Versalitas
Versalitas es una tipografía de letras mayúsculas cuyo tamaño es similar al de las minúsculas, con proporciones un poco distintas.
El nombre es el diminutivo de la palabra versal, en referencia a las letras mayúsculas, porque con caracteres de estas dimensiones y formas inician los versos.


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. 


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 ordenador.




Cursiva
Se utiliza cursiva en títulos, en términos técnicos o recientemente aparecidos y en definiciones dentro de una oración.
Ejemplos: El Quijote, “este proceso se llama kerning”, “su nombre en hebreo significa princesa”.


Legibilidad en Web

Es muy importante la tipografía que escojamos para nuestro portal web. La elección mas acertada sera cualquier tipografia paloseco o sans-serif.
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 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.

miércoles, 24 de octubre de 2012

Comprender los blogs

La palabra blog es una abreviación de web log.
Es un cruce entre una entrada de un diario y un foro de discusión.
Los blogs simplifican la publicación web pero no son una forma simplificada de trabajar en la red. Más bien son una manera completamente diferente de comunicación en linea. Y, aunque no hay una prueba definitiva para determinar qué es y qué no es un blog, muchos de ellos comparten varias características.


  • Se organizan cronológicamente.
  • Son personales.
  • Se actualizan regularmente.
  • Son flexibles.
  • Crean una conversación muy amplia.  
 



Ejemplos de blogs: