Tipografias.

Tipografias para Web

Con las nuevas tecnologías web, los nuevos navegadores pueden presentar cualquier fuente que queramos utilizar, como si se enviara la fuente junto al web. La ventaja, respecto la utilización de imágenes es que el texto es encontrado mejor por los buscadores, además se puede utilizar para presentar textos desde bases de datos.

Los grupos de fuentes más utilizados son los siguientes:

Verdana, Geneva, sans-serif

Georgia, Times New Roman, Times, serif

Courier New, Courier, monospace

Arial, Helvetica, sans-serif

Tahoma, Geneva, sans-serif

Trebuchet MS, Arial, Helvetica, sans-serif

Arial Black, Gadget, sans-serif

Times New Roman, Times, serif

Palatino Linotype, Book Antiqua, Palatino, serif

Lucida Sans Unicode, Lucida Grande, sans-serif

MS Serif, New York, serif 
Lucida Console, Monaco, monospace
Comic Sans MS, cursive

Con independencia de la tipografía utilizada, deberemos definir su tamaño. Normalmente, las tipografías se trabajan en píxeles, que son equivalentes a puntos cuando la resolución de la pantalla es de 72 ppp (píxeles por pulgada). A modo de orientación, trabajar con 11 o 12 píxeles facilita la lectura de la mayoría de las tipografías, y casi nunca se trabaja con tipografías menores a 8 o 9 píxeles.

    Ejemplo de buena tipografía para Web

Que tipografías no usar...

Las tipografías son un elemento que influye en la estética de tu página, pero su labor principal no es decorar.

Puede parecer una obviedad, pero los textos de tu web están ahí para que sean leídos y comprendidos. Tu objetivo es facilitar la lectura a tu visitante, así que asegúrate de que eliges una tipografía clara, que destaque del fondo y que se vea bien a diferentes tamaños.No antepongas la estética a la usabilidad. Y esto es aplicable a todos los elementos de tu sitio web.

Ejemplo de mal uso de tipografía en Web

Linea de Tiempo

Linea de tiempo presentando las etapas de la tecnología

Nuevo Iphone (Smartphone)

Medios Móviles

Medios Móviles

Aparato para poder comunicarse en cualquier parte y a cualquier hora del día.

Empiezan en la segunda guerra mundial con el "Handie Talkie"

http://www.cnnexpansion.com/tecnologia/2011/08/17/el-handietalkie para mas inforamción consultar

2G Se empieza con mensajes de texto

3G Celulares con color, audio, video y algunos con fotografías

4G smartphone acceso a internet y aplicaciones personalizadas

Video

Audio

Redes Sociales

Smartphones

Smartphones

Tipo de teléfono móvil construido sobre una plataforma informática móvil, con una mayor capacidad de almacenar datos y realizar actividades, semejante a la de una minicomputadora, y con una mayor conectividad que un teléfono móvil convencional. 

Generalmente, los teléfonos con pantallas táctiles son los llamados “teléfonos inteligentes”, pero el soporte completo al correo electrónico parece ser una característica indispensable encontrada en todos los modelos existentes y anunciados desde 2007. Casi todos los teléfonos inteligentes también permiten al usuario instalar programas adicionales, habitualmente incluso desde terceros, hecho que dota a estos teléfonos de muchísimas aplicaciones en diferentes terrenos; sin embargo, algunos teléfonos son calificados como inteligentes aún cuando no tienen esa característica.

Los sistemas operativos móviles más frecuentes utilizados por los teléfonos inteligentes son Andrroid (de Google), iOS (de Apple), Windows Phone (de Microsoft) y BlackBerry OS (de BlackBerry).

Video Explicacion FireFox en celular.

Correo Electrónico

You have an E-MAIL!!!!!! 

El correo electrónico antecede a Internet, y de hecho, para que ésta pudiera ser creada, fue una herramienta crucial. 

se exhibió un sistema que permitía a varios usuarios ingresar a una IBM 7094 desde terminales remotas, y así guardar archivos en el disco. Esto hizo posible nuevas formas de compartir información. El correo electrónico comenzó a utilizarse en 1965 en una supercomputadora de tiempo compartido y para 1966 se había extendido rápidamente para utilizarse en las redes de computadoras.

En 1971, Ray Tomlinson incorporó el uso de la arroba (@) como divisor entre el usuario y la computadora en la que se aloja el correo, porque no existía la arroba en ningún nombre ni apellido.

¿Qué es un correo electrónico?

Es un servicio de red que permite a los usuarios enviar y recibir mensajes (también denominados mensajes electrónicos o cartas digitales) mediante Sistemas de comunicación electronica.

ejemplo correo electrónico

Crucigrama

Diseño Editorial

Sitio Web

Sitios Web

Lugar que sirve para algo o un espacio ocupado, es un espacio virtual en Internet. Se trata de un conjunto de páginas web que son accesibles desde un mismo dominio o subdominio de la World Wide Web (WWW).

La URL raíz del sitio web se conoce como portada o homepage. Lo más habitual es que esta portada facilite el acceso a todas las páginas del sitio mediante hipervínculos. La mayor parte de los sitios web ofrecen sus contenidos de manera gratuita. Otros, en cambio, cobran una suscripción y exigen una contraseña para su acceso.

De acuerdo con su nacimiento en el CERN, los primeros en adoptar la World Wide Web fueron principalmente departamentos científicos de universidades o laboratorios de física como Fermilab y SLAC.

Los primeros sitios web mezclaban vínculos para el protocolo web HTTP y el entonces popular protocolo Gopher, el cual proveía acceso al contenido a través de menús de hipertexto presentados como un sistema de archivos en vez de como archivos HTML. 

ESTRUCTURA 

Tipos de Estructura

Jerárquica

La estructura jerárquica, es la típica estructura de árbol, en el que la raíz es la hoja de bienvenida, esta hoja se puede también sustituir por la hoja de contenido, en la que se exponen las diferentes secciones que contendrá nuestro sitio. La selección de una sección nos conduce asimismo a una lista de subtemas que pueden o no dividirse.

Aquí un ejemplo de estructura jerárquica: http://www.corgol.com/requisitosparalaweb/estructura.html

Lineal

La estructura lineal es la más simple de todas, la manera de recorrerla es la misma que si estuviésemos leyendo un libro, de manera que estando en una página, podemos ir a la siguiente página o a la anterior.

Aquí un ejemplo de estructura lineal: http://www.terra.es/personal6/morenocerro2/diseno/estructura/creacion_3.html

Lineal con jerarquía

Este tipo de estructura es una mezcla de la dos anteriores, los temas y subtemas están organizados de una forma jerárquica, pero uno puede leer todo el contenido de una forma lineal si se desea.

Lo que define el diseño de una página web es la forma de organizar los elementos que la componen. 

Podemos recurrir a estructuras como Bootstrap o 960grid para tener un apoyo importante. Hoy en día hay muchos frameworks con los cuales podemos basarnos a la hora de diseñar un nuevo proyecto.

Contenedor

Esto es lo que definimos en la regla Body o en algun div de nuestra estructura. Dentro de este contenedor estarán todos los elementos del sitio; módulos, contenidos, imágenes, etc.

Banner

Anuncio normalmente rectangular colocado arriba, abajo o en los lados del contenido principal de un sitio web y que enlaza con el sitio web del anunciante.

Al principio los banners eran anuncios con imágenes de texto y gráficos. Hoy, con tecnologías tales como flash, se consiguen banners mucho más complejos y pueden ser anuncios con texto, gráficos animados y sonido.

Barra de Menú

La barra de menú es un área de la interfaz de usuario que indica y presenta las opciones o herramientas de una aplicación informática, dispuestas en menús desplegables.

Contenido

Lo más importante y fundamental de una buena página. Lo que mantiene al visitante cautivo e interesado.

Footer

Localizado al final del sitio, abajo, generalmente dejamos ahí información de Copyright y legales o menús secundarios. Aunque en los últimos años, se usa mucho para incluir información de redes sociales, direcciones, noticias.