Follow Button

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 179224Los mejores tráilers de la semana (LXXI): historias épicas Posted on: Jul 30th, 2016

    Esto, por suerte, nos llevará muchas palomitas. Es tiempo de ver los mejores tráilers que se estrenaron durante esta semana; mucha diversión nos espera en la pantalla grande. Antes un poco de los mejores tráilers que se estrenaron en el Comic-Con ya que hay mucho material prometedor para los…

  • Thumbnail for 179188Algunos genes que provocan conductas muy concretas como tu miedo a molestar a la gente Posted on: Jul 30th, 2016

    Si bien somos una mezla de dotación genética y ambiente, de naturaleza y crianza, no hemos de desdeñar la capacidad de influencia de determinados genes en comportamientos o actidudes extraordinariamente concretas. Por ejemplo, un único nucleótido de un gen llamado FOXP2 origina un trastorno…

  • Thumbnail for 179115La seguridad de WhatsApp en entredicho: guarda los chats borrados Posted on: Jul 30th, 2016

    20MINUTOS.ES Incluso con el cifrado de mensajes introducido hace poco, los mensajes siguen almacenándose en el móvil.Los chats dejan un rastro para poder ser recuperados, aunque permanecen invisibles, según un programador y forense.Esta decisión por parte de WhatsApp se podría deber a posibles…

  • Thumbnail for 179100Las mejores aplicaciones de la semana (CXXXII) Posted on: Jul 30th, 2016

    Got The Weather, Boom 2, Tandam, Telemetro, Prisma, Moment y Documents. Otro sábado más, las mejores aplicaciones de la semana llegan a Hipertextual. En esta edición hemos seleccionado siete aplicaciones disponibles para las principales plataformas del sector. Documents (iOS). El popular gestor…

  • Thumbnail for 179130La enfermedad de Minamata: mercurio en el interior de los peces Posted on: Jul 30th, 2016

    Los gatos callejeros de un pequeño pueblo de pescadores, al sur de la isla japonesa de Kyushu, solían desarrollar temblores y movimientos descoordinados después de husmear en los lugares donde se descargaba pescado. Tiempo más tarde, esta especie de baile de San Vito empezó a producirse…

  • Gardelito: el robot de IBM que llega a Argentina Posted on: Jul 30th, 2016

    Heredero de la familia Nao, es capaz de asimilar conocimientos y detectar las emociones gracias a la inteligencia que le otorga Watson, la plataforma de tecnología cognitiva de IBM. Es Gardelito, que ha sido presentado en Argentina, en una charla para niños realizada en el Centro Cultural de la…

  • Thumbnail for 179020Stranger Things publicará su soundtrack Posted on: Jul 29th, 2016

    Al fin. Stranger Things ha roto todas las expectativas posibles, para bien. Nadie se lo esperaba, nadie imaginó que una serie que aparentemente sale de la nada causaría tantos comentarios positivos, que nos transportaría de esa forma a los ochentas y construiría una historia maravillosa…

  • Thumbnail for 178996Breve historia de las primeras olimpiadas en América Latina Posted on: Jul 29th, 2016

    Sólo dos ciudades han sido seleccionadas para ser sede de los Juegos Olímpicos: la Ciudad de México y Río de Janeiro. Antes de Río de Janeiro sólo otra ciudad latinoamericana había sido sede de los Juegos Olímpicos hace casi cincuenta años: la Ciudad de México en 1968. Los Juegos…

  • Thumbnail for 178983El artista detrás de los pósters de las películas más queridas del cine Posted on: Jul 29th, 2016

    Drew Struzan es el artista detrás de los pósters más destacados del cine de las últimas décadas. Su portafolio es simplemente impresionante. Drew Struzan dice que en su labor como artista encontró la forma ideal de ser feliz: hacer felices a los demás y mantener a su familia. No puede tener…

  • Thumbnail for 178970Un libro sin sentido, el misterioso Manuscrito Voynich Posted on: Jul 29th, 2016

    El misterioso Manuscrito Voynich ha esquivado cualquier esfuerzo realizado hasta el momento para desvelar su contenido. El libro no tiene sentido alguno, a día de hoy. ¿Qué esconderá? Podemos imaginar una oscura y extraña biblioteca en el corazón de Praga. En su interior, algunos raros…

  • Thumbnail for 178957Tim Cook organiza colecta de apoyo a Hillary Clinton Posted on: Jul 29th, 2016

    Además de apoyar a Hillary Clinton, Cook apoya a la parte del Partido Republicano que repudia a Trump. El CEO de Apple, Tim Cook, será anfitrión de una colecta de fondos para lo que resta de campaña de la candidata del Partido Demócrata, Hillary Clinton. La colecta del 24 de agosto la hará…

  • Thumbnail for 178944¿Qué se esconde tras los círculos de las hadas? Posted on: Jul 29th, 2016

    ¿Qué son los círculos de las hadas y por qué tienen tan fascinados a los científicos de todo el mundo? Más allá de lo anecdótico, estos elementos naturales pueden llegar a ser inquietantes. Cuentan las viejas historias que los círculos de las hadas son muy peligrosos. Meterte en uno de…

  • Thumbnail for 178931Ventajas de utilizar procesadores de última generación - presentado por @intel_la Posted on: Jul 29th, 2016

    El cibercrimen es una extensa epidemia en todas las industrias del planeta. Se estima que actualmente genera 350 mil millones de euros al año y las empresas, desde las ventas hasta la asistencia sanitaria, se han visto afectadas por el robo de la propiedad intelectual, los daños en su reputación…

  • Thumbnail for 178928Weex desafía a las autoridades mexicanas por Pokémon Go Posted on: Jul 29th, 2016

    Una buena noticia para los maestros Pokémon también significa promoción a la piratería y violación de neutralidad de la red. Weex se ha subido al tren de Pokémon Go y ofrece el primer paquete de telefonía pensado para los maestros Pokémon. No se puede negar que la fiebre Pokémon se ha…

  • Thumbnail for 178915El caso de Marina Joyce: cuando tus fans se convierten en tus peores enemigos Posted on: Jul 29th, 2016

    La joven youtuber quedó en medio de una gran conspiración de Internet. Un vídeo suyo hizo enloquecer a miles de sus fans, que llegaron a afirmar que había sido secuestrada, drogada, que era esquizofrénica, que estaba siendo maltratada, etc. Marina Joyce es una youtuber de popularidad media…

  • Thumbnail for 178902El zika llega a EEUU: la ciencia lo predijo, la política decidió ignorarlo Posted on: Jul 29th, 2016

    Estados Unidos detecta los primeros casos autóctonos de zika en Florida. La ciencia predijo su expansión, pero la política decidió ignorar el aviso. Las autoridades norteamericanas han confirmado que los cuatro casos sospechosos de zika en Miami fueron transmitidos por mosquitos dentro de…

  • Thumbnail for 178877La cara B de fotografías y momentos históricos Posted on: Jul 29th, 2016

    A veces es bueno ver momentos históricos a través de otra perspectiva, con sus instantes previos o posteriores. Como los de estas fotografías. La cara B de las fotografías puede mostrarse de muchas maneras. En ocasiones, fotografías que muestran la verdad de cuando fueron tomadas a través de…

  • Thumbnail for 178879Twitter lanza un 'modo noche' para reducir la fatiga ocular de sus usuarios Posted on: Jul 29th, 2016

    20MINUTOS El nuevo diseño oscuro, que se puede activar según las preferencias del usuario, está destinado a ambientes con poca luz.La actualización solo se encuentra disponible para usuarios de Android, aunque se espera que iOS lo lance en los próximos días.Mientras, los usuarios de Apple…

  • Thumbnail for 178863Windows 10 deja de ser gratis Posted on: Jul 29th, 2016

    ¿No has actualizado a Windows 10? A partir de 19 de julio de 2016 ya no podrás hacerlo gratis. Llegó la fecha elegida por Microsoft para poner fin a la "promoción" de ofrecer Windows 10 gratis a los usuarios de las versiones anteriores de Windows, a través del programa de actualización.…

  • Thumbnail for 178840Los actores de Harry Potter, antes y ahora Posted on: Jul 29th, 2016

    Han pasado quince años desde el inicio de la saga de películas de Harry Potter. Con motivo del retorno de la marca en forma de obra de teatro y libro, repasamos el antes y el ahora de sus actores. En un año gobernado por la nostalgia en cine, videojuegos y música, Harry Potter y el mundo…

  • Thumbnail for 178827Brigada Tuitera, el movimiento que tumbó las #TasasJudiciales Posted on: Jul 29th, 2016

    El Tribunal Constitucional anula las tasas judiciales, una de las medidas más polémicas impulsadas por Gallardón como ministro. El tributo debía ser pagado para acceder a la Justicia, un planteamiento rechazado por el movimiento Brigada Tuitera. A última hora de la noche, la periodista María…

  • Thumbnail for 178812Análisis de Nvidia Shield: un buen punto de partida, pero insuficiente Posted on: Jul 29th, 2016

    Convertir un set-top-box en una consola de nueva generación, de reducidas dimensiones y compatible con el 4K: Nvidia Shield es la propuesta de la compañía para el salón. Polivalente y atractiva, su mayor fallo es su catálogo limitado de videojuegos y su modelo de suscripción.Nvidia quiere…

  • Thumbnail for 178792La PS4 sigue siendo el salvavidas de Sony Posted on: Jul 29th, 2016

    La división de entretenimiento ya representa el 75% de los ingresos de Sony. Sony no está pasando por su mejor momento, pero lo cierto es que PlayStation sigue manteniendo a flote los números de la compañía. Ya son 40,3 millones de consolas vendidas, algo que, junto con la reducción de su…

  • Thumbnail for 178814Robots abeja para polinizar plantas en ausencia de abejas reales Posted on: Jul 29th, 2016

    Desde hace unos años se ha constadado en todo el mundo la desaparición y muerte de millones de abejas, con el consiguiente riesgo que ésto supone para la agricultura y la industria alimentaria humana: las abejas son grandes polinizadoras. Por ello, investigadores de la Universidad de Harvard ya…

  • Thumbnail for 178808Dentro de poco no tendrás que planchar y doblar la ropa con este dispositivo Posted on: Jul 29th, 2016

    Pensad en todo el tiempo que invertimos en planchar y doblar la ropa y en lo generalmente aburrido y monótono que resulta. FoldiMate es un dispositivo que aspira a eliminar esta tortura automatizando todo el proceso. Y es que este invento no solo doblará las prendas de ropa (que no deben de ser…

  • Thumbnail for 178779Los mapamundis engañan a tu cerebro Posted on: Jul 29th, 2016

    La proyección Mercator logra representar sobre el plano la curvatura de la Tierra, aunque genera distorsiones. El sistema "engaña" a nuestro cerebro sobre la superficie de los diferentes territorios. "Que España esté en el sur de Europa distorsiona la percepción de su territorio. Parece que…

  • Thumbnail for 178795Este fin de semana podremos ver una espectacular lluvia de estrellas en todo el mundo Posted on: Jul 29th, 2016

    Siempre que haya un cielo oscuro y despejado, desde hoy y todo el fin de semana, puede contemplarse una espectacular lluvia de estrellas en cualquier parte del mundo: la lluvia de meteoritos Delta Acuáridas. Se podrán ver hasta 20 meteoritos por hora, si bien continuarán viéndose en días…

  • Thumbnail for 178766¿Deberían homologarse las actualizaciones OTA para los coches? Posted on: Jul 29th, 2016

    Las actualizaciones OTA pueden añadir nuevas funciones a los coches que en caso de haber sido incluidas en el producto inicial hubieran tenido que pasar por el duro examen para la homologación en cada país pero si vienen de la mano de una actualización de software no está tan claro este…

  • Thumbnail for 178683Las promesas del nuevo presidente de Perú Posted on: Jul 28th, 2016

    PPK prometió salud, mejor educación, combate a la corrupción gubernamental y reactivación de la economía. Pedro Pablo Kuszcynski tomó posesión como presidente del Perú. Después de una cerradas elecciones, PPK (como se le llaman a Kuszcynski) prometió hacer de Perú “un faro de…

  • Thumbnail for 178670La mejor literatura fantástica más allá de Tolkien y George R.R Martin Posted on: Jul 28th, 2016

    Porque la fantasía no es solo El Señor de los Anillos y Canción de Hielo y Fuego, destacamos sagas y autores que merecen tu tiempo. Se acerca el mes de agosto y con él, para muchos llegan las tan ansiadas vacaciones. Tiempo libre que cualquier aficionado a la lectura suele aprovechar para…

Read more