martes, 3 de marzo de 2015

Introducción a HTML

HTML
HTML significa "Lenguaje de marcas de hipertexto" es el lenguaje utilizado para representar documentos en la Web. Incluyen elementos multimedia:
  • ·         Gráficos.
  • ·         Vídeo.
  • ·         Audio.
  • ·         Enlaces (documentos o sitios de internet).
  • ·         Se pueden crear y visualizar páginas desde cualquier sistema operativo por ser portable.


Ventajas
  • ·         Fácil de usar
  • ·         Permite la comunicación rápida y directa con una o varias personas que se encuentren en cualquier parte del mundo.
  • ·         Desarrollo de diferentes proyectos y propuestas para darlos a conocer a través de la red.
  • ·         Se puede contactar con diferentes personas para realizar negocios, trabajos, proyectos, etc.


Desventajas
  • ·         Es muy básico
  • ·         No ofrece diversidad de opciones
  • ·         No es muy completo


¿Qué necesito para crear una página Web?
  • ·         Contenido de la página.
  • ·         Navegador.
  • ·         Editor HTML.
  • ·         Imágenes u otros archivos.
  • ·         Un programa para subir la página al servidor como: WS_FTP.
  • ·         Mantenimiento de la página.


¿Cómo empiezo a escribir HTML?
  • ·         Se necesita de un editor de texto o Bloc de notas  y un navegador para visualizarlo.
  • ·         Se realiza el código.
  • ·         Se va guardar con extensión .htm o .html.
  • ·         Cuando hagas doble clic sobre él se abrirá el navegador y se mostrará la página.



Etiquetas
Las etiquetas son marcas insertadas en un documento HTML para proporcionar información sobre una unidad o contenido.
  • ·         Las etiquetas están encerradas entre los signos "<" y ">".
  • ·         Generalmente vienen en pares <p> y <⁄p>.
  • ·         La primera es de apertura y la segunda de cierre.
  • ·         El texto que se encuentra entre dos etiquetas es el contenido del elemento.
  • ·         Las etiquetas no son sensibles a las mayúsculas y minúsculas, o sea <b> es lo mismo que <B>.



Atributos
Muchas etiquetas llevan atributos. Los mismos proveen de mayor información a los elementos HTML.
  • ·         Los atributos siempre van con la estructura: nombre="valor".
  • ·         Los atributos siempre van en la etiqueta de apertura.
  • ·         Los valores siempre hay que ponerlos entre comillas.

Complementos
Se le pueden agregar cosas como:
  • ·         Formatos del texto
  • ·         Listas
  • ·         Enlaces
  • ·         Imágenes
  • ·         Multimedia
  • ·         Tablas
  • ·         Mapas sensibles
  • ·         Formularios
  • ·         Frames



Problemas Generales de una Pagina Web

1.- El usuario debe saber qué se trata en el instante: Si un visitante no puede entender lo que es su sitio en un par de segundos, es probable que se vaya a otra parte. Su sitio debe comunicar por qué tengo que invertir mi tiempo allí, y rápido.
2.- Hacer el contenido escaneable: Internet no es un libro, así que olvídate de grandes bloques de texto. Probablemente van a visitar su sitio mientras trabajan en otras cosas para asegurarse de que puede escanear a través de todo el contenido. Viñetas, encabezados, subheaders, listas. Todo lo que ayudará al lector a filtrar lo que está buscando.
3.- No requiere de un registro a menos que sea necesario : Vamos a poner esto en claro, cuando navego por Internet que quiere obtener la información, no al revés. No me obligues a registrarse y dejar a mi dirección de correo electrónico y otros detalles, a menos que sea absolutamente necesario (es decir, a menos que lo que usted ofrece es tan bueno que voy a tener con el registro).
4.- No uso excesivo de Flash : además de aumentar el tiempo de carga de su sitio web, el uso excesivo del flash también puede molestar a los visitantes. Utilícelo sólo si usted debe ofrecer características que no son compatibles con las páginas estáticas.
5.- No reproducir música: en los primeros años de los desarrolladores web de Internet siempre se trató de integrar con éxito a la música en sitios web. ¿Sabes una cosa?, han fallado miserablemente. No utilice la música, y punto.
6.- Asegúrese de incluir datos de contacto: no hay nada peor que un sitio web que no tiene información de contacto. Esto no es malo sólo para los visitantes, sino también para ti. Es posible que pierda información importante en el camino.
7.- Evite las estructuras complejas URL : uno simple, basada en palabras clave estructura de la URL, no sólo mejorará su posicionamiento en los buscadores, sino que también hará más fácil para el lector para identificar el contenido de sus páginas antes de visitarlas.
8.- Evitar el "desplegable" menús: el usuario debe ser capaz de ver todas las opciones de navegación de recta. El uso de "desplegable" menús pueden confundir las cosas y ocultar la información que el lector estaba realmente buscando.
9.- No mezclar la publicidad dentro del contenido: la publicidad de mezcla, como unidades de Adsense dentro de su contenido podría aumentar su porcentaje de clicks en el corto plazo. En el largo plazo, sin embargo, esto reducirá su base de lectores. Un visitante molesto es un visitante perdido.
10.- Utilice una estructura de navegación sencilla: a veces menos es más. Esta regla se aplica generalmente a las personas y las opciones. Asegúrese de que su sitio web tiene una estructura única, una navegación clara. La última cosa que quiere es confundir al lector con respecto a dónde debe ir para encontrar la información que está buscando.
11.-Evite "intros": no obligar al usuario a ver o leer algo antes de que pueda acceder al contenido real. Esto es evidente molesto, y se quedará sólo si lo que tiene que ofrecer es realmente único.
12.- . No subrayado o color de texto normal: no subrayar el texto normal, a menos que sea absolutamente necesario. Igual que los usuarios tienen que reconocer los vínculos con facilidad, no deben recibir la idea de que algo se puede hacer clic cuando en realidad no lo es.
13.- No utilice archivos GIF animados: a menos que tenga banners publicitarios que requieren de animación, evitar GIFs animados. Ellos hacen un sitio de aspecto profesional y en detrimento de la atención del contenido.
14.- No utilice colores fuertes: si el usuario es un dolor de cabeza después de visitar su sitio durante 10 minutos consecutivos, probablemente debería conseguir un esquema de color mejor. Diseño de la paleta de colores en torno a sus objetivos (es decir, entregar un estado de ánimo, que la atención al usuario sobre el contenido, etc.)
15.-  No utilice ventanas emergentes: este punto se refiere a las ventanas emergentes de cualquier tipo. Incluso el usuario solicita las ventanas emergentes son una mala idea, dada la cantidad cada vez mayor de los bloqueadores de pop que hay.
16.- Incluya vínculos funcionales en el pie de página: la gente está acostumbrada a desplazarse hacia abajo al pie de página de un sitio web si no encuentran una información específica. Por lo menos que desea incluir un enlace a la página principal y, posiblemente, un enlace a la sección "Contáctenos" de la página.
17.- No al desplazamiento horizontal: mientras que algunos de desplazamiento vertical es tolerable, lo mismo no se puede decir de desplazamiento horizontal. La resolución de pantalla más usado hoy en día es 1024 x 768 píxeles, así que asegúrese de que su sitio web se ajusta dentro de la misma.
18.-  No haya errores ortográficos o gramaticales: esto no es un error de diseño web, pero es uno de los factores más importantes que afectan a la calidad global de un sitio web. Asegúrese de que sus enlaces y textos no contengan errores ortográficos o gramaticales.
19.- soporte para los diferentes dispositivos móviles: ok, ok, tu pagina puede ser la mejor del mundo pero, si solo funciona para un ordenador de PC no será muy útil en todos los casos ya que el mundo se esta revolucionando y por ende mayor numero de personas utilizan dispositivos móviles para entrar a internet, así que si tu pagina no tiene soporte para móviles, no será de gran ayuda.
Problemas de Accesibilidad en un sitio web
Muchas páginas web son difíciles o incluso imposibles de usar por personas con deficiencias visuales, ceguera o deficiencias motrices graves (tetraplejia y miembros amputados por ejemplo). Por otro lado los sitios web complejos son difíciles de interpretar para personas mayores o personas con deficiencias cognitivas leves.
Los problemas más habituales de accesibilidad a los sitios Web son:
Imágenes sin texto alternativo;
Ausencia de texto alternativo para los puntos sensibles de los mapas de imagen;
Elementos multimedia sin alternativas de texto;
Ausencia de información alternativa para los usuarios que no pueden acceder a los marcos (frames) o a los programas integrados como JavaScript o Flash;
Sitios con un contraste bajo entre el color de texto y fondo, o fondos complejos que dificultan la lectura
Tablas difíciles de interpretar cuando se linearizan;
Sitios demasiado complejos para encontrar la información relevante