El tamaño de la imagen web

viernes, noviembre 23, 2012 - Publicado por Martha Andani en 3:06

Empezaremos definiendo los conceptos que componen el tamaño de una imagen.




  • Dimensión: Son los valores de Ancho y Alto de una imagen.
  • Resolución: Claridad o finura en el detalle que se puede distinguir en una imagen producida por un dispositivo de imagen, como un monitor, impresora o escáner, dependiendo el número de pixeles, y además,  es la exactitud o claridad en la reproducción de una imagen.
  • Número de pixeles: La cantidad de pixeles de la que está formada una imagen digital

Ahora vamos a ver cuales son los tamaños de imagen a tener en cuenta para nuestra página web, en función del uso que le vamos a dar.


  1. Elegir el formato
  2. Optimizar el peso de una imagen para la web: Ganar tiempo al momento de visualizar una pagina Web y reducirá el espacio que ocupa la imagen.
  3. Compresión: Permite hacerla mucha más ligera que su peso inicial eliminando datos innecesarios, pero conservando las mismas dimensiones. 
  4. Resolución y tamañoYa que nuestra imagen estará destinada a la Web una resolución de 72 pixeles por pulgada será más que suficiente. En cambio el tamaño depende del uso que le daremos.

Formatos de archivo para gráficos

miércoles, noviembre 21, 2012 - Publicado por Martha Andani en 4:23
¿Qué es un formato de archivo?

Dado que una unidad de disco, o de hecho cualquier memoria informática solo puede almacenar en bits, el ordenador debe tener alguna manera de convertir la pequeña información a ceros y unos y viceversa. Hay diferentes tipos de formatos, en esta entrada veremos los más utilizados para páginas web. 



  • El formato JPEG (Creado por Joint Photographic Experts Group, las siglas de este grupo son las que dan el nombre del formato JPEG o también denominado JPG)

Permite graduar el nivel de compresión de cada una de las imágenes de este modo podemos decidir entre una imagen de baja calidad, que implica un menor tamaño en el archivo o una imagen con alta calidad, que representa un mayor peso.

El sistema de compresión que usa JPEG se basa en reducir información promediándola en las zonas de degradado. Es decir que se calcula el valor de color de algunos píxeles en función del color de los píxeles que les rodean.
Por esas características este formato es muy eficiente a la hora de almacenar imágenes que posean muchos degradados y matices de color. Pero debemos tener en cuenta que es casi inútil cuando queremos guardar con este formato fotos con grandes extensiones de colores planos e uniformes o con bordes muy definidos.


  • El formato GIF (Graphic Interchange Format, Formato de intercambio de gráficos)

Una imagen GIF puede contener entre 2 y 256 colores (2, 4, 8, 16, 32, 64, 128 ó 256) entre
16,8 millones de su paleta. Por lo tanto, dado que la paleta tiene un número de colores limitado (no limitado en cuanto a colores diferentes), las imágenes que se obtenían con este formato por lo general eran muy pequeñas.


  • El formato PNG (Portable Network Graphics, Gráficos de red portátiles o formato Ping) 

Permite almacenar imágenes en blanco y negro (una profundidad de color de 16 bits por píxel) y en color real (una profundidad de color de 48 bits por píxel), así como también imágenes indexadas, utilizando una paleta de 256 colores.
El PNG almacena información gama de la imagen, que posibilita una corrección de gama.
La compresión que ofrece este formato es (compresión sin pérdida) de 5 a 25% mejor que la compresión GIF.



Lo habitual es utilizar GIF o PNG para pequeños gráficos, normalmente elementos del diseño o imágenes simples, y JPG para fotografías.


Las normas de composición en la web

Publicado por Martha Andani en 3:52
- Uso de versales: Las palabras versal y mayúscula son sinónimas.

Deben destacarse las letras por su mayor tamaño en una misma palabra cuando se refieren a:  


  • Nombres propios
  • Los apellidos
  • Signos de puntuación
  • Títulos de libros u otras publicaciones
  • Párrafos o listas ordenados por números, letras o viñetas
  • Nombres de calles, ciudades, países, continentes y otros 
  • Puntos cardinales y topónimos
  • Etapas históricas y políticas  
  •  Corrientes artísticas y literarias, etc

- Uso de versalitas:

Se emplea para forzar que un texto concreto se muestre en mayúsculas con tamaño de minúsculas, lo que se conoce como versalitas ("versal" es un sinónimo de mayúsculas).Nunca deben usarse versalitas falsas o seudoversalitas (derecha): están menos espaciadas, son más estrechas y su trazo es mucho más fino y con mayor contraste que el correcto (izquierda), lo que degrada la uniformidad visual del texto.


- Uso de cursivas:

La cursiva es la letra cuyos terminales adoptan a menudo una forma curva, al estilo de la escritura caligráfica
Compárese el trazo recto que cruza las astas en el extremo inferior de las letras redondas y los ángulos, con el trazo curvo y continuo de las letras cursivas.



Junto con las mayúsculas y las comillas, uno de los tres procedimientos básicos para indicar que una palabra o grupo de palabras tiene un sentido especial que no se corresponde con el del léxico común de la lengua.

- Uso de negritas

La letra negrita tiene los trazos más gruesos. Uso en títulos, epígrafes, voces en diccionarios y similares.
si lo que se pretende es que el lector encuentre fácilmente un punto del texto o justamente llamar mucho la atención, la negrita puede ser adecuada. En Internet, como énfasis tiene la ventaja sobre la cursiva de que es más legible en una pantalla.

- Uso de subrayado:

El subrayado aparece cuando hay un hipervínculo (página web anclada a una palabra o texto) también lo utilizamos para remarcar como en el caso de la negrita pero más sutil. Lo podremos poner en titulares o subtitulares para dar paso a lo que queremos poner.


La tipografía para páginas web

miércoles, noviembre 07, 2012 - Publicado por Martha Andani en 3:56

Para saber qué es la tipografía hablaremos primero de:

Tipo: Modelo o diseño de una letra determinada.

Fuente: Es la que se define como estilo o apariencia de un grupo completo de caracteres, números y signos, regidos por unas características comunes. (Helvetica light, Helvetica roman, etc.)
Familia: Conjunto de tipos basado en una misma fuente, con algunas variaciones, tales, como por ejemplo en el grosor y anchura pero, manteniendo características comunes. Los miembros que integran una familia se parecen entre sí pero tienen rasgos propios. (Helvetica, Rockwell, Times New Roman, etc.)
Estilo: Conjunto de las características formales. (Redonda, cursiva, negrita, etc.) Se puede aplicar a cualquier carácter de cualquier familia y fuente.




La tipografía es pues, el arte de disponer de todo lo anterior mencionado y componer tipos para comunicar un mensaje. También se ocupa del estudio y clasificación de las distintas fuentes tipográficas.



Anatomía del typo



- El Cuerpo tipográfico


El origen de esta denominación se encuentra en el sistema tipográfico.
La altura de la tipografía se divide en tres sectores: 


Alto, medio, bajo y la suma de los tres sectores más pequeños espacio blanco (llamado hombro) - necesario para que no se toquen los rasgos ascendentes de una línea con los descendentes de la otra - constituye el valor de cuerpo.


La elección del cuerpo tipográfico depende de varios factores;


  • Interlineado
  • El ancho de las columnas
  • La cantidad de texto.

En cuanto a esto último, si se trata de un bloque de texto, el tamaño tipográfico debe oscilar entre 8 y 11-12 puntos, en páginas web oscila entre 8 y 16 puntos incluso a veces más. De acuerdo con el tipo de letra seleccionado, los pie de página y el público al que se dirige la publicación y poniéndose por delante de la tipografía creativa como la de fantasía tendremos en web la de palo seco o lo que es lo mismo; Sans Serif, muy utilizada en estos sitios. Ayudan a guiar la mirada a través de toda la línea de texto facilitando así la legibilidad y funcionalidad. 






Tipometría: Sistema tipografico de medida.
La unidad es duodecimal, es decir entre la unidad superior y la inferior es de 12 puntos.
Medida Tipográfica: punto pica (0’35mm) y su múltiplo duodecimal, el cícero (4’23mm).
1´ pica = 12" puntos





Existen dos sistemas



1. Didot (europeo); Tipografia fisica. 

Sí dos puntos de pie de rey equivalen a un punto tipográfico, cuatro puntos de pie de rey equivalen a dos puntos tipográficos, etc. Por tanto, el punto tipográfico Didot equivale a 1/72 de la pulgada francesa.



El sistema Didot de medidas tipográficas tiene actualmente estas relaciones:



Punto Didot = 0.376 mm

Cícero Didot = 4.512 mm


2. Anglosajón; el sistema Postcrip funciona con este sistema. 9´ 6" ó 9p 6 (anotación caracteristica) 



La equivalencia del sistema angloamericano tiene estas relaciones.

1 punto = 0.352 mm
1 pica = 4.23 mm 


Partes y elementos de los caracteres



  • Elementos fijos, que no se pueden prescindir, cuando se plantea el diseño de una familia de tipos, pues forman y definen propiamente al carácter y sin ellos éste sería dificilmente identificable. (Asta, brazo, travesaño, perfil, cola, panza, hombro, ojal, cuello, etc.)
  • Elementos gráficos opcionales, aquellos que aportan riqueza formal. (Remate, gancho, lágrima, etc.)
Las líneas de referencia:



Sobre las que se asientan y entre las que se desarrollan y delimitan los caracteres y los elementos que las tipifican.






Alineación superior: Una o dos líneas que determinan la altura de las mayúsculas y la alineación superior de los caracteres con rasgos ascendentes.
Altura de las mayúsculas: Delimita la altura de las mayúsculas.
Línea media: Delimita la altura de las minúsculas, también conocido como ojo medio.
Línea base: Linea sobre la que se asienta el cuerpo principal de los caracteres minúsculos y que actúa como base de todos los mayúsculos.
Alineación inferior: Delimita los trazos descendentes.




Espacio entre palabras y letra

Interlineado: El espacio vertical entre las líneas de texto se denomina interlineado. El interlineado se mide desde la línea de base de una línea de texto hasta la línea de base de la línea anterior. La línea de base es la línea invisible sobre la que descansa la mayor parte de las letras (las que no presentan rasgos descendentes).


A.    Interlineado
B.    Altura del texto
C.   Un tamaño más grande de texto de una palabra aumenta el interlineado de esa línea.




  • Interlíneas combinadas. Cuando no hay o escasean las interlíneas de la medida a que se compone, se suplirá la falta combinando interlíneas menores que den el largo deseado. En este caso se evitará hacer en cada línea la misma combinación, y así se dará mayor consistencia al paquete.
Si por ejemplo, hubiera que componer a la medida 23 y se careciera de interlíneas de esta medida, podría hacerse alguna de las combinaciones siguientes: Una interlínea de 15 con otra de 8; una interlínea de 8 con otra de 15, y así sucesivamente toda la composición.
A la izquierda sangrías en párrafos y apartados y
a la derecha interlíneas combinadas

  • Composición desinterlineada. Cuando sea necesario que la composición ocupe menos lugar, se prescinde entonces de las interlíneas. 
Para esta clase de composición se suele utilizar el sacalíneas, que consiste en un filete con dos salientes en sus extremos superiores, que facilitan su manejo.

En la composición desinterlineada se comienza colocando una interlínea en el componedor, sobre ella se compone la línea, se coloca enseguida el sacalíneas y sobre él se compone la segunda línea; y sacando el sacalíneas, se vuelve a poner encima de la última línea compuesta, operación que se repite hasta llenar el componedor.


Al vaciar el componedor, para mayor facilidad, se pondrá una interlínea sobre el último renglón.
En los paquetes de composición desinterlineada es muy conveniente dejar de trecho en trecho una interlínea, que ya el compaginador se encargará luego de quitar. Con esto se evita el que puedan empastelarse fácilmente





Kern o Kerning; es el espacio existente entre dos caracteres individuales, para cuando dos de estos carácteres se encuentran demasiado juntos o separados. El kern es proporcional, ya que es del mismo tamaño en puntos que el cuerpo de los carácteres. Si un texto es de 10 puntos, el kern mide 10 puntos.






Track o Tracking; sirve para alterar la densidad visual del texto o el espacio global entre un grupo selecionado de caracteres. Esta alteración afecta a todos los caracteres, como regla general, cuanto más grande es el cuerpo más apretado debe ser el track. El track ajusta el espacio que existe entre los carácteres, abriendo los cuerpos más pequeños y cerrando los mas grandes.



  • La sangría:


Establece la distancia del párrafo respecto al margen izquierdo o derecho. Entre los márgenes, puede aumentar o disminuir la sangría de un párrafo o un grupo de párrafos. Además puede crear una sangría negativa (también denominada anulación de sangría), que empuja el párrafo hacia el margen izquierdo. Asimismo puede crear una sangría francesa, que no aplica la sangría a la primera línea del párrafo, pero sí a las líneas siguientes.



Reglas para las líneas cortas.
1ª. El texto de la línea corta ha de ocupar más espacio que la sangría.
 
2ª. El blanco que queda al final de la línea corta ha de ser, por lo menos, igual a la sangría de entrada; de ser menor, es preferible recorrer alguna sílaba a fin de hacer líneas completas.



  • El párrafo:
Es una unidad de puntuación. Un conjunto de oraciones o un periodo oracional que comienza con letra mayúscula y termina en un punto y aparte.




Tipos de párrafos:


Moderno; todas las lineas van justificadas y la ultima puede ser corta. Ésta es la disposición de la gran mayoría de los textos en páginas web.

Ordinario (diarios, novelas); la primera linea tiene una sangria y todas la lineas estan justificadas y la ultima puede ser corta. 


Francés (diccionarios, cartelera de cine); todas las lineas llevan sangrias excepto la primera, las lineas son justificadas y la ultima puede ser corta. 

Banderasson las lineas que estan justificadas y no tiene sangrias. (pies de fotos)

  • Bandera izquierda:
  • Bandera derecha:

Epigráfico (poemas, diarios-resumen de lo que dice el contenido); son lineas que van centradas. 
En bloc; todas las lineas justificadas incluyendo la primera y la ultima.
En las composiciones especiales o complejas se emplean otras disposiciones: 
Epigráfica o de líneas centradas, en bloque o de líneas exactamente iguales, quebrada o de líneas uniformes por el lado izquierdo dejando el derecho desigual o viceversa, en triángulo español o de líneas llenas dejando la última centrada, en base de lámpara o de líneas decrecientes…


Hemos aprendido pues, que es tan importante la posición del texto y la coherencia como la legibilidad en la web para así que el mensaje llegue a nuestro público cibernético sin ninguna barrera comprensiva. Añado un pdf bastante interesante sobre uno de los temas tocados en esta entrada. 


Las publicaciones electrónicas

viernes, octubre 26, 2012 - Publicado por Martha Andani en 3:25

Las publicaciones electrónicas significan una revolución respecto de las publicaciones impresas de la misma manera que éstas significaron una revolución respecto de los manuscritos.


Para las publicaciones impresas el resurgimiento de la imprenta en el siglo XV fue su base tecnológica y para las publicaciones electrónicas, el desarrollo de la computación, de los nuevos programas para el tratamiento de la información y el desarrollo de las telecomunicaciones. Las publicaciones electrónicas, como fenómeno de continuidad y cambio, toman de las publicaciones impresas elementos muy efectivos de organización de la información, presentación y estructura.


  • Es la forma digitalizada de la publicación impresa.
  • Es aquella que en su proceso de producción y edición incluye el uso de computadoras.
  • Todos los documentos se encuentran en formato electrónico 
  • Es toda publicación soportada en medios magnéticos 
  • Es la que se disemina a través de redes 
  • Es toda publicación que se caracteriza por su capacidad multimedia, por ser interactiva y por almacenarse y distribuirse en forma electrónica.




Qué es un GADGET y qué función tiene

miércoles, octubre 24, 2012 - Publicado por Martha Andani en 9:58

Gadget-miniaplicaciones- son objetos en miniatura realizados para ofrecer contenido fresco y dinámico que puede ser colocado en cualquier página web.

Pueden ser útiles cuando estás en el trabajo (lista de tareas, conversor de moneda, calendario), en la escuela (calculadora, Wikipedia, herramienta de traducción), o simplemente pasar el tiempo (noticias, blogs, juegos).
El término gadget (o widget), también se ha dado a una nueva categoría de mini aplicaciones, diseñadas para proveer información o mejorar una aplicación o servicios de un ordenador, o bien cualquier tipo de interacción a través de Internet a tiempo real.

Cómo crear entradas a partir de un correo electrónico

Publicado por Martha Andani en 2:50
Hoy aprenderemos cómo crear entradas a partir de un correo electrónico. También se conoce como Mail2Blogger.
Una vez entrado en nuestra cuenta de blogger nos situamos en nuestra página principal, iremos a configuración >móviles y correo electrónico. Nos pedirá unas palabras secretas "secretWords" que será como nuestra contraseña y utilizaremos esa dirección para enviar desde nuestro correo la entrada a nuestro blog.
Podremos elegir seguidamente una de estas opciones que se nos presentan:

  • Publicar correo electrónico inmediatamente.
  • Guardar correo electrónico como entradas de borrador. (Ésta opción no publica la entrada, sólo la guarda para cuando quieras editarla y/o publicarla.)
  • Inhabilitado. (Impide que se realice la acción que estamos desarrollando)
Para acabar elegiremos la opción de publicar correo electrónico inmediatamente, guardaremos configuración y ya podremos utilizar nuestro correo electrónico personal para crear y publicar entradas.


Seguidores

travel music


MusicPlaylistView Profile
Create a playlist at MixPod.com