martes, 21 de mayo de 2013

HTML


HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia allenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo,JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML
HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

PROGRAMAS DE DISEÑO WEB


El diseño web se convierte en una excelente salida laboral para cualquiera ; es por ello que decidimos compilar un listado de 5 programas de diseño web para que comiences el camino que te llevará a tu futura profesión.

1.-Editor HTML: Adobe Dreamweaver


Este programa te ayudará a crear el esqueleto de tu sitio, la arquitectura que sostendrá a todo lo demás. Además, sus 
diferentes modos de edición te permitirán aprender tus primeras etiquetas HTML, te acostumbrarás a ver líneas de código y comprenderás los fundamentos básicos de la construcción de la web.


2.-Plantillas web: Artisteer

Por supuesto, una vez que tengas el esqueleto y el mapa de navegación, será la hora de vestirlo. Alternativas hay muchas y generalmente los diseñadores web eligen crear todos los elementos gráficos y multimedia de forma manual y completamente desde cero. Sin embargo, también existe el camino fácil: las plantillas.
Básicamente, las plantillas cuentan con módulos y diseños predeterminados que puedes utilizar rápidamente en tu sitio sin tener que preocuparte por trabajar en todo el aspecto gráfico. En tal sentido, uno de los mejores programas para la creación de tales elementos es Artisteer.

Ello se debe a que cuenta con numerosos elementos prediseñados que podrás seleccionar y combinar a tu gusto para crear la apariencia de tu sitio. Al finalizar, solo tendrás que exportar lo que hayas hecho y utilizarlo en tu sitio.



3.-Editor de imágenes web: Adobe Fireworks

No hay dudas que Internet se ha convertido en un medio netamente visual, por lo que el tratamiento de imágenes es crucial para el diseñador web. Es por ello que necesitarás una herramienta acorde para trabajar sobre todas tus fotografías y prepararlas para la Web. Y contrario a lo que muchas personas creen, la opción ideal no es Adobe Photoshop.
De todos modos, sí es una aplicación de Adobe: Fireworks. Para todos aquellos que aun se preguntan por qué forma parte de la Creative Suite, la razón es que este programa permite editar imágenes de una forma muy detallista y exportarlas directamente listas para la web.
Esto último es crucial, porque es lo que diferencia a Fireworks de Photoshop: este último edita imágenes para cualquier medio, mientras que el primero se centra en materiales para Internet, lo que hace posible que puedas hacer botonesbanners y otros elementos necesarios.


4.- Diseño de logos: Logo Cre8or

Uno de los elementos esenciales a la hora de diseñar un sitio es el logotipo que habrá de identificarlo. Este objeto es uno de los desafíos más importantes para el diseñador web, ya que con él tiene que transmitir todo lo que representa a la compañía (o el producto, o el artista, o lo que sea). Idealmente, lo mejor sería que lo crees desde cero, pero como recién comiences con tu camino en el diseño, Logo Cre8or podrá ayudarte.
Este es un programa que, al igual que Artisteer, te permitirá combinar elementos gráficos prediseñadospara que obtengas tu propi logotipo. Así, encontrarás vectores y tipografías de todos los estilos que responderán a tus necesidades y preferencias.



5.-Cliente FTP: Filezilla

Finalmente, y en caso que no lo sepas, tu sitio deberá estar subido a un servidor FTP para que los usuarios de Internet puedan encontrarlo. De esta manera, deberás cargar en tal ubicación todos los contenidos que hayas realizado con las herramientas anteriores. Para ello existe lo que se conoce como clientes FTP.
Entre los disponibles en el mercado, Filezilla es uno de los mejores. Ello se debe a que es rápido, confiable y muy fácil de utilizar. Con solo definir un par de parámetros, podrás arrastrar y soltar los contenidos de tu sitio en el servidor para hacer que esté disponible en la Web. Además, este programa cuenta con múltiples beneficios, uno de los cuales es el hecho que esté traducido al español.





APLICACIÓN WEB

Son aquellas herramientas que los usuarios pueden utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador.
Existen aplicaciones como:
_webmails
_wikis
_weblogs_tiendas en línea _Wikipedia 



Son ejemplos bien conocidos de aplicaciones web.

DISEÑO WEB


El diseño web es una avtividad que consiste en la planificacion , diseño e implemetación de sitios web.

REQUIERE TENER EN CUENTA:
_Navegabilidad
_Interactividad
_Usabilidad
_Arquitectura de la información y la interacción de medios como el audio.
_Textos
_Imagenes
_Enlaces
_Videos

HTML 5

Se introducen nuevos elementos que mejoran la navegación y la usabilidad de los sitios web en los distintos navegadores, como por ejemplo el uso de
<canvas>, <video> o <footer>.

En todo sitio web hay elementos que se utilizan
_El encabezado (header)
_Barras laterales (sidebars)
_El pie de página (footer)
_Los menús de navegación
_Se utilizarán en esta nueva versión como etiquetas ya establecidas
_Brindando una mejora en la intuición para el desarrollo