Introducción – Diseño Web

El Diseño de Sitios Web
Introducción Nuestro Servicio Precios

Que es el diseño Web?

El diseño web es una actividad que consiste en la planificación, diseño e implementación de sitios web. No es simplemente una aplicación del diseño convencional, ya que requiere tener en cuenta la navegabilidad, interactividad, usabilidad, arquitectura de la información y la interacción de medios como el audio, texto, imagen, enlaces y vídeo. Se lo considera dentro del diseño multimedia.

La unión de un buen diseño con una jerarquía bien elaborada de contenidos, aumenta la eficiencia de la web como canal de comunicación e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, característica destacable del medio.

El diseño web ha visto amplia aplicación en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresión plástica en sí. Artistas y creadores hacen de las páginas en Internet un medio más para ofrecer sus producciones y utilizarlas como un canal más de difusión de su obra.

Etapas

Para el diseño de páginas web debemos tener en cuenta tres etapas:

La primera, es el diseño visual de la información que se desea editar. En esta etapa se trabaja distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o prediseño sobre el papel. Esto facilitará tener un orden claro sobre el diseño.

La segunda, es la estructura y relación jerárquica de las páginas del sitio web, una vez que se tiene este boceto se pasa a ‘escribir’ la página web. Para esto, y fundamentalmente para manejar los vínculos entre documentos, se creó el lenguaje de marcación de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras páginas con información relacionada. La importancia de la estructura y arborescencia web radica en que los visitantes no siempre entran por la página principal o incial y en ese caso el sitio debe darle la respuesta a lo que busca rápido, además permitirle navegar por el sitio.

La tercera, etapa consiste en el posicionamiento en buscadores o SEO. Ésta consiste en optimizar la estructura del contenido para mejorar la posición en que aparece la página en determinada búsqueda. Etapa no gustosa por los diseñadores gráficos, porque a diferencia del texto, aún para el año 2012 no se pueden tener nuevos resultados en los buscadores con sitios muy gráficos.

El HTML consta de una serie de elementos que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores. Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningún tipo de formato y con extensión .html o .htm). Aprender HTML es relativamente fácil, así que es sencillo crear páginas web de este modo. Esta era la única manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Adobe Dreamweaver. Con estas herramientas no es necesario aprender HTML (aunque sí aconsejable), con lo cual el desarrollador se concentra en lo más importante, el diseño del documento.

Todo esto teniendo en cuenta el nivel de programación en el diseño de las aplicaciones y del impacto visual que se quiere generar en el usuario.

Fundamentos

Un correcto diseño web implica conocer cómo se deben utilizar cada uno de los elementos permitidos en el HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estándares establecidos por la W3C y en lo referente a la web semántica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza código propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.

También existen páginas dinámicas, las cuales permiten interacción entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistemas de encuestas, etc. y poseen de un Panel de Control de administración de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.

Accesibilidad

El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas. Para conseguir estos objetivos de accesibilidad se han desarrollado pautas como las del W3C: Pautas de accesibilidad al contenido Web 1.0 WCAG.

Últimas Publicaciones
  • Thumbnail for 1808310 libros infantiles tan bellos que todo adulto debe leer Posted on: Mar 26th, 2015

    Te presentamos 10 libros infantiles que tienen tanta calidad literaria, gráfica y profunda belleza que vale la pena que los agregues en tu lista por leer. Hay muchos libros que a veces pasamos de largo porque son infantiles, ya sea porque en los filtros de búsqueda no nos asomamos a esa…

  • Thumbnail for 18070El nanomaterial capaz de regenerar los huesos Posted on: Mar 26th, 2015

    La recuperación de fracturas óseas evoluciona gracias a un nanomaterial obra de ingenieros biomédicos estadounidenses. Una vez más, la tecnología se pone al servicio de la medicina. La comunidad médica está de enhorabuena. La investigación de nuevas técnicas que mejoren la regeneración…

  • Transmite en vivo lo que haces con “Periscope”, lo nuevo de Twitter Posted on: Mar 26th, 2015

    Los "15 minutos de fama" del app Meerkat, que permite transmitir vídeo en vivo y compartirlo con tus seguidores en Twitter parecen haber llegado a su fin tras el lanzamiento por parte de esta última de una aplicación que hace prácticamente lo mismo. Leer más Fuente::…

  • Thumbnail for 180579 geniales formas de ver las notificaciones de Android desde el ordenador Posted on: Mar 26th, 2015

    ¡Sincroniza tu vida! Recibe las notificaciones de Android en el ordenador con el que trabajas gracias a estas increíbles aplicaciones. Los smartphones, sin duda han venido a cambiarnos la vida. Gracias a ellos, es posible que una mayor cantidad de personas se mantengan comunicadas con el resto…

  • Thumbnail for 18042Pruebas del sistema SAFER de la NASA a 240 kilómetros sobre la Tierra Posted on: Mar 26th, 2015

    El que vemos en la imagen es el astronauta de la NASA Mark C. Lee, el cual se encontraba realizando pruebas con el sistema denominado como SAFER. Esta herramienta se compone de una mochila a propulsión capaz de empujar al astronauta para que éste pueda moverse en el vacío. La falta de gravedad…

  • Messenger de Facebook pronto contará con sus propios apps Posted on: Mar 26th, 2015

    Facebook auncia Messenger Platform, una especie de "app store" que ofrecerá aplicaciones para uso dentro de Facebook Messenger y así expandir sus funciones, así como también una nueva funcionalidad para que empresas se comuniquen contigo por Messenger tal y como actualmente lo hacen por email.…

  • Thumbnail for 180398bitdash: un fabuloso y divertido reemplazo para tu página de inicio Posted on: Mar 26th, 2015

    Si te gusta el pixel art y buscas un reemplazo interesante para lo primero que ves al iniciar el navegador todos los días, 8bitdash te va a encantar. La página de inicio del navegador es lo primero que vemos cada vez que abrimos la que sin duda es la aplicación que más usamos actualmente en…

  • ¿Quieres un Galaxy S6 de Samsung o un One M9 de HTC antes que nadie? Pre-ordénalos a partir de marzo 27 Posted on: Mar 26th, 2015

    Samsung y HTC anuncian oficialmente la disponibilidad de sus nuevos equipos, el Galaxy S6 y HTC One M9, para Estados Unidos. Leer más Fuente::…

  • Facebook te deja revivir el pasado con su nueva función “On This Day” Posted on: Mar 26th, 2015

    Dónde estabas, qué hacías, con quién compartías y más de tu pasado será posible revivirlo fácilmente gracias a "On This Day", una nueva función dentro de Facebook. Leer más Fuente::…

  • Thumbnail for 18024Comprendiendo la tecnología detrás de tu SSD: memorias NAND Posted on: Mar 26th, 2015

    Breve análisis técnico necesario antes de valorar la tecnología actual y la que está por venir en el almacenamiento del futuro. Para los novatos o principiantes, puede parece que todos los chips de memoria dentro de los SSD pueden ser iguales. Pero esa afirmación no podría estar más lejos de…

  • Thumbnail for 18007Una extensión de Chrome para reducir el uso de datos al navegar Posted on: Mar 26th, 2015

    "Economizador de datos" es el nombre de una nueva extensión para Google Chrome que nos ayuda a comprimir los sitios web que visitamos para ahorrar datos al navegar. Google ha lanzado una herramienta para Chrome ideada para ahorrar datos al navegar por Internet. Se trata de una extensión llamada…

  • Thumbnail for 17994Reglas básicas para mejorar todas tus próximas fotos Posted on: Mar 26th, 2015

    En la realización de una fotografía entran en juego factores como las reglas de composición, las cuales definen la forma en la que configuramos el espacio en nuestra toma. En Hipertextual ya hemos hablado de la importancia que tienen aspectos como la sensibilidad, la apertura o la velocidad de…

  • Thumbnail for 17981Doble de juegos en el Games With Gold de abril 2015 Posted on: Mar 26th, 2015

    Una de las mejores cosas cuando se acerca el final del mes es conocer los títulos que nos van a regalar con las suscripciones de nuestras consolas favoritas. Este mes Microsoft viene muy cargado con Child of Light, Black Flag y mucho más. Como ya venía anunciado desde el mes pasado, este mes en…

  • Thumbnail for 17957Philips Fidelio X2 Posted on: Mar 26th, 2015

    Ha llegado un nuevo auricular de referencia a la ciudad. Su nombre: Philips Fidelio X2.Nuestra vida es cada vez más ajetreada y móvil, nos vemos obligados a escuchar música en nuestro smartphone con unos cascos de dudosa calidad (en la mayoría de casos) camino del trabajo. Pero todavía quedan…

  • Thumbnail for 17952Lo que sabemos y lo que no sobre el vuelo GWI9525 de Germanwings Posted on: Mar 26th, 2015

    Con el cambio en la investigación, hacemos un balance de todo aquello que sabemos acerca del siniestro del vuelo GWI9525 de Germanwings. Las investigaciones en torno al incidente del vuelo GWI9525 de Germanwings ha dado un giro muy importante, pues la Fiscalía Fiscalía de Düsseldorf, con…

  • Thumbnail for 17954¿Cómo funciona un reloj atómico? Posted on: Mar 26th, 2015

    Es unas de las máquinas más perfectas jamás construidas por el ser humano y a la vez una de las más desconocidas. Hoy analizo algunas de las singularidades del reloj atómico. La inmensa mayoría de los relojes que usamos tienen una precisión más que aceptable para nosotros, pero a menudo…

  • Thumbnail for 17928No es la tecnología, somos nosotros Posted on: Mar 26th, 2015

    La Fiscalía que investiga el accidente del avión que volaba de Barcelona a Düsseldorf concluye que el copiloto 'tuvo voluntad de destruir el avión'. El miedo a volar podría tener ahora una losa más: no se trata de confiar en la tecnología, sino en nosotros mismos. Mucho más allá de la…

  • Britto, Swarovski y otros engalanan la línea de accesorios para el Galaxy S6 de Samsung Posted on: Mar 26th, 2015

    Desde Britto y Swarovski hasta Burton y Rebecca Minkoff, Samsung se ha asegurado de que para la fecha en que el Galaxy S6 y S6 Edge estén disponibles, compradores tengan amplia variedad de opciones en accesorios producidos por estos diseñadores para estos móviles. Leer más Fuente::…

  • Thumbnail for 17901La Unión Europea quiere eliminar las barreras también en el consumo digital Posted on: Mar 26th, 2015

    La Unión Europea nació para eliminar las barreras del mercado entre los estados miembros, pero hay muchos factores que las mantienen en el comercio online. La Comisaria europea de Competencia, Margrethe Vestager, ha afirmado que pondrán todo su esfuerzo en cambiar esto. La clave para entender la…

  • Los vehículos con matrícula impar tendrán acceso limitado a París debido a la contaminación Posted on: Mar 26th, 2015

    Este lunes entró en vigor una medida taxativa para evitar el exceso de contaminación ambiental que está sufriendo la ciudad de París: limitar la circulación rodada a los vehículos con matrícula impar. La capital de Francia ha movilizado a 700 agentes de policía para hacer cumplir la…

  • Thumbnail for 17868El problema de Facebook se llama China Posted on: Mar 26th, 2015

    O por qué nunca va a convertirse en el rey de la mensajería social. Facebook, siempre Facebook. Desde que Mark Zuckerberg empezó a salir de compras, la red social convertida en gigante de internet ha pasado a ser uno de los jugadores más importantes de la red. WhatsApp e Instagram son algunas…

  • Thumbnail for 17852Atraer hasta la Tierra un asteroide y pisarlo, el siguiente paso de la conquista de Marte Posted on: Mar 26th, 2015

    Atraer hasta la tierra un asteroide y aterrizar en él sería el siguiente paso en la conquista del espacio profundo y Marte, según anunciaba la NASA, que ya tiene planes para llevar a cabo esta misión. Últimamente no se para de hablar de la conquista de Marte. Probablemente las agencias…

  • Thumbnail for 17865Cómo influye lo que otros piden en la mesa en lo que tú finalmente pides: sobre todo si es cerveza Posted on: Mar 26th, 2015

    Johnathan Levav, profesor de Columbia, y Dan Ariely, del MIT, quisieron demostrar hasta qué punto el proceso secuencial de pedir al camarero lo que a uno le apetece influye en las decisiones que toman en última instancia las personas sentadas en la misma mesa? Algo así como el efecto borrego o…

  • Thumbnail for 17837Llega TomTom Go Mobile en versión “Freemium” para Android Posted on: Mar 26th, 2015

    TomTom entra en el campo de las aplicaciones "Freemium" y lanza Go Mobile para Android con la única limitación de no poder recorrer más de 75 kilómetros al mes usándolo, si se sobrepasa podrá comprarse a un precio más reducido que hace unos meses. Un movimiento importante para poder competir…

  • Thumbnail for 17838Llega TomTom Go Mobile en versión “Freemium” para Android Posted on: Mar 26th, 2015

    TomTom entra en el campo de las aplicaciones "Freemium" y lanza Go Mobile para Android con la única limitación de no poder recorrer más de 75 kilómetros al mes usándolo, si se sobrepasa podrá comprarse a un precio más reducido que hace unos meses. Un movimiento importante para poder competir…

  • Samsung S6 llega a Claro en dos semanas Posted on: Mar 25th, 2015

    Durante la demostración de las nuevas capacidades de este smartphone, se destacó la resolución de la pantalla del S6, la calidad superior de las imágenes (tanto en foto como en vídeo) y la rapidez con la que se puede cargar este móvil—hasta cuatro (4) horas de carga en 10 minutos; 80…

  • Thumbnail for 17752Los encantos de una serie llamada Mr. Selfridge Posted on: Mar 25th, 2015

    La serie británica Mr. Selfridge cuenta la historia de este magnate de la vida real que revolucionó las compras, los productos y las tiendas departamentales a principios del siglo pasado. Aquí algunos aspectos que me han convertido en fan de ella. La serie británica Mr. Selfridge es de esa…

  • Thumbnail for 17739No es arte abstracto, sino el sistema nervioso de un insecto Posted on: Mar 25th, 2015

    Aunque pueda parecer un lienzo de Jackson Pollock, uno de los máximos referentes del expresionismo abstracto, realmente se trata del sistema nervioso de un insecto, concretamente de la Drosophila melanogaster, popularmente llamada como mosca del vinagre o mosca de la fruta. La imagen muestra el…

  • Thumbnail for 17736Bloodline y la fantástica racha de contenido original de Netflix Posted on: Mar 25th, 2015

    En un pasado no muy lejano, Netflix era una empresa que ofrecía un único servicio en los Estados Unidos: enviaba a tu casa una película en DVD. Hoy el mundo es otro, casi nadie usas DVDs y Netflix dejó de enviar cosas por correo para convertirse en uno de los servicios de vídeo en streaming…

  • Thumbnail for 17721Un fotógrafo llamado Leonard Nimoy Posted on: Mar 25th, 2015

    Aunque fue más conocido por su papel de Spock en Star Trek, Leonard Nimoy también se encontró relacionado con otras artes, entre ellas la fotografía. Se cumple ya casi un mes de la muerte de anterior siguiente A pesar de que con “Eye Contact” ya creó…

Read more