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
  • Huawei te facilita hablar, dormir y mantener tu salud con la TalkBand B2 Posted on: Mar 1st, 2015

    TalkBand B2 se convierte en un auricular bluetooth, mantiene estadísticas, recomienda mejorar tu manera de dormir e identifica en que momento estas caminando o haciendo ejercicios. Leer más Fuente::…

  • Thumbnail for 10368Lo mejor del MWC 2015: Día 1 Posted on: Mar 1st, 2015

    Tras un intenso día, damos un repaso a lo más destacado que hemos visto durante este primer día en el MWC 2015: smartphones, wearables e incluso un casco de realidad virtual. Con todas las filtraciones previas al y Galaxy S6 Edge. Más allá de especificaciones, la cámara o su buen…

  • Thumbnail for 10355Un vistazo más de cerca al HTC One M9 Posted on: Mar 1st, 2015

    Probamos durante unos minutos el HTC One M9, la apuesta de la compañía asiática para este año 2015. ¿Suficiente? ¿Demasiado conservador? ¿Éxito rotundo? Tras unas intensas semanas de espera, filtraciones y rumores, HTC ha presentado oficialmente su HTC One M9, el flagship con el que la…

  • Pantallas curvas, diseño metálico e impresionantes cámaras es lo nuevo de Samsung con sus Galaxy S6 y S6 Edge Posted on: Mar 1st, 2015

    ¡El tan esperado Galaxy S6 ya esta aquí! Pero no vino solo. Samsung también anuncio el Galaxy S6 Edge con pantalla curva a ambos lados, diseño metálico y impresionantes mejoras en su cámara. Leer más Fuente::…

  • Thumbnail for 10340Impresiones y fotos en detalle de Galaxy S6 y S6 Edge Posted on: Mar 1st, 2015

    Hemos podido probar el Galaxy S6 y el S6 Edgetras su presentación en el MWC 2015. Estas son nuestras primeras impresiones y fotos al detalle de su diseño y construcción. Ya había ganas, ¿eh? Un año después de la llegada del S5, Samsung ha cumplido el ciclo y ha presentado el nuevo Galaxy S6.…

  • Huawei entra al mercado de los relojes inteligentes premium con el Huawei Watch Posted on: Mar 1st, 2015

    Huawei se une a la carrera de relojes inteligentes. Anuncia su primer smartwatch con la plataforma Android Wear Leer más Fuente::…

  • HTC presenta el RE Grip, una nueva pulsera con GPS que monitorea tu actividad física y patrones de sueño Posted on: Mar 1st, 2015

    Ahora con el HTC Re Grip puedes medir tu actividad física, tus patrones de sueño y ver las notificaciones de tu móvil desde tu muñeca. Leer más Fuente::…

  • Thumbnail for 10311Samsung Galaxy S6 Edge: cuando más es menos Posted on: Mar 1st, 2015

    Samsung continua su apuesta por la curvatura de sus pantallas. Sobre el papel, un claro ejemplo de que más es menos. Todo lo que nos ha gustado del nuevo Galaxy S6 se torna en una gran incógnita cuando vemos la doble curvatura de la pantalla del Galaxy S6 Edge. Es en esencia el mismo terminal,…

  • Thumbnail for 10313Ya es oficial el Galaxy S6, el Samsung que estábamos esperando Posted on: Mar 1st, 2015

    Se presenta oficialmente uno de los smartphones más esperados del año: los materiales premium llegan a la firma surcoreana. Este es el Samsung Galaxy S6. 2015 es un punto de inflexión para Samsung. Tras un 2014 en el que perdieron el liderazgo en China, uno de los mayores mercados del sector…

  • Thumbnail for 10297Cobertura en vivo: Samsung Unpacked 2015 Posted on: Mar 1st, 2015

    Sigue con Hipertextual la presentación de Samsung Unpacked en el Mobile World Congress 2015. Leer más Fuente::…

  • Thumbnail for 10294Primeras impresiones del Huawei Watch, TalkBand B2 y TalkBand N1 Posted on: Mar 1st, 2015

    Tras su presentación, hemos podido ver de primera mano cómo son los nuevos wearables de Huawei, especialmente el nuevo Huawei Watch, su primer smarwatch con Android Wear. Tras estrenarse Huawei como una de las primeras en presentar sus productos en este MWC 2015, y centrándose este año en el…

  • ¡Bye Bye Ultrapixels! El nuevo HTC One M9 ahora incorpora una cámara de 20MP Posted on: Mar 1st, 2015

    Regresa HTC con una nueva y mejorada versión del One. Ahora conocido como el M9 incluye cámara de 20 megapixeles y sonido Dolby 5.1 surround. Leer más Fuente::…

  • HTC se adentra junto a Valve al mundo del Virtual Reality con el RE Vive Posted on: Mar 1st, 2015

    HTC es la más reciente compañía que presenta su solución de Virtual Reality con el RE Vive Leer más Fuente::…

  • HTC se adentra junto a Valve al mundo del Virtual Reality con el RE Vive Posted on: Mar 1st, 2015

    HTC es la más reciente compañía que presenta su solución de Virtual Reality con el RE Vive Leer más Fuente::…

  • Thumbnail for 10281Call+ es la propuesta de Vodafone para la voz sobre LTE Posted on: Mar 1st, 2015

    Vodafone ha presentado Call+, su servicio de voz sobre LTE con el que la operadora quiere enriquecer las llamadas de los usuarios con la posibilidad de compartir contenidos al mismo tiempo que realizamos la llamada. Tras la presentación este jueves pasado de sus nuevas propuestas para el futuro…

  • Thumbnail for 10271HTC se alía con Valve para la realidad virtual de Re Vive Posted on: Mar 1st, 2015

    HTC Re Vive es el nuevo casco de realidad virtual que cuenta con partners como Valve, HBO, Google o Steam. La nueva apuesta de los taiwaneses. HTC vuelve a ser cool, vuelve a molar, vuelve a hacernos sentir emoción en sus presentaciones. Como nunca debió dejar de hacerlo. Tras presentar el HTC…

  • Thumbnail for 10272HTC se alía con Valve para la realidad virtual de Re Vive Posted on: Mar 1st, 2015

    HTC Re Vive es el nuevo casco de realidad virtual que cuenta con partners como Valve, HBO, Google o Steam. La nueva apuesta de los taiwaneses. HTC vuelve a ser cool, vuelve a molar, vuelve a hacernos sentir emoción en sus presentaciones. Como nunca debió dejar de hacerlo. Tras presentar el HTC…

  • Thumbnail for 10275HTC Grip, la pulsera cuantificadora de HTC y Under Armour Posted on: Mar 1st, 2015

    HTC se sube al carro de las pulseras cuantificadoras con todo lo que cabría de esperar. Lo más reseñable de este nuevo dispositivo es que tendrá un SO propietario, desarrollado por HTC y que será compatible con dispositivos iOS y Android. No será un dispositivo Android Wear como cabría de…

  • HTC Grip, la pulsera cuantificadora de HTC y Under Armour Posted on: Mar 1st, 2015

    HTC se sube al carro de las pulseras cuantificadoras con todo lo que cabría de esperar. Lo más reseñable de este nuevo dispositivo es que tendrá un SO propietario, desarrollado por HTC y que será compatible con dispositivos iOS y Android. No será un dispositivo Android Wear como cabría de…

  • Thumbnail for 10250Exclusiva: la cámara del Galaxy S6 tendrá RAW, será ultra rápida y con controles manuales completas Posted on: Mar 1st, 2015

    A escasas horas de la presentación oficial del Samsung Galaxy S6, fuentes propias nos han proporcionado información sobre cómo será su cámara con algunos detalles que no conocíamos hasta ahora. Estas especificaciones dejan al Galaxy S6 como una de las cámaras compactas más avanzadas del…

  • Thumbnail for 10252One M9, el día en que HTC volvió a las buenas cámaras Posted on: Mar 1st, 2015

    Ya está aquí de forma oficial, la evolución que todos esperábamos de una de las mejores líneas de smartphones en Android. Este es el terminal estrella de HTC para el 2015. El HTC One M7 y el HTC One M8 fueron sin lugar a dudas los mejores smartphone en pantalla, sonido y calidad de materiales…

  • AT&T confirma la disponibilidad del reloj inteligente Watch Urbane de LG Posted on: Mar 1st, 2015

    Ya pronto podrás adquirir el reloj inteligente Watch Urbane de LG en la proveedora AT&T Leer más Fuente::…

  • Thumbnail for 10254Cobertura en vivo: presentación de HTC en el Mobile Word Congress 2015 Posted on: Mar 1st, 2015

    Sigue con Hipertextual la presentación de HTC en el Mobile World Congress 2015. Leer más Fuente::…

  • Thumbnail for 10231Probamos los nuevos smartwatches de LG Posted on: Mar 1st, 2015

    Probamos el Watch Urbane y el Watch Urbane LTE, smartwatches cargados de funciones y con el diseño más elegante de la firma LG. Todos los días hablando de smartwatches, todas las empresas lanzan el suyo, pero nadie compra uno. 720.000 Android Wears vendidos en 2014, a la altura de Pebble. Pese a…

  • Thumbnail for 10233Huawei ha presentado el Android Wear más elegante hasta la fecha Posted on: Mar 1st, 2015

    Tras su filtración el día anterior a su presentación, el nuevo Huawei Watch ha sido presentado de manera oficial durante el MWC 2015, destacando con su diseño elegante. Junto con la prsentación del nuevo Huawei Ascend Mate 7 Compact, la compañía china tenía preparada otra sorpresa para…

  • Thumbnail for 10207Galaxy S6 y Galaxy S6 Edge, primer hands-on filtrado Posted on: Mar 1st, 2015

    El aluminio y el cristal sientan genial a los nuevos flagship de Samsung. Cuando se presentan dispositivos a un grupo reducido de personalidades y prensa, siempre cabe la posibilidad de que existan filtraciones antes de las presentaciones oficiales. Ya lo vimos con el HTC One M9 y ahora, horas…

  • La tabla de surf que flota sobre las olas Posted on: Mar 1st, 2015

    Como si fuera el aeropatín de Back to the Future 2, esta tabla de surf flota sobre las olas porque está equipada con una enorme quilla alada de aluminio que al ganar velocidad se eleva. Se llaman Foilboards. Debido a la fricción reducida, las tablas puede lograr altas velocidades. Los foilboards…

  • Thumbnail for 10174Avanza Tortuga, Retrocede Tortuga: lo que fue el LOGO Posted on: Mar 1st, 2015

    Os cuento un cosa. De pequeño me creía un genio informático. Bueno, a decir verdad me lo hicieron creer. Concretamente fue una guapa profesora de informática, allá por el Pleistoceno, cuando yo cursaba 4º o 5º de EGB (tenía, pues, once o doce años de edad). En aquel entonces, las clases…

  • Thumbnail for 10159Muy profesionales, sofisticados y jerarquizados: así es el nuevo cibercrimen internacional Posted on: Mar 1st, 2015

    EFE Los atacantes son gente muy preparada para manipular código malicioso y entrenada exclusivamente para ello.Unos pocos líderes marcan las pautas y controlan a los de rango inferior, que son mucho más numerosos y se coordinan desde distintas partes del mundo.Estudian durante meses los hábitos…

  • Thumbnail for 100369 aplicaciones para tomar mejores selfies en Android Posted on: Feb 28th, 2015

    Tus selfies en Android nunca habían sido tan perfectos. Utiliza estas aplicaciones que te recomendamos y se la envidia de tus amigos en redes sociales. Selfie fue la incorpora una función llamada "emoción dramática" para dar el mejor acabado a tu selfie: mayor suavidad a la piel y un tono de…

Read more