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 124903Estamos alcanzando un punto sin retorno en el deshielo de la Antártida Posted on: Feb 9th, 2016

    La Antártida es un masivo continente congelado. Por su naturaleza, el hielo domina el paisaje. Pero también el clima del planeta entero. Sin embargo, un reciente estudio ha levantado la alarma. Si pensábamos que lo teníamos todo dicho con respecto al calentamiento global, estábamos muy, pero…

  • Thumbnail for 124888StreetView VR lleva los mapas en 360º al Samsung Gear VR Posted on: Feb 9th, 2016

    StreetView VR acerca el popular servicio de fotos en 360 de Google al Gear VR, permitiendo viajar a cualquier destino que esté disponible en la versión web. Muchos conceptos de realidad virtual y realidad aumentada han girado en torno a la situación física de la persona, permitiendo y aportando…

  • Mazola CardioCart: un carrito de compras que te ayuda a comer saludable Posted on: Feb 9th, 2016

    Mira lo que este carrito del supermercado del futuro puede hacer por tu salud al recomendarte alimentos basados en tu salud cardiovascular, y lo hace justo en la parte dentro del supermercado donde los puedes comprar. Leer más Fuente::…

  • Thumbnail for 124905El chocolate podría ser beneficioso para en las embarazadas Posted on: Feb 9th, 2016

    A la vez que Centros de Control y Prevención de Enfermedades (CDC) de Estados Unidos desaconsejan que las embarazadas visiten una lista de países latinoamericanos a causa del riesgo del virus Zika, recibimos una buena noticia en forma de dulce: el chocolate. Y es que, según un reciente estudio…

  • Thumbnail for 124874PayPal se suma a la causa de Netflix para bloquear VPNs y servicios de DNS Posted on: Feb 9th, 2016

    PayPal empieza a bloquear pagos a compañías que ofrecen VPNs y Smart DNS, sumándose a Netflix en su lucha por proteger los derechos de autor. Desde que Netflix anunció que empezaría a bloquear los servicios de DNS y VPNs, no hemos asistido a ningún bloqueo adicional además del acontecido…

  • Thumbnail for 124861La historia de la fotografía, en un vídeo de cinco minutos Posted on: Feb 9th, 2016

    COOPH nos hace un repaso por la historia de la fotografía en un vídeo de 5 minutos pero de muchísima calidad. YouTube sigue siendo una fuente inagotable de contenido de altísima calidad. Ya os enseñamos la historia de SpaceX en 10 minutos, y hoy el servicio de streaming de Google nos sorprende…

  • Thumbnail for 124847Orange absorbe oficialmente a Jazztel: se convierte en una única operadora Posted on: Feb 9th, 2016

    Orange ha presentado en el registro la fusión de Jazztel y a efectos oficiales, ambas pasan a ser una única operadora. Tras la compra, y la posterior aprobación del regulador y de propio accionariado de Jazztel, estábamos contando los días hasta que su nueva matriz y propietaria, Orange,…

  • Thumbnail for 124833Y ahora Pepephone también hará ruido en la banca digital Posted on: Feb 9th, 2016

    Pepephone, que se encuentra estudiando las distintas posibilidades, anuncia que entrará a operar en el sector de la banca digital en los próximos meses. De momento, se encuentran tanteando el mercado para definir su mejor estrategia. Pepephone no conoce límites y ha vuelto a dar un giro a su…

  • Da un paseo virtual por la superficie de Marte con este vídeo de 360 grados de la NASA Posted on: Feb 9th, 2016

    Marte es el segundo más cercano a la Tierra, después de Venus. Pero la distancia entre los dos planetas está cambiando constantemente. La máxima aproximación de los dos planetas se produjo en 2003, cuando se situaron a 56 millones de kilómetros de distancia. La distancia media entre los dos…

  • Thumbnail for 124820X-Files 10×04: somos responsables de lo que creamos Posted on: Feb 9th, 2016

    El emotivo 10x04 de X-Files explora la responsabilidad sobre nuestras creaciones, y del camino que estas tienen que recorrer. Spoilers del episodio a continuación. El nuevo episodio, guionizado y dirigido por Glen Morgan, que ha hecho algunos de los mejores episodios de la serie, nos pone…

  • Thumbnail for 12471725 años revolucionando la industria de los videojuegos, la historia de Blizzard Posted on: Feb 8th, 2016

    Blizzard Entertainment lleva 25 años siendo uno de los protagonistas clave en la historia de los videojuegos, con títulos que influirían a una generación entera y que escribirían el guión que la industria de los videojuegos ha seguido hasta nuestros días. Corría el año 1991 cuando tres…

  • Thumbnail for 124704Los mejores tráilers de la semana (LV): diversión, animales y brujería Posted on: Feb 8th, 2016

    Esto nos llevará muchas palomitas. Comencemos la semana repasando los tráilers que se estrenaron hace muy poco y que solo levantan la expectativa por los grandes títulos que disfrutaremos en el cine. Durante el superdomingo de Super Bowl tuvimos una avalancha de tráilers nuevos de películas.…

  • Thumbnail for 124679Máxima expectación ante el posible descubrimiento de las ondas gravitacionales Posted on: Feb 8th, 2016

    Un email filtrado disparó los rumores sobre el hallazgo de las ondas gravitacionales. La convocatoria de una rueda de prensa para este jueves sobre los resultados de la investigación eleva la expectación al máximo. Consideradas como el gran reto de la física de la próxima década, las ondas…

  • Thumbnail for 124681Analizamos el Huawei Mate 8: batería para días, pero ¿merece la pena? Posted on: Feb 8th, 2016

    Huawei presenta en España la nueva versión de su terminal insignia de gran tamaño. Para muchos un phablet —para mí es simplemente un smartphone grande sin mayor función específica— el Huawei Mate 8: un terminal fino, metálico y de marcos reducidos. El crecimiento espiritual de la gama…

  • Mira las fotos que un celular aún no es capaz de tomar Posted on: Feb 8th, 2016

    Las cámaras de los celulares han avanzado mucho en calidad y capacidad, pero como quedó demostrado en este intento de capturar la Aurora Borealis, aún falta mucho para que estas reemplazan a las cámaras "de verdad". Leer más Fuente::…

  • Thumbnail for 124663La nueva beta de iOS 9.3 se reafirma como la mejor actualización de iOS en los últimos años Posted on: Feb 8th, 2016

    La nueva beta de iOS 9.3 llega para mejorar la anterior y confirmar que es una de las mejores actualizaciones de iOS. Apple ha publicado la tercera beta de iOS 9.3, y en línea con las novedades que llegaron con la beta anterior, la compañía ha dado un buen repaso a 3D Touch en esta nueva…

  • Thumbnail for 124650¿Cuál es la probabilidad de que te caiga un meteorito? Posted on: Feb 8th, 2016

    India confirma la primera muerte de un ser humano por la caída de un meteorito. La probabilidad de que nos caiga una roca espacial es bastante remota. La muerte de un hombre en India, que según las autoridades fue debida al impacto de un meteorito, puede generar incertidumbre entre la sociedad.…

  • Thumbnail for 124637Las fotos que tenemos de Marte, desde la Mariner hasta el Mars Science Laboratory Posted on: Feb 8th, 2016

    Las fotos de Marte han sido siempre objeto de una fascinación bien merecida. Y cuanto más tiempo pasa, más y mejores son las imágenes obtenidas del misterioso y evocador planeta rojo. ¿Cuándo comenzamos a obsesionarnos por Marte? Muy probablemente, el interés comenzara a crecer en 1877…

  • Thumbnail for 124622Consigue más espacio gratis en Google Drive revisando la seguridad de tu cuenta Posted on: Feb 8th, 2016

    Con motivo del día de la seguridad en Internet, solo por revisar la configuración de tu cuenta tendrás espacio gratis en Google Drive. Tal como hizo el año pasado con el día de la privacidad en la red, Google vuelve a la carga y esta vez, con el Día de la seguridad en Internet, la compañía…

  • Thumbnail for 124624Samsung muestra en una patente el uso del S-Pen como soporte Posted on: Feb 8th, 2016

    El S-Pen se ha convertido con los años en un accesorio cada vez más versátil, pero como vemos en una patente, podría convertirse en un soporte físico de los Galaxy Note. Si algo ha caracterizado desde 2011 a la gama Galaxy Note no es el tamaño, aunque en principio fue lo que la dio a conocer.…

  • Thumbnail for 124603El plan del PSOE en ciencia e innovación se acerca a Podemos Posted on: Feb 8th, 2016

    El PSOE hace público el programa con el que inicia la ronda de negociaciones para tratar de investir a Pedro Sánchez como presidente del Gobierno. Estas son las propuestas en materia de ciencia, innovación y emprendimiento. El PSOE ha hecho oficial el ​Programa para un gobierno progresista y…

  • Thumbnail for 124618El plan del PSOE en ciencia e innovación se acerca a Podemos Posted on: Feb 8th, 2016

    El PSOE hace público el programa con el que inicia la ronda de negociaciones para tratar de investir a Pedro Sánchez como presidente del Gobierno. Estas son las propuestas en materia de ciencia, innovación y emprendimiento. El PSOE ha hecho oficial el ​Programa para un gobierno progresista y…

  • Thumbnail for 124605Curiosity nos permite dar un paseo virtual por Marte en 360º y 4K Posted on: Feb 8th, 2016

    La NASA ha publicado un vídeo en VR, 360º y 4K de la superficie de Marte a través de imágenes tomadas por el Curiosity La NASA no deja de sorprendiendonos con nuevas imágenes o vídeos interactivos. Si la semana pasada nos ofrecía ver la superficie de Ceres a través de una animación basada…

  • Thumbnail for 124589Las mejores ofertas para celebrar el Año Nuevo Chino de Amazon Posted on: Feb 8th, 2016

    Nǐ hǎo. Xīnnián hǎo Que la celebración del Año Nuevo Chino sea algo que llega hasta Occidente no es de extrañar. Con buena parte de la población mundial viviendo allí, y siendo uno de los países con más manufacturación del planeta, estos días nos encontramos con ofertas increíbles en…

  • Thumbnail for 124572La segunda vida de los refugiados sirios: emprendiendo en Alemania Posted on: Feb 8th, 2016

    Global Entrepreneurship Monitor apunta a que los refugiados sirios podrían ser la fuerza emprendedora del futuro en Alemania. A pensar de esto, el problema del idiomas, visados y financiación serán sus principales barreras de inicio. "En los momentos de crisis, sólo la imaginación es más…

  • Thumbnail for 124586La ciudad que vive del petróleo ya está preparando una ciudad postpetróleo Posted on: Feb 8th, 2016

    El petróleo, primero, y la construcción, el comercio, el turismo y el sector financiero, después han contribuido a hacer de Dubái al lujo y a los despropósitos más extraños, como sus máquinas expendedoras de oro. Pero Arabia Saudita ya se prepara pa­ra cuando se acabe el petróleo. Uno de…

  • Thumbnail for 124556El sueño de Mark Zuckerberg de internet gratuito en India se convierte en pesadilla Posted on: Feb 8th, 2016

    India ha prohibido Internet.org por considerar que inclumple los principios de neutralidad de la red. El sueño de Mark Zuckerberg con Free Basics va a quedarse, de momento, en agua de borrajas. India ha anunciado que el servicio de internet gratuito de Facebook queda prohibido tras el cambio…

  • El pulpo tiene una vida social violenta Posted on: Feb 8th, 2016

    Estos pulpos "empujan a otros animales cercanos, se golpean entre ellos y a veces se enganchan en intensas peleas", son palabras que podéis ver reflejadas en el vídeo que encabeza esta entrada y que han sido pronunciadas por Godfrey-Smith, investigador de la Universidad de Sídney y académico de…

  • Thumbnail for 124552Las gafas de realidad virtual de Google llegarán este año, según el Financial Times Posted on: Feb 8th, 2016

    Según el diario financiero, Google y la realidad virtual irán de la mano este año y tendremos novedades en el próximo Google I/O. A pesar de que la trayectoria de Google con la realidad virtual ya tiene bastante inercia, parece que el experimento de la compañía con las Cardboard va a terminan…

  • Thumbnail for 124558Los internautas españoles, entre los que más problemas de seguridad tuvieron en 2015 Posted on: Feb 8th, 2016

    EUROPA PRESS El 30% de los internautas españoles han experimentado problemas de seguridad en la red en 2015.Virus, pérdidas financieras, datos personales o el acceso de menores a contenido inapropiado son los más comunes.Este porcentaje está por encima de la media (25%) de la UE, según datos…

Read more