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 5663Resultados financieros de Samsung en el cuarto trimestre del año fiscal (Q4 2014) Posted on: Jan 28th, 2015

    La firma surcoreana no pasa por su mejor momento y el gigante surcoreano tendrá que reaccionar en este 2015. Samsung acaba de reportar su primera perdida de ganancias anual con respecto al ejercicio previo por primera vez en tres años. Las fuertes ventas de sus chips no han logrado salvar el…

  • Thumbnail for 5657Facebook ganó 2.940 millones de dólares el año pasado, el doble que en 2013 Posted on: Jan 28th, 2015

    EFE Los ingresos de la empresa el año pasado ascendieron a 12.466 millones de dólares, lo que supuso un incremento del 58,4 % respecto al ejercicio anterior.En relación a los beneficios por acción, los titulares de participaciones de Facebook ganaron en todo 2014 un total de 1,10 dólares por…

  • Thumbnail for 5660Ser un “whistleblower”, o alertador no está en la naturaleza humana Posted on: Jan 28th, 2015

    Que un individuo se convierta en un whistleblower, alertador o revelador de secretos, con el objetivo de lograr justicia suele ser un caso muy extraño, aislado, y la razón está ligada a nuestra evolución como especie. Durante los últimos años hemos presenciado casos heroicos de personas que…

  • Thumbnail for 5654Series de televisión con protagonistas femeninas que derrumban el cliché de la damisela en apuros Posted on: Jan 28th, 2015

    Series excelentes que sucede que casualmente cuentan con mujeres en papeles importantes. Algo que pasa todo el tiempo y apenas nos detenemos a pensar en ello, es que la mayoría de las películas y series centran sus historias alrededor de personajes masculinos (que casi siempre son blancos). He…

  • Thumbnail for 5650Las grandes diferencias entre la App Store y el Google Play Store Posted on: Jan 28th, 2015

    Analizamos el estado de las principales tiendas de aplicaciones móviles, la App Store y el Google Play Store, en cuanto a número de descargas de aplicaciones, ingresos y progresión de crecimiento. Desde aproximadamente 2009, uno de los grandes debates en cuanto a aplicaciones móviles se…

  • Thumbnail for 5647Cómo recuperar archivos borrados en Windows y OS X Posted on: Jan 28th, 2015

    Os presentamos 4 opciones diferentes para recuperar archivos borrados en Windows y OS X. Así, siguiendo los pasos de cada aplicación, podremos recuperar aquellos archivos sea cual sea tu tipología que hemos eliminado sin quererlo. "¡No! He borrado por accidente el trabajo para entregar…

  • Thumbnail for 5642¿Por qué las línea aéreas nos “torturan”? Posted on: Jan 28th, 2015

    Asientos cada vez más estrechos y sin espacio para las piernas, comida de pago y molestos embarques... Las aerolíneas han encontrado un filón en los extras que venden a precio de oro y facturándolos aparte, y su estrategia ahora consiste en básicamente hacer la vida imposible a los usuarios de…

  • Thumbnail for 5644¿Por qué la gente habla más de cheerios que de Disneyworld? Posted on: Jan 28th, 2015

    A pesar de que Disneyworld es el lugar más instagrameado del mundo, es decir, el lugar donde más gente que usa Instagram le gusta demostrar que ha ido, las personas prefieren hablar de los cereales para el desayuno Cheerios. ¿Por qué Cheerios generan más boca a boca que Disneyworld si…

  • Thumbnail for 5636Nintendo comienza a recuperarse lentamente gracias a los juegos exclusivos Posted on: Jan 28th, 2015

    Nintendo presenta sus resultados con una mejora en la venta de Wii U debido al fantástico elenco de exclusivos de 2014 y un decrecimiento en las ventas de 3DS debido a la sombra de los nuevos modelos que están por venir. Tras cerrarse la bolsa en Japón, los resultados del tercer trimestre fiscal…

  • Thumbnail for 5632Consejos para mejorar la pantalla de inicio de tu Windows Phone Posted on: Jan 28th, 2015

    A menudo hablamos de los sistemas operativos según el número de aplicaciones que presenta su tienda, o de la conexión que cada compañía genera con el ecosistema. Otras muchas veces, hablamos de personalización, y supone a su vez uno de los motivos por los que muchos usuarios escogen…

  • Thumbnail for 5629Saints Row IV: Re-Elected, análisis del alocado sandbox en la nueva generación de consolas Posted on: Jan 28th, 2015

    Saints Row IV es la más reciente entrega de la saga de oro de Volition, que luego de poco más de un año regresa en esta ola de "remasterizaciones" en la actual generación de consolas, PlayStation 4 y Xbox One. Con el nombre de "Re-Elected" y acompañada de una expansión llamada "Gat Out of…

  • Thumbnail for 5626Descifrar un código Enigma tan peligroso como invisible Posted on: Jan 28th, 2015

    Setenta años después del final de la II Guerra Mundial, la computación afronta el que tal vez sea su mayor reto tras el legado de Alan Turing. Descifrar un código Enigma tan peligroso como invisible, el de las bacterias resistentes a antibióticos. ¿Podrían las máquinas pensar? Hace 65 años…

  • Thumbnail for 5621PlayStation Music: Spotify llega en exclusiva a las consolas de Sony Posted on: Jan 28th, 2015

    Sony ha anunciado que Spotify en Playstation será en una realidad de forma exclusiva para los usuarios de sus consolas a partir de primavera. Sony acaba de anunciar la llegada de una nueva plataforma musical para su consola de sobremesa que viene a sustituir a Music Unlimited en la PS3, PS4 y…

  • Thumbnail for 5623El fracaso escolar aumenta a mayor uso del ordenador y menor control de los padres Posted on: Jan 28th, 2015

    EUROPA PRESS La tasa de fracaso escolar entre los niños que lo usan menos de una hora es del 16% y los que lo utilizan más de tres es del 29%.Sin embargo, no utilizarlo incrementa el fracaso escolar hasta el 27%.Casi el 90% de los jóvenes tiene su primer móvil antes de los 13 años.Según un…

  • Thumbnail for 5638El mapa de las redes sociales: Facebook toca techo, Instagram se revoluciona y Tuenti flaquea Posted on: Jan 28th, 2015

    CLARA HERNÁNDEZ El VI Estudio de Redes Sociales de la Asociación IAB presenta un mercado liderado por Facebook pero con nuevos contendientes a tener en cuenta.Mientras Tuenti y Badoo sufren un penoso descenso, redes especializadas como Instagram, LinkedIn o Twitter aceleran su crecimiento.En…

  • Thumbnail for 5616Evleaks regresa para mostrar el HTC One (M9) y el HTC One (M9) Plus Posted on: Jan 28th, 2015

    Tras abandonar su actividad filtrando móviles, Evleaks ha regresado mostrando los próximos teléfonos de HTC, el HTC One M9 y el HTC One M9 Plus. El mítico filtrador Evleaks, que ahora se encuentra retirado, ha regresado con lo que mejor sabe hacer, filtrando teléfonos de HTC, y lo ha hecho en…

  • Thumbnail for 5613Francia quiere hacer “cómplices” a las redes sociales que alberguen cuentas terroristas Posted on: Jan 28th, 2015

    Francia quiere que los operadores de internet sean responsables de la vigilancia e investigación de los grupos terroristas que alojan contenidos en sus plataformas. Parece que el Gobierno Francés, y dentro de muy poco el del resto de países de la Unión Europea, quiere reforzar la colaboración…

  • Thumbnail for 5610Videojuegos Podcast S01E02: Una nueva manera de jugar Posted on: Jan 28th, 2015

    El Podcast de Videojuegos de Hipertextual es una emisión semanal sobre el mundo de los videojuegos con Jose Jacas, Framara y Mukita. Os contamos qué videojuegos han ocupado nuestra semana y nos embarcamos en un viaje en el tiempo para repasar accesorios y experimentos que han intentado cambiar la…

  • Thumbnail for 560729 años del desastre del Transbordador Challenger Posted on: Jan 28th, 2015

    Hace 29 años se produjo el suceso más grave de la historia de la cosmonáutica: el accidente del Challenger acababa con la vida de sus siete tripulantes en apenas unos segundos. Hoy recordamos el suceso que supuso un antes y un después en la carrera espacial. A 73 segundos desde su lanzamiento,…

  • Thumbnail for 5601Este es el reparto del biopic de Aaron Sorkin y Danny Boyle sobre Steve Jobs Posted on: Jan 28th, 2015

    Universal acaba de anunciar que ya ha comenzado el rodaje del biopic de Steve Jobs confirmando todo su reparto, que incluye muchas caras conocidas de Hollywood. Por fin, y después de un sin fin de rumores y abandonos como David Finch y Christian Bale, el biopic de Steve Jobs con guión de Aaron…

  • Thumbnail for 5603Android 5.0 Lollipop ya disponible para el HTC One (M8) Posted on: Jan 28th, 2015

    HTC libera oficialmente la actualización a Android 5.0 Lollipop para el HTC One (M8), su más reciente smartphone de gama premium. Llega con Sense 6.0 y todas las novedades de la última versión de Android. Tras semanas de espera e incertidumbre por parte de sus propietarios, HTC ha decidido…

  • Thumbnail for 5592Encontrado fallo en GNU/Linux que puede poner en jaque a la red Posted on: Jan 28th, 2015

    Qualys Security han encontrado un nuevo fallo en GNU/Linux bajo el nombre de Ghost que puede poner en jaque a la red. GHOST, un nuevo fallo encontrado en los sistemas operativos GNU/Linux en todos su sabores y colores está poniendo en jaque a la red y obligando a usuarios y administradores a estar…

  • Thumbnail for 5594Usan viejos vagones de tren para crear nuevos arrecifes artificiales Posted on: Jan 28th, 2015

    Usar viejos vagones de tren para crear arrecifes artificiales puede dar como resultado muchas cosas buenas. En primer lugar unas espectaculares imágenes. Pero más importante, matar dos pájaros de un tiro: ayudar al ecosistema y eliminar basura de la manera más limpia posible. ¿Qué se puede…

  • Thumbnail for 5596El bosque petrificado de Dead Vlei y otros bosques petrificados Posted on: Jan 28th, 2015

    Existen cementerios de árboles. Algo así como estatuas naturales de árboles. Árboles momificados. Originando entre todos un bosque congelado en el tiempo, inalterable, conservado fantasmagóricamente durante siglos. Es el caso de los árboles de Dead Vlei, en el área de conservación más…

  • Uno de los mayores glaciares de la Antártida se derrite Posted on: Jan 28th, 2015

    Totten, uno de los mayores glaciares de la Antártida, se derrite por las aguas calientes, lo que evidencia la vulnerabilidad de la Antártida oriental y su papel en el aumento del nivel de los océanos. La Antártida, si bien es un lugar remoto, como de otro planeta, en realidad está íntimamente…

  • Thumbnail for 5584Hoy se celebra el Día de la Privacidad, puedes celebrarlo aprendiendo a proteger tus datos Posted on: Jan 28th, 2015

    Desde el año 2007 en Estados Unidos y Europa se celebra el Día Internacional de la Protección de Datos, o Día de la Privacidad. Para celebrarlo te contamos algunos detalles sobre el estado actual de la privacidad en la red, y te damos algunos consejos para ayudarte a proteger tus datos, ya que…

  • Thumbnail for 558610 alternativas a Netflix para ver contenido en streaming de forma legal Posted on: Jan 28th, 2015

    Las mejores alternativas a Netflix para ver contenido de todo tipo y para todas las edades de forma completamente legal. ¿Qué estás esperando? En Internet podemos encontrar contenido para entretener a grandes y pequeños, pero en muchas ocasiones, puede que no sea del todo legal. Y aunque es un…

  • Thumbnail for 5580Nanocompuestos de kevlar para separar los electrodos de las baterías y ganar espacio Posted on: Jan 28th, 2015

    Mejorar las actuales baterías pensadas para coches eléctricos está en los planes de todos los fabricantes de vehículos eléctricos. Ahora un grupo de investigadores ha creado un material formado por nanocompuestos de kevlar que podría mejorar bastante las actuales baterías. Uno de los mayores…

  • Thumbnail for 5577El dilema del iPad Posted on: Jan 27th, 2015

    Apple ha anunciado sus reportes financieros para el Q1 de 2015, un trimestre en el que rompió expectativas en las ventas de iPhone, pero disminuyeron las ventas del iPad. ¿A qué se debe esto? Apple ha logrado, de nuevo, superar sus números trimestrales como ninguna otra compañía, y no es una…

  • Thumbnail for 5574Apple ha logrado la mayor ganancia trimestral de cualquier empresa en la historia Posted on: Jan 27th, 2015

    Apple ha tenido un buen trimestre. Adjetivarlo como "buen trimestre" se queda algo corto. Ha sido el cuarto de mayores ganancias de su historia gracias a las increíbles ventas del iPhone 6 y iPhone 6 Plus como así revelan sus resultados del Q1 fiscal de 2015. Pero no sólo ha sido el mejor…

Read more