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 210279HERE Maps se enfocará en mejorar la seguridad de los conductores Posted on: Sep 29th, 2016

    HERE Maps presenta en el Salón del Automóvil de París los pilares sobre los que fundamentará su futuro: la seguridad. Los mapas para los conductores siempre han sido la principal herramienta para circular con la tranquilidad de no perderse, pero con el paso de los años han ido adoptando otro…

  • Thumbnail for 210263Tras las crisis de los Galaxy Note 7, alertan de peligros con algunas lavadoras Samsung Posted on: Sep 29th, 2016

    20MINUTOS.ES La Comisión de Seguridad de Productos de Consumo de Estados Unidos ha emitido una alerta por algunas lavadoras de carga vertical de Samsung.Se han reportado 21 casos de daños producidos al centrifugar en lavados con ropa de cama, objetos voluminosos y resistentes al agua.Poco…

  • Thumbnail for 210244'Gadgets' para retomar rutinas Posted on: Sep 29th, 2016

    VERÓNICA VICENTE La tecnología puede ser nuestra aliada contra la temida cuesta del otoño.Ahí va una lista de aparatos que seguro harán más llevadero el regreso a las necesarias rutinas tras la dulce anarquía vacacional.Descubre todos los gadgets en nuestra fotogalería.Septiembre está…

  • Thumbnail for 210247Ayuntamientos que regalan wifi Posted on: Sep 29th, 2016

    JUAN FERRARI Barcelona, Zaragoza y Palma ofrecen acceso libre a sus ciudadanos en la calle.Málaga ya lo tiene en proyecto, mientras que Madrid ni lo contempla.El wifi gratis en la calles no se percibe como un servicio esencial en España, en opinión de Jaime Sampera, presidente de Eurona. Una…

  • Este bloguero recopila las contraseñas wifi de los aeropuertos y tú puedes ayudarle Posted on: Sep 28th, 2016

    EFE "Llegar a un aeropuerto sin wifi gratis es como viajar en 1999", dice este bloguero.Ha decidido poner fin al problema, y pide la colaboración a sus lectores.Llegar a un aeropuerto que no tenga wifi gratis te hace sentir como en 1999, dice el bloguero Anil Polat. "Más frustrante todavía es…

  • Thumbnail for 210165¿A dónde va la grasa que perdemos? Posted on: Sep 28th, 2016

    La grasa se convierte en energía. Es muy fácil decirlo. Pero esta es sólo una verdad a medias. ¿Qué ocurre realmente con toda esa materia de la que está constituida la grasa que tenemos? Seguro que en algún momento de tu existencia te has planteado ponerte más en forma; perder algún kilo,…

  • Thumbnail for 210133El experimento que demostró que vivimos en una sociedad profundamente racista Posted on: Sep 28th, 2016

    ¿El racismo se aprende o es algo inherente de la naturaleza humana? Jane Elliot se propuso responder esta pregunta con su ingenioso experimento. El racismo ha estado presente en la gran mayoría de culturas a lo largo de la historia humana. Lamentablemente, la nuestra no es la excepción. Muchas…

  • Viernes Negro 2016: ¿televisores 4K con pantalla de 50″ a tan solo US$300? Posted on: Sep 28th, 2016

    Si estás pensando comprar un televisor y lees esto cercano al "Viernes Negro" o "Black Friday", TIENES que ver estas predicciones de precios para 2016 antes de gastar un centavo. Leer más Fuente::…

  • Thumbnail for 21013710 excelentes directores de cine moderno que tienes que conocer Posted on: Sep 28th, 2016

    Existen múltiples directores que se aventuran cada año a hacer películas maravillosas, pero pocos lo logran. Todos los miembros de esta lista han alcanzado ese meta y varias veces. Con cada día que pasa es más fácil hacer una película. Al contrario de lo que era la regla hace unos años, un…

  • Thumbnail for 210114El misterioso caso que inspiró la sexta temporada de American Horror Story Posted on: Sep 28th, 2016

    Un misterio de 400 años. Los creadores de American Horror Story han acostumbrado a sus seguidores a incluir en su trama historias de la vida real que nos estremecen y nos recuerdan que la realidad siempre supera a la ficción. Los siniestros actos de la humanidad no dejan de sorprendernos y,…

  • Thumbnail for 210097Así llegó la primera bandera LGTB al espacio Posted on: Sep 28th, 2016

    La organización Planting Peace lanza al espacio la primera bandera LGTB. Con este gesto, la entidad quiere promover el respeto y la igualdad hacia todas las orientaciones sexuales. Una de las imágenes más icónicas de la exploración espacial quizás sea la llegada del ser humano a la Luna. Buzz…

  • Thumbnail for 210065Todo está conectado: crea un mapa de relaciones online Posted on: Sep 28th, 2016

    Un diagrama para mostrar conexiones sociales La información se puede representar de muchas maneras, y en el mundo en que nos movemos, saturados por la sobreinformación, se agradece el acceso a datos bien organizados y fáciles de digerir. Una de las maneras más esquemáticas de procesar…

  • Thumbnail for 210067Disney hará un remake de ‘El Rey León’ en acción real Posted on: Sep 28th, 2016

  • Thumbnail for 210047La OMS critica la austeridad europea por olvidar la salud pública #EHFG2016 Posted on: Sep 28th, 2016

    La salud pública y las desigualdades sociales, los grandes olvidados de la austeridad europea según la OMS. Casi el 10% de la población de la UE trabaja en empleos relacionados con la sanidad. "Necesitamos volver a ganarnos la confianza de los ciudadanos", afirma Zsuzsanna Jakab, directora…

  • Thumbnail for 210043Twitter Moments ya está disponible para todo el mundo Posted on: Sep 28th, 2016

    Twitter Moments ya está disponible para que todos los usuarios puedan generar contenido. A pesar de que Twitter confirmó a principios de agosto que iba a abrir la creación de Moments a todos los usuarios, lo cierto es que la compañía no dio una fecha concreta. Twitter anunció que el…

  • Thumbnail for 210026El hype de No Man’s Sky le va a costar a Hello Games una investigación Posted on: Sep 28th, 2016

  • Thumbnail for 210009Aquí tienes todas las contraseñas de todos los Wi-Fis de aeropuertos de todo el mundo Posted on: Sep 28th, 2016

    Todas las contraseñas, todos los Wi-Fis posibles de todos los aeropuertos en todo el mundo, sin costo. A todos nos pasa. Ya sea que llegamos al aeropuerto después de un viaje o tenemos que matar un par de horas antes de subirnos al avión y quisiéramos conectarnos a internet para revisar…

  • Thumbnail for 210005¿Quién ganará los Premios Nobel? Posted on: Sep 28th, 2016

    Thomson Reuters y Sigma Xi anuncian sus predicciones sobre los Premios Nobel 2016. Los científicos detrás de las ondas gravitacionales o de CRISPR-Cas9, entre los candidatos. En menos de una semana se anunciarán los Premios Nobel de 2016. El próximo lunes 3 de octubre, la Real Academia de las…

  • Thumbnail for 209982BlackBerry anuncia que deja de fabricar teléfonos móviles Posted on: Sep 28th, 2016

    AGENCIAS Blackberry dejará el 'hardware' pero seguirá desarrollando 'software'.Se centrarán en hacer herramientas de seguridad y aplicaciones para Android."La compañía planea poner fin a todo el desarrollo de hardware interno y externalizar esa función a otros socios", ha dicho el CEO de la…

  • Thumbnail for 209985RIP BlackBerry: repasamos el auge y caída de un mito Posted on: Sep 28th, 2016

    Desde Waterloo, en el sur de Ontario, llegó al mundo una revolución de dispositivos negros. Las BlackBerry se hicieron con el mundo, pero no fueron capaces de mantener el ritmo. Dos décadas después, decimos adiós a BlackBerry, que deja de fabricar terminales. Primero BlackBerry anunció que…

  • Thumbnail for 209988Spotify quiere pasar de la música al vídeo y empieza por su junta directiva Posted on: Sep 28th, 2016

    Para mejorar la estrategia han unido a Ted Sarandos, director de contenido de Netflix, con la junta directiva de Spotify. La plataforma de música en streaming Spotify podría estar empezando a coquetear en serio con el sector de los vídeos. Su última contratación, para el consejo de…

  • Thumbnail for 209946El nuevo Samsung Galaxy Note 7 empezará a venderse en Europa el próximo 28 de octubre Posted on: Sep 28th, 2016

    20MINUTOS.ES Samsung sigue instando a los propietarios de los Galaxy Note 7 afectados a reemplazar sus dispositivos, un proceso que comenzó el pasado día 19.La compañía surcoreana estima que el programa de sustitución en Europa podría estar completado a principios de octubre.El 90% de los…

  • Thumbnail for 209976Este robot gusano tiene 15 milímetros y se controla con la luz Posted on: Sep 28th, 2016

    Un equipo de investigadores de la Universidad de Varsovia ha desarrollado un robot del tamaño de una oruga que se mueve como lo hace en el vídeo que podéis ver a continuación. Este robot gusano solo 15 milímetros de longitud obtiene su energía de la luz, se controla con un láser y, además…

  • Thumbnail for 209936El Bilbao Web Fest exhibirá más de cien webseries de 25 países Posted on: Sep 28th, 2016

    EFE El festival se celebrará entre los días 26 y 29 de octubre.El Festival Bilbao Web Fest reunirá a más de 120 directores, actores y expertos de este emergente mercado audiovisual.La gala de clausura y entrega de premios tendrá lugar en el Guggenheim.El Festival Bilbao Web Fest, que se…

  • Thumbnail for 209939BlackBerry dice adiós a la fabricación de smartphones Posted on: Sep 28th, 2016

    Game over. Se acabó lo que se daba: los rumores se han confirmado y BlackBerry pone punto y final a su andadura en la fabricación de smartphones tras su apogeo, cénit, deriva y nadir durante los últimos diez años. Era cuestión de tiempo que, una vez abandonado el desarrollo de su propio…

  • Thumbnail for 209942Análisis de FIFA 17: evolución con margen de mejora Posted on: Sep 28th, 2016

    FIFA 17 llega al mercado para romper con la práctica inmutabilidad que venía arrastrando durante las últimas entregas. Un nuevo y prometedor modo, cambios de peso en lo jugable y el salto a Frostbite son las principales novedades de una de las propuestas más ambiciosas en la franquicia de EA…

  • Thumbnail for 209898Probamos Twyp Cash, lo nuevo de ING y Dia: más soluciones así, por favor Posted on: Sep 28th, 2016

    Hemos probado Twyp Cash, lo nuevo de ING para sacar dinero en Dia (y otros establecimientos), y pagar la compra desde nuestro smartphone. En la España de los últimos años hemos perdido una alegría bancaria que disfrutábamos los clientes de muchas entidades, la posibilidad de extraer dinero sin…

  • Thumbnail for 209901Una startup española que vacuna plantas, premiada en los Biotech SME Awards Posted on: Sep 28th, 2016

    De las otras siete nominadas, otras dos biotecnológicas también eran españolas. Una italiana, una francesa y una británica. Este es el origen de los pasados ganadores de los Biotech SME Awards, que buscan la mayor innovación en las empresas del sector biotecnológico europeo. Y ahora a la…

  • Thumbnail for 209904La traducción universal gratuita, más cerca gracias a Google Posted on: Sep 28th, 2016

    A pesar de los críticos, la traducción universal entre idiomas está hoy más cerca que nunca gracias a las redes neuronales utilizadas por científicos e ingenieros de Google. Los traductores universales son comunes en la ciencia ficción desde sus inicios. La posibilidad de tener una máquina…

  • Thumbnail for 209846¿Tu primera vez con una furgoneta? Posted on: Sep 28th, 2016

    Si conducir una furgoneta ha sido un sueño no cumplido para ti o siempre has querido tener una, no les tengas miedo. Con estos consejos podrás conducir con seguridad la primera vez que te montes en una. ¿Te gustaría comprarte una furgoneta y tienes dudas acerca de cómo se conduce? Conducir una…

Read more