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 36518Broken Age: larga vida a las aventuras gráficas Posted on: May 27th, 2015

    Tim Schafer, el maestro de las aventuras gráficas de PC, vuelve a sus orígenes con Broken Age, un juego que recuerda lo mejor de los “point and click” de los años 90 y que cuenta con una apasionante historia que nos llevará a conocer la vida de Shay y Vella.Más de tres años después de su…

  • Thumbnail for 36505App del día: Wondercasts (Android) Posted on: May 27th, 2015

    Wondercasts es uno de los mejores clientes gratuitos de podcasts que puedes encontrar en el Play Store. Aún recuerdo los días oscuros del podcasting en Android. Utilizaba un iPod Touch con Instacast y al pasar a Android no encontraba ninguna app decente, por lo que durante mucho tiempo opté por…

  • Thumbnail for 3649250 horas con The Witcher 3 saben a poco Posted on: May 27th, 2015

    Después de casi 50 horas con The Witcher 3 es mucho lo vivido y lo que hay por contar. Aquí tenéis nuestras primeras impresiones. La sensación de que casi 50 horas con The Witcher 3 no son las suficientes para realizar el análisis que el juego merece describe de forma certera lo que uno se…

  • Thumbnail for 36489Sourceforge y sus practicas de instalación de adware atacan a GIMP Posted on: May 27th, 2015

    El popular sitio de descargas y sus prácticas comunes de instalación de adware ha dado un paso más para convertirse en una de las mayores plagas de la red. GIMP ha sido por muchos años uno de los programas de edición de imágenes gratuitos y open source más populares que existen. Está…

  • Thumbnail for 36476Según Richard Stallman Windows y MacOS son malware Posted on: May 27th, 2015

    Richard Stallman es un hombre brillante, un excelente ingeniero de software y el fundador del movimiento de Software Libre. Hace 30 años escribió el manifiesto GNU con el objetivo de crear conciencia sobre las libertades de usuario y lo importante que es protegerlas de las corporaciones que crean…

  • Thumbnail for 36463Redescubre tu ciudad mirándola con ojos de turista Posted on: May 27th, 2015

    ¿Aburrido de hacer siempre lo mismo? ¿Qué tal si pruebas a redescubrir tu ciudad mirándola con más atención? Viajar es genial, pero salvo contadas excepciones, la mayoría de nosotros no solemos tomar más de una vacación al año: el resto del tiempo, nos quedamos aburridos en casa,…

  • Thumbnail for 36450Los juegos de Playstation Plus de junio de 2015 Posted on: May 27th, 2015

    Tras la promesa de Sony de "juegos grandes" ya conocemos qué juegos disfrutaremos en el Playstation Plus de junio. ¿Es MGS V: Ground Zeroes suficiente? Esta misma mañana saltaba el rumor de que Sony incluiría "grandes títulos" en su oferta de videojuegos para el Playstation Plus de junio y…

  • Thumbnail for 36443Motivos por los que deberías liberar tu smartphone - presentado por @movical Posted on: May 27th, 2015

    Desde tiempos muy remotos, las operadoras venden smartphones con restricciones. Restricciones que bloquean la utilización del dispositivo cuando una tarjeta SIM de otro operador está insertada en su interior. Durante muchos años, esa política fue alabada –los clientes obtenían móviles más…

  • Thumbnail for 36445Textexpander 5 para Mac: primeras impresiones Posted on: May 27th, 2015

    Casi por sorpresa, Smile ha lanzado hoy al mercado Textexpander 5 para Mac, la última versión de una de las apps de productividad que más uso en mi día a día y que más tiempo me ahorra. Si hay una aplicación en OS X que me hace más productivo, esa es Textexpander. Y es que, si tenemos en…

  • Thumbnail for 36413Análisis del MacBook 2015: esta vez no pudo ser Posted on: May 27th, 2015

    Ahí estaba yo, sentado en una sala rodeado de periodistas de todo el mundo en el evento de Apple cuando anunciaron la nueva MacBook. Inmediatamente me emocioné y sentí que todo lo que quisiera de un portátil se había cumplido: un dispositivo lo suficientemente pequeño pero con una pantalla…

  • Thumbnail for 36415Sigue el Primavera Sound 2015 en streaming Posted on: May 27th, 2015

    49 actuaciones se podrán seguir gratis, en streaming y en HD durante las tres jornadas del festival. Aunque hoy ya hay algún concierto a modo de presentación, a partir de mañana podremos seguir el Primavera Sound 2015 en streaming. La organización del festival ha Cuando pase el festival, se…

  • Thumbnail for 36409Mañana es el día: sigue el Google I/O 2015 con Hipertextual Posted on: May 27th, 2015

    Mañana da comienzo el Google I/O 2015, y en Hipertextual te lo contaremos todo al detalle. Tras un Google I/O 2013 tremendamente aburrido, y una edición 2014 sorprendente por las novedades que nos dejó, con Lollipop encabezando la lista, mañana es el día. Comienza el Google I/O 2015, que,…

  • Thumbnail for 36447Sony prevé ajustar precios y reducir costes frente a la subida del dólar Posted on: May 27th, 2015

    Ante la subida del dólar de los últimos meses, Sony comenzará a ajustar algunos precios para compensarla. También buscará una reducción de costes. Tokio (Reuters) - El responsable de la deficitaria unidad de telecomunicaciones móvil de Sony, Hiroki Totoki, tiene previsto ajustar el precio…

  • Thumbnail for 36428Google quiere evitarte los spoilers de las series de televisión (si quieres) Posted on: May 27th, 2015

    Spoiler, cliffhanger, crossover, showrunner, piloto… las series de televisión nos han traído toda una terminología técnica que ya ha adquirido el estatus de popular. Sin embargo, el término más temido por la mayoría, o al menos que el que suscita más polémicas, es el spoiler. Algunos…

  • Thumbnail for 36386Matheryn, la niña de dos años que fue crionizada Posted on: May 27th, 2015

    El caso de Matheryn Naovaratpong es uno de los más tristes. Con solo dos años de vida un tumor cerebral acabó con ella. Sus padres, desesperados, se agarraron a la única opción que les quedaba: la crionización. El pasado abril contaba una de las historias más chocantes de nuestro tiempo. La…

  • Thumbnail for 36383Diseñan en Japón el primer tren de juguete que funciona con levitación magnética Posted on: May 27th, 2015

    EFE Saldrá a la venta en el mes de septiembre y tendrá un precio de 280 €.Esta tecnología llegará a los trenes reales a partir del año 2027 en Japón.Una conocida empresa juguetera japonesa ha diseñado el primer tren de levitación magnética en miniatura, el cual se desplaza sin tocar la…

  • Thumbnail for 36368Jobandtalent levanta 23 millones de euros Posted on: May 27th, 2015

    La startup española Jobandtalent, una plataforma de búsqueda de empleo, ha levantado una ronda de financiación de 23 millones de euros para lograr sus ambiciosos objetivos de crecimiento. Una de las startups españolas más relevantes del momento es Jobandtalent, una plataforma para buscar…

  • Thumbnail for 363705 anuncios que veremos en el Google I/O Posted on: May 27th, 2015

    Repasamos las grandes novedades que veremos en el Google I/O 2015, que, pese a no ser tan esperado como el anterior, traerá novedades imprescindibles. El Google I/O 2015 se presenta como el evento más importante del año para Google. Pese a ser un evento dedicado a desarrolladores, la compañía…

  • Thumbnail for 36354¿Qué planea hacer Ada Colau con el MWC? Posted on: May 27th, 2015

    Ada Colau ha ganado las elecciones municipales de Barcelona con "Barcelona en Comú" y es la principal candidata a ser alcaldesa de la ciudad condal. ¿Cómo afectará al MWC? Ada Colau, activista social destacada por su lucha antidesahucios, ha logrado ganar las elecciones municipales de Barcelona…

  • Thumbnail for 36341Un biosensor capaz de detectar en directo lo que pasa bajo tu piel Posted on: May 27th, 2015

    Un nuevo biosensor de menos de un centímetro es capaz de monitorizar la presencia de diversas sustancias y moléculas en nuestra sangre en tiempo real. Esto permitirá que podamos prevenir y monitorizar nuestro estado metabólico. Imaginad un pequeño dispositivo, de menos de un centímetro, que…

  • Thumbnail for 363256 importantes asistentes a la conducción dentro del Ford S-MAX - presentado por @fordspain Posted on: May 27th, 2015

    El Ford S-MAX se ha convertido en un vehículo muy tecnológico gracias a su nueva generación, un modelo del que ya te hemos contado sus 12 tecnologías más destacadas, pero no son las únicas. Uno de sus puntos fuertes es el comportamiento, que desde la marca aseguran ser mucho más versátil e…

  • Thumbnail for 36327Ford ofrecerá un servicio de car-sharing en Londres Posted on: May 27th, 2015

    Ford lanza un experimento dinámico de car-sharing en Londres, el primer servicio en ofrecer trayectos con estacionamiento garantizado. El proyecto para ofrecer un servicio de car-sharing en la ciudad de Londres comenzó hace un año como parte de la iniciativa de la compañía americana por…

  • Thumbnail for 36310Orange ya ha hecho una oferta por Jazztel Posted on: May 27th, 2015

    Tras el visto bueno de Unión Europea y CNMV, Orange ya ha preparado una oferta para hacerse con Jazztel. 13 euros por acción, en total 3.400 millones. Hace poco más de una semana, la Unión Europea aceptó con algunas condiciones la compra de Jazztel por parte de Orange. El mercado telco…

  • Los parapléjicos podrán ejecutar movimientos más fluido con este brazo robótico Posted on: May 27th, 2015

    Científicos del Instituto de Tecnología de California han desarrollado un nuevo sistema que hace posible que una persona parapléjica estreche la mano, beba una cerveza o incluso juegue a “piedra, papel y tijera” gracias a un brazo robótico. Como podéis ver en el vídeo que encabeza la…

  • Thumbnail for 36201Así era el Halcón Milenario tras las cámaras Posted on: May 26th, 2015

    Su aspecto difiere mucho de la nave que conocemos, pero es ella. Así es cómo lucía el Halcón Milenario tras las cámaras de rodaje, la popular nave que utilizó Han Solo junto a Chewbacca (a quienes vemos en la imagen), y que se convirtió en todo un icono de la saga Star Wars. La nave fue…

  • Thumbnail for 36196Point Break estrena tráiler Posted on: May 26th, 2015

    Este es el tráier de Point Break, la nostalgia y los deportes extremos se mezclan. El remake de la cinta de 1991 que fuera dirigida por Kathryn Bigelow, acaba de estrenar tráiler. En el podemos ver que los deportes extremos están a tope y que el personaje Bodhi, interpretado por Édgar Ramírez…

  • Thumbnail for 36198¿Qué se espera de Android M? Posted on: May 26th, 2015

    Falta poco para el Google I/O 2015, el próximo evento de la compañía de Mountain View en el que será desvelado Android M pero, ¿qué sabemos de esta nueva versión de Android? ¿Y qué deseamos que incorpore el futuro de Android? Se supone que es un secreto, pero es un secreto a voces: la…

  • Hyundai será la primera automotriz en ofrecer un automóvil con Android Auto Posted on: May 26th, 2015

    ¿Tienes un Sonata 2015 de Hyundai y eres dueño de un equipo con Android? ¡Felicitaciones! Eres uno de los primeros en el mundo en poder utilizar el sistema Android Auto sin que te cueste un centavo adicional. Leer más Fuente::…

  • Thumbnail for 36182Stanley Kubrick como fotógrafo, la faceta no tan conocida del director Posted on: May 26th, 2015

    Conocemos su faceta como director, pero no tanto la vertiente de Stanley Kubrick como fotógrafo, la cual supone un antecedente de lo que posteriormente desarrollaría en sus largometrajes. El resplandor, La chaqueta metálica, 2001: Una odisea del espacio o Senderos de gloria son solo algunas de…

  • Thumbnail for 36167¿Por qué nadie puede levantar el martillo de Thor? La ciencia responde Posted on: May 26th, 2015

    "Aquel que empuñe este martillo, si es digno de él, poseerá el poder de Thor" La explicación corta es porque solo aquel que merece el poder de Thor puede levantarlo. De hecho, recordemos que incluso el príncipe de Asgard ha pasado por etapas en las que no es "whorty" de portar el Mjolnir.…

Read more