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 26726Nottingham, Inglaterra, sigue aumentando su flota de autobuses eléctricos Posted on: Apr 27th, 2015

    La ciudad de Nottingham aumenta su flota de autobuses eléctricos con la incorporación de 13 nuevas unidades. BYD, uno de los fabricantes de autobuses eléctricos más importantes del planeta, ha confirmado que ha recibido un nuevo pedido proveniente de una Administración Pública, en este caso…

  • Thumbnail for 26739Una exposición única en el Cosmocaixa: la odisea del Soyuz 2 Posted on: Apr 27th, 2015

    Sputnik: la odisea del Soyuz 2 es una exposición única del Cosmocaixa, el museo de ciencia de Barcelona. La razón por la que es única forma parte de la propia esencia de la exposición, y desvelarlo rompería la magia de muchos de los visitantes. Así que tendréis que acudir en persona a…

  • Thumbnail for 26594La nueva generación del Samsung Gear está cerca Posted on: Apr 26th, 2015

    El acceso previo a desarrolladores para la nueva generación del Samsung Gear nos da unas cuantas pistas sobre su diseño final. Samsung Electronics ha anunciado el acceso previo a los miembros de su comunidad mundial de desarrolladores al SDK (Software Development Kit) de la próxima generación…

  • Thumbnail for 26591Si tuvieras que comprar una consola de videojuegos a día de hoy, ¿cuál sería? Posted on: Apr 26th, 2015

    Xbox One, PlayStation 4 o Wii U; solo puede quedar una. Las consolas de videojuegos y los videojuegos en sí son una parte cada vez más importante en la industria tecnológica y de consumo. La gran mayoría del público recurre a estos de forma frecuente o, al menos, posee una consola de…

  • Thumbnail for 26578Chiune Sugihara, el Schindler japonés Posted on: Apr 26th, 2015

    Porque los héroes, conocidos o no, deben ser recordados, en Hipertextual vamos a tratar la historia de Chiune Sugihara, conocido como el Schindler japonés y que salvó la vida de más 10000 refugiados judíos durante la II guerra mundial. Decir que la , cerca de Harbin, su primer destino como…

  • Thumbnail for 26565Primer tráiler oficial de Call of Duty: Black Ops 3 Posted on: Apr 26th, 2015

    El tráiler oficial de Call of Duty: Black Ops 3 llega después de un interesante teaser y numerosas filtraciones. ¿Sabrá Treyarch Games dar una vuelta de tuerca más? Anunciado hace unas semanas y precedido de un trabajado teaser, hoy tocaba ver el reveal del nuevo Call of Duty, tocándole este…

  • Thumbnail for 26542Las mejores aplicaciones de la semana (LXXII): Windows Phone, iOS y Android Posted on: Apr 26th, 2015

    Una semana más os traemos la recopilación con las mejores aplicaciones para tu sistema operativo móvil favorito, ya sea iOS, Windows Phone o Android. Bienvenidos un domingo más a la recopilación con las mejores aplicaciones de la semana para el sistema operativo favorito móvil de tu…

  • Thumbnail for 26529Los falsos recuerdos que provoca el cannabis Posted on: Apr 26th, 2015

    La distorsión de los recuerdos parece estar asociado al abuso de cannabis, según sugiere un nuevo estudio llevado a cabo por el Instituto de Investigación Biomédica del Hospital de Sant Pau y la Universidad Autónoma de Barcelona (España), y que ha sido publicado en la revista Molecular…

  • 3.000 palillos de helado pueden soportar un peso de una tonelada Posted on: Apr 26th, 2015

    La maqueta ganadora en la XII edición del concurso de puentes hechos con palillos de helado de la Universidad Miguel Hernández (UMH) de Elche, en la categoría de peso, ha sido para la que podéis ver en el vídeo que encabeza esta entrada. Está confeccionada con 3.000 palillos de helado y ha…

  • Thumbnail for 26504Las cucarachas también tienen miedo social Posted on: Apr 26th, 2015

    La glosofobia, el pánico a hablar en público, es uno de los miedos más generalizado en los seres humanos. Pero también algunos animales tienen cierto pánico social. Incluso criaturas tan repugnantes como las cucarachas. No nos referimos a que siempre anden escondidas de los humanos, bajo esa…

  • Thumbnail for 26471Encuentra un caimán debajo de su coche, sube la fotografía y triunfa en Internet Posted on: Apr 26th, 2015

    20MINUTOS La imagen ha sido vista casi dos millones y media de veces.La foto va a compañada del texto: "Parece que no voy a casa".El contenido se ha viralizado tras ser subido a Reddit.A veces, los fenómenos en Internet se encuentran en sitios tan insospechados como debajo del propio coche.Es lo…

  • Thumbnail for 26448Breve guía de las pseudociencias: la mala psicología Posted on: Apr 26th, 2015

    En el mundo de las pseudociencias, la mala psicología tiene un papel muy destacado. Descubramos qué tratamientos forman parte de ella. La ciencia es humilde por definición porque su método se cimenta sobre el rigor intelectual, sobre las comprobaciones meticulosas de la comunidad científica y,…

  • Thumbnail for 26435La otra cara de los móviles: los aspectos más polémicos y conflictivos en su fabricación Posted on: Apr 26th, 2015

    EROSKI CONSUMER La inmensa demanda repercute en la extracción de determinados materiales, que se encuentran solo en ciertos países desestabilizados por los intereses que sus recursos generan en grupos criminales.En ocasiones, los procesos de fabricación y ensamblaje de las distintas piezas son…

  • Thumbnail for 26282Un dispositivo transmite emociones de una persona a otra sin que tengan contacto físico Posted on: Apr 25th, 2015

    EP Una investigación desarrollada por informáticos de la Universidad de Sussex así lo ha demostrado.Esta tecnología transmite diferentes estímulos que pueden traducirse en sentimientos entre personas que se encuentran en diferentes lugares.La emoción humana puede ser transferida por…

  • Thumbnail for 26253Google pide disculpas por un logo de Android orinando sobre el de Apple que se coló en Maps Posted on: Apr 25th, 2015

    20MINUTOS El dibujo aparecía en el mapa de una zona de Pakistán y ya se ha retirado.La compañía californiana lo achaca a un usuario de Map Maker, la aplicación que permite modificar las imágenes de Google Maps.Google ha pedido disculpas después de que este viernes fuera hallado en su…

  • Thumbnail for 26210Alternativas libres al software privativo que usamos en Windows Posted on: Apr 25th, 2015

    Aquí tenéis una lista de software libre para Windows: navegadores, gestores de correo electrónico y de descargas, ofimática, reproductores de música y vídeo y descompresores. Si uno desea lanzarse de lleno a la utilización de software libre, lo más lógico es que utilice otros sistemas…

  • Thumbnail for 26197Robots asesinos, un arma aún de ficción que ya despierta alarma Posted on: Apr 25th, 2015

    EFE Expertos en armamento piden la prohibición del desarrollo, producción y uso de las armas letales autónomas, conocidas como robots asesinos."Aunque los expertos no se ponen de acuerdo en cuándo estas armas podían materializarse, sí coinciden en que su desarrollo es factible y probable",…

  • Thumbnail for 26184Cuando tienes tanto frío que al final mueres por el calor Posted on: Apr 25th, 2015

    Todos conocemos personas que parecen tener más frío de lo habitual. Gente que siempre necesita abrigarse un poco, a pesar de que nosotros estamos sudando por el calor. Generalmente, de hecho, son los hombres los que suelen quejarse del frío de las mujeres (aunque esa discrepancia puede darse…

  • Thumbnail for 26050Mi experiencia al pasar a usar un teclado mecánico Posted on: Apr 24th, 2015

    Desde que tuve mi primer ordenador, la tienda de electrónica más cercana a mi casa se convirtió en mi lugar favorito que visitar. Desde muy joven siempre he sentido una necesidad de acumular periféricos para mi computador a un nivel que casi raya en obsesión. Audífonos, ratones, monitores,…

  • Thumbnail for 26052BlablaCar compra la startup mexicana Aventones Posted on: Apr 24th, 2015

    Una de las primeras acciones estratégicas de la empresa francesa BlablaCar ha sido adquirir a la estable startup mexicana Aventones. Con la llegada de BlablaCar a México, la empresa francesa, quien se encuentra a la cabeza como la comunidad de viajes compartidos más grande del mundo, ha comprado…

  • Thumbnail for 26036Los mejores tráilers de la semana (XXX): horror y mafiosos Posted on: Apr 24th, 2015

    Se nos fue una semana más. Durante estos días se estrenaron muchos tráilers y tuvimos grandes noticias para la pantalla chica y grande. Llegamos al final de una semana más de este cuarto mes del año, y como ya es costumbre en Hipertextual es momento de repasar los mejores tráilers de la…

  • Esta aplicación pone una enfermera virtual en tu smartphone Posted on: Apr 24th, 2015

    Un enlace inmediato con el médico es lo que muchos pacientes desean, además de los recordatorios diarios de medicamentos y laboratorios. Ahora una aplicación lo hace realidad a través de una enfermera virtual. Leer más Fuente::…

  • ¿Peligro de acoso para usuarios de Tinder? Posted on: Apr 24th, 2015

    Mucho se ha hablado del tema de privacidad en la era de la conectividad. Aún así, muchos usuarios se descuidan y exponen públicamente datos personales que les ponen en peligro. Leer más Fuente::…

  • Thumbnail for 25969Ya conocemos más detalles del futuro de ARM, este es el Cortex A72 Posted on: Apr 24th, 2015

    Ya conocemos los detalles del sucesor del ARM Cortex A57. Este es el futuro de los SoC de nuestros smartphone, este es el ARM A72. En febrero ARM anunció la nueva arquitectura de núcleo de alto rendimiento, el Cortex A72 envuelto en misterios y dudas por resolver. Ayer en un evento en Londres…

  • Thumbnail for 25966Algunas boutiques están vendiendo el Apple Watch en UK sin reserva Posted on: Apr 24th, 2015

    Según reportan varios usuarios, Apple está vendiendo el Apple Watch en UK en boutiques sin necesidad de haber realizado una reserva. Muchas de las críticas al plan inicial de Apple sobre el sistema de distribución del Apple Watch parece que poco a poco se van disipando. Y es que a pesar de que…

  • Hello, el nuevo app de Facebook para Android, da superpoderes a tu celular al momento de llamar por teléfono Posted on: Apr 24th, 2015

    El contactar vía telefónica a un negocio o persona con presencia en Facebook podría ser tedioso, pero sustituyendo la función que ofrecen los teléfonos Android para marcar números con este nuevo app de Facebook, la cosa cambia, y según pudimos observar, la idea es buena. Leer más Fuente::…

  • Thumbnail for 25953¿Son los mods de pago en Steam una decisión correcta? Posted on: Apr 24th, 2015

    Valve permitirá comercializar mods en Steam por parte de Valve ha causado un cisma entre los usuarios y modders de la plataforma. ¿Cuáles son los motivos? Durante el día de ayer Valve implementó en Steam la posibilidad de que los creadores de mods cobren por su trabajo alojado en Steam…

  • Thumbnail for 25928La hipócrita exigencia a los teléfonos móviles Posted on: Apr 24th, 2015

    O de cómo perdemos la perspectiva sobre los momentos de la tecnología. Me considero muy exigente con los teléfonos móviles. Lo soy ahora que trabajo escribiendo sobre ellos y analizándolos, y lo he sido siempre como amante y aficionado a la tecnología. Prueba de ello son entradas como cuando…

  • Thumbnail for 25925Noruega será el primer país del mundo en eliminar la radio FM Posted on: Apr 24th, 2015

    EUROPA PRESS Sustituirá la radio FM por un sistema de emisiones digitales a partir del 11 de enero de 2017.El 55% de los hogares en este país ya está adaptado a este nuevo sistema conocido como DAB (Digital Audio Broadcasting), que es más seguro y de más calidad.Pronto todo occidente se…

  • Thumbnail for 25911Apelar a las emociones y no a la hoja de especificaciones Posted on: Apr 24th, 2015

    Nuevos anuncios del Apple Watch que sirven de catalizador de emociones más que de producto. Apelar al corazón del usuario y no a la hoja de especificaciones. El Apple Watch ya está a la venta, los primeros usuarios que hicieron pre-order están recibiendo las primeras unidades enviadas por…

Read more