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
  • VIDEO: a escobazos, pedradas y más estas personas se defendieron ante un dron Posted on: May 5th, 2016

    Estas personas demostraron que si lo que tienes a la mano es una playera, herramientas de jardinería o una escoba, a la hora de defenderte ante la presencia de un dron todo se vale. Leer más Fuente::…

  • Thumbnail for 151505Análisis del Kindle Oasis: gama alta al alcance de muy pocos Posted on: May 5th, 2016

    El Kindle Oasis llega para cambiar el concepto del Kindle tradicional con un cambio en la forma del dispositivo y, sobre todo, en el perfil de usuario al que va dirigido. No es un Kindle para todos los públicos, pero es el mejor Kindle que ha puesto la compañía en el mercado.Amazon nos sorprende…

  • Thumbnail for 151490¿Por qué celebran más el Cinco de Mayo en Estados Unidos que en México? Posted on: May 5th, 2016

    La Batalla de Puebla fue más útil para Estados Unidos que para México. Los mexicanos que vivimos en México y los mexicanos que viven en Estados Unidos vivimos de manera distinta la identidad nacional. Una de las diferencias más enigmáticas es que los mexicanos residentes en Estados Unidos…

  • Dron invade apartamento de familia en San Juan; policía no sabe cómo responder Posted on: May 5th, 2016

    Una residente del área de Condado recibe en su apartamento la visita no deseada de un dron con cámara, lo que considera una violación a su privacidad, pero la ley no está de su lado...¡porque aún no hay ley que pueda estarlo! Leer más Fuente::…

  • Thumbnail for 151475Primera imagen oficial de los nuevos Power Rangers Posted on: May 5th, 2016

    Los nuevos Power Rangers ya están en marcha, y EW ha publicado la primera imagen del reparto. En la época de los reboots, los remakes y las ediciones remasterizadas de los videojuegos no podía faltar un clásico del cine y la TV de los 90s, los Power Rangers que, pese a que su reboot estaba más…

  • Thumbnail for 151462¿Los bebés imitan realmente los gestos de los adultos? Posted on: May 5th, 2016

    El debate sobre si los bebés imitan o no los gestos de los adultos continúa abierto. Un estudio en Current Biology aporta luz a esta discusión clásica. El proceso de aprendizaje de nuestro cerebro es tan fascinante como intrigante. Entender, por ejemplo, cómo los bebés empiezan a hablar es…

  • Thumbnail for 151449Ford presenta el primer túnel de viento portátil del mundo Posted on: May 5th, 2016

    Todos los fabricantes de automóviles tienen enormes y costosas instalaciones para hacer pruebas aerodinámicas pero Ford es la primera en el mundo en crear un túnel de viento portátil para hacer pruebas donde quieran. Las pruebas en el túnel de viento ya son un estándar en todos los…

  • Thumbnail for 151436El desastre de Portmán sigue envenenando a sus habitantes Posted on: May 5th, 2016

    Aun a pesar de ser uno de los mayores desastres ecológicos de toda Europa, la desaparición del puerto de la bahía de Portmán es un hecho casi desconocido. Pero sus efectos, a día de hoy, siguen muy presentes. "Portus Magnus", así llamaban los romanos a uno de los puertos más grandes que…

  • Thumbnail for 151421La ciberseguridad moverá más de 175.000 millones en 2020 Posted on: May 5th, 2016

    EFE Dadas las crecientes amenazas de internet, cada vez más sofisticadas y peligrosas, los expertos creen que la cifra podría ser 2,5 veces mayor.Las pérdidas que causan los ciberataques ascendieron sólo el año pasado hasta el entorno de los 350.000 millones de euros.La ciberguerra, el…

  • Thumbnail for 151423Por qué el BCE quiere retirar el billete de 500 euros del curso legal Posted on: May 5th, 2016

    El BCE ha anunciado la eliminación del billete de 500 euros de la circulación para el 2018, y aunque la economía sumergida es la principal razón, no es la única. Antes de la crisis financiera y posteriormente, con las medidas adoptadas por la mayoría de los estados de la Unión para intentar…

  • Thumbnail for 151407Récord mundial: 25 horas seguidas jugando a HTC Vive Posted on: May 5th, 2016

    Un director de cine y youtuber ha estado 25 horas jugando de seguido con las HTC Vive para romper un récord. La experiencia parece no haber valido la pena. En The Matrix, Thomas Anderson decide tomar la pastilla roja para que el sistema le expulse y poder ver la realidad. Derek Westerman ha…

  • Thumbnail for 151377Todos ganamos si la Unión Europea “rompe” Android, incluso Google Posted on: May 5th, 2016

    Fabricantes y usuarios saldrían beneficiados si se cancelan judicialmente las medidas más draconianas entre Google y los fabricantes. Incluso Google a largo plazo. Tras varios años de investigación, llegaron los cargos. La Unión Europea iniciaba hace días una investigación formal sobre las…

  • Esto es lo que pasa en la cabeza de un cantante de ópera Posted on: May 5th, 2016

    Tannhäuser y el torneo poético del Wartburg es una ópera en tres actos con música y libreto en alemán de Richard Wagner. Uno de sus segmentos se titula Canción de la estrella de la tarde. Para averiguar qué pasa en el interior de un cantante de ópera cuando interpreta esta pieza, el…

  • Thumbnail for 151392Modafinilo: ¿el mejor medicamento para dormir menos y aumentar el nivel de atención? Posted on: May 5th, 2016

    Comercializado en España bajo el nombre de Modiodal, el modafinilo es un fármaco que, al igual que el metilfenidato, basa su efecto en neurotransmisores que intervienen en tareas mentales como la atención, tales como la dopamina y la noradrenalina. La ventaja del modafinilo es que no parece…

  • Thumbnail for 151364YouTube ofrecerá TV de pago por Internet Posted on: May 5th, 2016

    YouTube Unplugged llegará en 2017 y quiere un precio inferior a $35. Seguramente permanecerá exclusivo a Estados Unidos durante sus inicios. En Estados Unidos en particular, y en occidente en general, se está dando el fenómeno de gente que se da baja de forma masiva de la televisión de pago,…

  • Este nuevo envase bioplástico está hecho con azúcares residuales de la fabricación de zumos Posted on: May 5th, 2016

    Un prototipo de envase bioplástico a partir de los azúcares que contienen las aguas residuales de la industria de zumos ha sido desarrollado por el centro tecnológico Ainia, tal y como podéis ver en el vídeo que encabeza esta entrada. El 60% de este envase se degrada en nueve semanas. Un…

  • Thumbnail for 151351Los juguetes del futuro: trajes con tecnología wearable - presentado por @elfuturoesone Posted on: May 5th, 2016

    Los videojuegos han evolucionado a través de los años adaptándose a las nuevas tecnologías. Mejores gráficos, incremento de la usabilidad o creación de guiones más elaborados son algunos de sus avances, sin embargo siguen estando atados a las restricciones que nos aporta una pantalla,…

  • Thumbnail for 151288La aportación de las variables biométricas en la seguridad de los cajeros Posted on: May 4th, 2016

    El uso de variables biométricas como la huella dactilar ha cambiado la seguridad en smartphones, pero también en la banca. Repasamos algunos métodos que ya se usan y otros que pueden implementarse en los cajeros de los próximos años. Considerados durante años los métodos más seguros para…

  • Thumbnail for 151275Los platós donde se grabaron algunas de las series más famosas de la TV Posted on: May 4th, 2016

    En estos platós se filmaron algunas de las series más destacadas de la televisión. ¿Cuántos de ellos conoces? Para muchos fans de las series de televisión, éstas se convierten en parte importante del día a día, ya sea que se espere con ansia el estreno de un nuevo capítulo como cuando se…

  • Thumbnail for 151272Demandarán a Estado mexicano por atentar contra la privacidad Posted on: May 4th, 2016

    Almacenar metadatos no es compatible con los derechos humanos, dice R3D. La Segunda Sala de la Suprema Corte de Justicia mexicana negó el amparo que presentó la organización por los derechos digitales R3D contra los artículos 189 y 190 de la Ley de Telecomunicaciones y Radiodifusión, los…

  • Thumbnail for 151259La lucha social de Aliada en México Posted on: May 4th, 2016

    Startups como Aliada han encontrado entre sus objetivos ayudar a miles de mujeres de la limpieza en México, un sector profesional muy olvidado y maltratado. Un millón de trabajadoras del hogar en México con empleo digno en 2020. Este es el objetivo de Aliada, una startup mexicana que busca…

  • Thumbnail for 15124412 series de televisión que deberías estar viendo Posted on: May 4th, 2016

    Sí, otra vez te decimos qué hacer, pero con buenas intenciones. Ha pasado más de un año desde la última vez que recomendamos una lista de series que creemos que cualquiera que disfrute la buena televisión debería ver. La cantidad de tv de calidad que existe en la actualidad puede resultar…

  • Memes y otras reacciones a la caida de la red de voz de AT&T en Puerto Rico no se hicieron esperar Posted on: May 4th, 2016

    Hacer leña del arbol caído no ha quedado en oídos sordos en Puerto Rico a raíz de la avería de la red de voz de AT&T en Puerto Rico. Leer más Fuente::…

  • Thumbnail for 151227Instagram ya está probando sus nuevos perfiles para negocios Posted on: May 4th, 2016

    Si algo sobra en Instagram, son cuentas de negocios. Desde pequeños emprendedores, hasta las grandes marcas, pasando por el gato que se convirtió en celebridad, hasta nueve de cada diez restaurantes a los que has ido en tu ciudad. No es sorpresa que finalmente los perfiles especiales para…

  • Thumbnail for 151229Tesla cumple las expectativas, la acción sube Posted on: May 4th, 2016

    Tesla informa de unos buenos resultados trimestrales en los que destaca su crecimiento de ingresos y ritmo de producción de cara al lanzamiento del Tesla Model 3 en 2017. La compañía de Elon Musk ha tenido un trimestre cargado de movimientos con su constante expansión de supercargadores, el…

  • Este zoo no tendrá animales Posted on: May 4th, 2016

    Acerbas son las disquisiciones a propósito de la conveniencia de exhibir animales en parques zoológicos para disfrute (y en ocasiones ludribrio) de los visitantes. Para sortear estos debates éticos, nace eZoo, un proyecto de realidad virtual que propone un zoo como lugar en el que se recrean…

  • Thumbnail for 151210Descubre nueva música a través de un gráfico infinito de sugerencias Posted on: May 4th, 2016

    Juguete nuevo, música nueva. Panther es un pequeño proyecto open source de Joshua Comeau que utiliza la API de Spotify para hacer sugerencias musicales basadas en un artista inicial que el usuario especifique. Es decir, abres la web, escribes el nombre de una banda que te guste, y de inmediato…

  • Historias “de terror” de averías en sistemas tecnológicos Posted on: May 4th, 2016

    Las historias de terror no son solamente de fantasmas, monstruos y zombies. Leer más Fuente::…

  • Thumbnail for 151213Facebook paga 10.000 dólares a un niño de 10 años por encontrar un fallo en Instagram Posted on: May 4th, 2016

    20MINUTOS El jóven no alcanza la edad requerida para tener su propia cuenta en la red social pero alertó a la compañía que se podía eliminar cualquier comentario.El problema pudo resolverse a finales de febrero y Jani recibió su pago en marzo.Facebook puso en marcha su 'programa de…

  • Thumbnail for 151191Donald Trump será el candidato republicano a la presidencia de los Estados Unidos Posted on: May 4th, 2016

    A meses de que terminen las elecciones primarias, Trump quedó como el único contendiente de los republicanos. El resultado de las elecciones primarias de Estados Unidos en Indiana le ha dado un vuelco a la carrera presidencial. Donald Trump se ha convertido en el candidato virtual por el partido…

Read more