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 169671La bomba nuclear más potente e ineficiente jamás lanzada Posted on: Jun 29th, 2016

    La bomba del Zar es (y probablemente será) el artilugio explosivo más potente jamás creado. Tanto, que resultaba terriblemente ineficiente. Una demostración de poder desmedido con fines propagandísticos. El 30 de octubre de 1961 frío arreciaba sobre las heladas islas Severny e Yuzhny. De…

  • Thumbnail for 169652Detrás del datáfono: por qué a veces pagas un euro con tarjeta y otras piden pago mínimo Posted on: Jun 29th, 2016

    El hecho de que un comercio te obligue a alcanza un mínimo de compra para pagar está relacionado con el coste financiero del pago con tarjeta. Mientras se decide el modelo ganador para los pagos móviles, el sistema de pagos actual basado en el modelo tarjeta-datáfono se ha estandarizado como la…

  • Thumbnail for 169636El cine, en números: Pixar, en declive controlado Posted on: Jun 29th, 2016

    El estudio de animación de referencia en el mundo ya lleva dos décadas regalándonos emociones. Pero hay una decidida bajada de calidad en sus películas recientes. Con Finding Dory, Pixar nos deja nuestra dosis de emociones y humor a la que estamos acostumbrados. Pero los datos indican que Pixar…

  • Thumbnail for 169668¿Debemos temer otro Tunguska? Posted on: Jun 29th, 2016

    El 30 de junio de 1908 tuvo lugar lo que parecía una enorme detonación termonuclear a unos ocho kilómetros de altura sobre Tunguska, en Siberia. En realidad, lo que probablemente tuvo lugar fue la explosión de un cometa que venía del espacio: al no alcanzar la superficie, no se produjo…

  • Thumbnail for 169620Evernote se deshace de los usuarios gratuitos Posted on: Jun 29th, 2016

    Evernote sigue con su lucha para terminar con los usuarios gratuitos limitando casi al 100% su actividad dentro de la aplicación, y estos se llevan las manos a la cabeza. El nuevo modelo de negocio de Evernote busca aún su hueco. Que las cosas en las oficinas de Evernote no iban bien es algo…

  • Thumbnail for 169617¿Por qué tardan tanto en llegar a España los servicios de pagos móviles? Posted on: Jun 29th, 2016

    Los pagos móviles son un modelo en movimiento y en busca de definición, algo que dificulta su implantación masiva. Las lista de sistemas de pagos móviles que tienen anunciada la llegada a España crece cada mes. De los grandes, ni Apple Pay ni Android Pay han desembarcado todavía, y eso que…

  • Thumbnail for 169599Facebook publica una guía de apoyo y consejos a los jóvenes del colectivo LGTB Posted on: Jun 29th, 2016

    20MINUTOS.ES El objetivo de la guía es informar sobre las herramientas que tiene la plataforma para ayudar a los jóvenes LGTB en casos de acoso y discriminación.Facebook busca fomentar un ambiente 'online' de respeto y tolerancia.Facebook cuenta con la colaboración de la FELGTB,…

  • Thumbnail for 1696010.7 euros al día para cargar tu coche eléctrico todas las veces que quieras Posted on: Jun 29th, 2016

    Tenemos tarifa de plana para llamar y para usar Internet, ¿por qué no una tarifa plana para cargar el coche eléctrico sea el que sea? 250 euros al año por cargar tu coche eléctrico todo lo que quieras, sin límites. Solo tienes que vivir en Australia y ser cliente de AGL Energía, pero lo…

  • Thumbnail for 169543La estrategia de marketing de Uber contra el cierre de la línea 1 del Metro de Madrid Posted on: Jun 28th, 2016

    La línea 1 de Metro de Madrid cerrará durante 4 mese por obras, por lo que Uber ofrecerá trayectos con precios especiales, durante la primera semana, para ayudar a los afectados. ¿Qué pasará cuando cierren la línea 1 del Metro de Madrid?¿Cómo llegaremos a nuestros destinos cuando las…

  • Thumbnail for 16946217 películas LGTB para celebrar el día del orgullo Posted on: Jun 28th, 2016

    Te recomendamos una larga lista de películas que abarcan desde historias de amor, aceptación y descubrimiento, hasta de luchas por los derechos de la comunidad LGTB. La industria del entretenimiento tienda a tomar medidas extremas para representar un mundo que nada tiene que ver con el de verdad.…

  • Thumbnail for 169446La historia de terror de Piedras Negras Posted on: Jun 28th, 2016

    La cárcel controlada por el narco nubla el panorama de Piedras Negras. Piedras Negras era considerada como una de las diez ciudades en México con más calidad de vida, según el Insituto Mexicano de la Competitividad. Pero la ciudad tiene un problema mayor: colinda con Eagle Pass (Texas), y como…

  • Thumbnail for 169429Abusos y violaciones: la norma entre las mujeres que son arrestadas en México Posted on: Jun 28th, 2016

    72% de las mujeres presas sufrieron abuso sexual. Un informe de Amnistía Internacional (AI) denunció la violencia sexual generalizada que viven las mujeres en México al ser arrestadas. La organización calificó este hecho como "escandaloso" por la magnitud y la participación de las autoridades…

  • Thumbnail for 169412Películas no aptas para claustrofóbicos Posted on: Jun 28th, 2016

    Secuestros, rompecabezas, misterios y mucho desasosiego. Recomendamos trece películas que se desarrollan en espacios reducidos. De entre todos los géneros y subgéneros que se pueden encontrar en el mundo del cine, siempre me han atraído de forma especial esas películas que transcurren en un…

  • La NASA prueba con éxito el que nos llevará a Marte Posted on: Jun 28th, 2016

    En el vídeo que tenéis aquí arriba podrés ver (y también oír) el nuevo cohete más potente que está desarrollando la NASA para llevar al ser humano a Marte, a asteroides u otros lejanos destinos. El Space Launch System (o SLS) realiza en este vídeo una prueba en el desierto de Utah, en…

  • Thumbnail for 169409Samsung Galaxy S7 edge vs. Samsung Galaxy S6 - presenta @samsungespana Posted on: Jun 28th, 2016

    El Galaxy S7 edge y el S6 edge, y su hermano mayor, pese a que es más joven, el S6 edge+. Por fuera parecen casi idénticos a simple vista, pero si los miramos más de cerca, las diferencias empiezan a hacerse patentes. Si miramos por dentro, las novedades se acentúan. Veámoslas una por una. La…

  • Thumbnail for 169393Cuando Kodak descubrió por accidente el primer ensayo nuclear de la historia Posted on: Jun 28th, 2016

    Los científicos de Kodak jamás se hubieran imaginado que un montón de películas estropeadas les llevaría a descubrir por accidente los hechos de Trinity, el primer ensayo nuclear de la historia de la humanidad. En 1945, un dedo y un botón supusieron un cambio en el mundo que durará…

  • Thumbnail for 169377México no es país para transexuales Posted on: Jun 28th, 2016

    El Día del Orgullo LGTB recuerda la necesidad de fomentar la igualdad y la diversidad. México tiene un gran problema de transfobia según los estudios. El Día del Orgullo LGTB se celebra en todo el mundo para recordar la diversidad y avanzar en igualdad, sin importar nuestra orientación…

  • Thumbnail for 169362Por fin sabemos el verdadero nombre de Jon Snow Posted on: Jun 28th, 2016

    Dos décadas de misterio resueltas en el último y gran episodio de la sexta temporada de Juego de Tronos. Por fin conocemos la familia y el nombre que pusieron a Jon Snow. AVISO DE SPOILERS. Veinte años han pasado desde que se publicó A Game of Thrones. Desde entonces, los lectores más…

  • Thumbnail for 169347La caza de brujas de Airbnb en Barcelona continúa: nuevas multas a la vista Posted on: Jun 28th, 2016

    La lucha entre el Ayuntamiento de Barcelona y Airbnb sigue abierta y, por lo que parece, no tiene un final feliz para los segundos. 38 de 604 órdenes de clausura. Ese es el número exacto de viviendas turísticas de Airbnb que Ada Colau, alcaldesa de Barcelona, ha conseguido cerrar después de…

  • Thumbnail for 169330El mejor piloto de combate ya no es humano Posted on: Jun 28th, 2016

    Por primera vez una inteligencia artificial de vuelo parece imbatible. Ni el mejor de los pilotos de combate parece tener demasiadas oportunidades contra su algoritmo genético basado en lógica difusa. La aviación es una técnica que se aprende con muchos años y esfuerzo. Sólo los seres humanos…

  • Thumbnail for 169332La NASA vuelve a probar el motor del cohete SLS, diseñado para ir más allá de la Luna Posted on: Jun 28th, 2016

    20MINUTOS La NASA realiza esta tarde la segunda prueba del encendido del motor del cohete Space Launch System.Este proyectil tiene previsto viajar más allá de la Luna a finales de 2018.La televisión de la Nasa va a emitir en directo todos los ensayos.La NASA tiene previsto realizar este martes a…

  • Thumbnail for 169298Prohíben al Ayuntamiento de Tordesillas celebrar el Toro de la Vega Posted on: Jun 28th, 2016

    La Junta de Castilla y León ha notificado al Ayuntamiento de Tordesillas la prohibición de celebrar el Toro de la Vega en 2016. El Consistorio ya ha anunciado su intención de recurrir esta decisión, según informa El Norte de Castilla. La resolución del Gobierno autonómico llega después de…

  • Thumbnail for 169314¿Cómo se mide la escala del estrés? Posted on: Jun 28th, 2016

    A menudo oímos que alguien está estresado, pero ¿existe algún modo más o menos objetivo de medir la cantidad de estrés que sufrimos? Es algo que intentaron hacer en 1967 Thomas Holmes y Richard Rahe tras evaluar a miles de pacientes médicos a quienes preguntaron sobre sus vivencias y…

  • Thumbnail for 169280Cronología de la destrucción de un país: Venezuela, 1998-2016 Posted on: Jun 28th, 2016

    Desde 1998 hasta nuestros días, una cronología de la crisis venezolana, escrito por una venezolana. 1998: primera victoria presidencial de Hugo Chávez En diciembre de 1998, Hugo Chávez gana las elecciones presidenciales. Venezuela se encontraba en una crisis económica desde 1983, cuando los…

  • Thumbnail for 169282Microsoft da 10.000 dólares a una mujer por la actualización fallida y no autorizada a Windows 10 Posted on: Jun 28th, 2016

    20MINUTOS.ES El ordenador utilizaba Windows 7 y se actualizó a Windows 10 sin autorización.Además, la actualización falló e hizo que el equipo empezará a funcionar mal.La mujer usaba el ordenador para trabajar y su negocio sufrió pérdidas.El gigante tecnológico Microsoft ha decidido dar…

  • Thumbnail for 169276Realidad virtual: los vídeos en 360º son el futuro - presentado por @samsungespana Posted on: Jun 28th, 2016

    Además de mejorar considerablemente con el nuevo Samsung Galaxy S7 / S7 edge, ser compatible con sus anteriores terminales y marcar la agenda del MWC, son motivos de peso para decir que Samsung ha sido el gran defensor de la idea de que la realidad virtual es el futuro. Y a ello se unió, como…

  • Thumbnail for 169261Inteligencia artificial para medir la felicidad y mejorar el rendimiento laboral Posted on: Jun 28th, 2016

    EFE Hitachi ha creado una inteligencia artificial (IA) que mide los niveles de felicidad que genera en cada individuo el realizar determinadas acciones.El 'software' utiliza los datos recogidos para ofrecer, a través del teléfono móvil, recomendaciones para mejorar el rendimiento laboral.Unos…

  • Una visión única de Júpiter y sus lunas gracias a la JunoCam Posted on: Jun 28th, 2016

    La óptica de JunoCam, la cámara óptica de la nave Juno de la NASA, ha registrado una perspectiva única de Júpiter y sus principales lunas, como se aprecia en la imagen tomada a 10,9 millones de kilómetros que podéis ver en el vídeo que encabeza esta entrada. Además, Juno se acercará a…

  • Thumbnail for 169241El padre del android Pepper inventa un nuevo robot con el que pretende combatir la soledad Posted on: Jun 28th, 2016

    ANTONIO HERMOSÍN / EFE Su futuro robot, que prevé lanzar hacia 2019, tendrá una talla inferior a los 120 centímetros de Pepper y un diseño sencillo.Tendrá una inteligencia "comparable a la de un gato" que le permitirá "entender parte del lenguaje verbal y del no verbal".Según su creador, el…

  • Thumbnail for 169243Guy Kawasaki: "Las startups tienen que cambiar el mundo de cualquier forma que sean capaces” Posted on: Jun 28th, 2016

    Guy Kawasaki es una de las voces más destacadas del mundo emprendedor, no solo por su experiencia laboral, también por considerarse como uno de los evangelizadores más populares del momento. Bastante reacio a conceder entrevistas a los medios, Guy Kawasaki ha adoptado el papel de predicador de…

Read more