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 68934El metal ya no será un problema para la carga inalámbrica de dispositivos Posted on: Jul 28th, 2015

    Qualcomm Technologies ha anunciado hoy ser la primera empresa en desarrollar una tecnología de carga inalámbrica para dispositivos de cuerpo metálico. Qualcomm, junto a Samsung fueron los fundadores original de la Alliance For Wireless Power (A4Wp), que desarrolló el estándar de comunicación…

  • Thumbnail for 68907Más cerca de una vacuna contra el MERS Posted on: Jul 28th, 2015

    Un trabajo en Nature Communications muestra los primeros resultados positivos de una vacuna contra el MERS, el síndrome respiratorio de Oriente Medio. El mismo día que Corea del Sur anuncia el fin del brote epidémico del MERS, científicos de los National Institutes of Health (Bethesda, Estados…

  • Thumbnail for 68881Repaso de la interesante historia detrás del origen de Gorilla Glass - presentado @HuaweiES Posted on: Jul 28th, 2015

    Dentro de la revolución móvil que hemos vivido en los últimos años, hay actores que han cobrado especial relevancia, porque si algo queda claro, es que en tecnología se tienen que dar muchos factores para lograr un producto excelente. Y la inclusión de un material resistente es uno de…

  • Thumbnail for 68856Este es el Motorola Moto X Style, ¿un gama alta real? Posted on: Jul 28th, 2015

    Motorola ha presentado el Moto X Style, y sólo podemos preguntarnos si por fin será un gama alta más allá de ser el hermano mayor y enamorar por su feeling. Desde que en 2013 Motorola presentó el Moto X, siempre han sido terminales con un gran feeling y probablemente sucesores en muchos casos…

  • Thumbnail for 68909Esta botella se sincroniza con tu smartphone y te dice cuándo debes beber agua Posted on: Jul 28th, 2015

    Esta botella de agua es inteligente y te avisa cuando deberías beber para hidratarte, con independencia de que tengas sed o no. Se llama HidrateMe y, cada vez que necesites agua, se iluminará como una baliza. E incluso se tomará la libertad de enviarte una alerta directamente a tu app para iOS o…

  • Thumbnail for 68831Motorola anuncia el Moto G 2015, un rey con poca diferenciación Posted on: Jul 28th, 2015

    Motorola acaba de hacer oficial el Motorola Moto G 2015, un aspirante a rey de la gama alta que cada vez lo tendrá más complicado. Tras revolucionar el mercado de la gama media y baja de Android en 2013, Motorola se erigió como el auténtico referente del sector, dando lecciones a todas las…

  • Thumbnail for 68806App del día: iShows 2 (iOS) Posted on: Jul 28th, 2015

    iShows se renueva por completo con un nuevo diseño, nuevas funciones para descubrir series y soporte para iPad. Un must entre los seriéfilos que utilicen iOS. Gestionar nuestras series favoritas puede llegar a ser algo caótico. Por ello, una aplicación como la recién lanzada iShows 2 puede…

  • Thumbnail for 68768Twitter para iOS por fin tiene notificaciones interactivas Posted on: Jul 28th, 2015

    Twitter ha puesto al día su app para iOS con notificaciones interactivas y mejoras en la gestión de borradores. Ha costado su tiempo, pero Twitter ha actualizado su app para iOS incorporando notificaciones interactivas, de forma que no tendremos que abrir la app para contestar a tweets o realizar…

  • Thumbnail for 68741Así es el SRS X88, el mayor de la familia de altavoces bluetooth de Sony Posted on: Jul 28th, 2015

    Uno de los altavoces inalámbricos más tecnológicos que podrás encontrar hoy en día. Es posible que te asustes al ver los casi 400 dólares/euros que cuesta el Sony SRS X88, el mayor de la familia de altavoces bluetooth de la compañía japonesa (hace unos días estuvimos hablando del pequeño,…

  • Thumbnail for 68737Vodafone y ONO anuncian el despido de 1300 personas Posted on: Jul 28th, 2015

    Vodafone y ONO anuncian el despido de 1300 personas con el que se pretende mejorar la eficiencia y eliminar duplicidades estructurales derivadas de la compra de la operadora. Tal como se anunció tras la compra de ONO, y como parte del proceso de integración de las estructuras de ambas empresas,…

  • Thumbnail for 68743Escuchar música heavy metal no te hace malo sino bueno Posted on: Jul 28th, 2015

    A pesar de las pintas, las tachuelas, el negro Parca, las melenas, y el rasgueo frenético de la guitarra y las voces en ocasiones demoníacas, el heavy metal o el punk no potencian una actitud agresiva, según un reciente estudio publicado en Frontiers in Human Neuroscience. Más bien lo que hace…

  • Thumbnail for 68690El control de velocidad será mucho más inteligente gracias a eHorizon Posted on: Jul 28th, 2015

    Tras la presentación de eHorizon en el CES de este año, Continental ya tiene preparado su primer coche de pruebas para demostrar la importancia de los servicios conectados a la nube. La puesta de largo ha recaído en el control de velocidad con regulación de distancia, un sistema que será mucho…

  • Thumbnail for 68555El OnePlus 2 es oficial y es más de lo mismo Posted on: Jul 27th, 2015

    Se acaba de presentar el OnePlus 2 con las mismas virtudes y defectos que su predecesor. ¿Es suficiente a estas alturas? El OnePlus One generó un gran entusiasmo entre un determinado sector de los usuarios de Android. Tal vez por su SoC de gama alta a un precio muy ajustado, o tal vez por cómo…

  • Samsung confirma fecha de lo que se espera sea la presentación del Galaxy Note 5 Posted on: Jul 27th, 2015

    Samsung confirma cuándo estará presentando su nuevo teléfono estrella, el Galaxy Note 5. Leer más Fuente::…

  • Thumbnail for 68484¿Por qué no debes fiarte de todos los reportajes científicos? Posted on: Jul 27th, 2015

    A veces no entendemos por qué si leímos hace varios años un artículo que decía que ya se había encontrado una cura para tal o cual enfermedad, aún esa "cura" no está disponible para el común de las personas. No siempre se trata de que las empresas farmacéuticas son malas y no quieren…

  • Thumbnail for 68458El primer ordenador de Apple Posted on: Jul 27th, 2015

    Steve Wozniak fue el encargado de crear el que sería considerado como el primer ordenador de Apple. No sería Steve Jobs, ya que éste se encargaría de vender el producto y empezar a comercializarlo el 1 de julio de 1976 por 666.66 dólares. Así, Apple I supuso una innovación en lo que a las…

  • Thumbnail for 68455Mantén actualizadas todas tus aplicaciones en Windows con esta simple herramienta Posted on: Jul 27th, 2015

    Con la herramienta gratuita Patch My PC puedes descargar y actualizar aplicaciones en Windows de forma automática y desatendida. Una de las herramientas más útiles que me he conseguido jamás para utilizar en cualquier PC con Windows, es Ninite. Es magnifica porque me orfece una manera rápida y…

  • Thumbnail for 68420Street Fighter V se queda sin beta por culpa de los servidores Posted on: Jul 27th, 2015

    Por recurrentes problemas en sus servidores, Capcom ha anunciado la cancelación de la primera fase beta de Street Fighter V Hemos hablado largo y tendido sobre Street Fighter V durante las últimas semanas. Nunca he sido un gran fanático de los juegos de lucha pero cada lanzamiento de la…

  • Thumbnail for 68388El Splatoon que debería haberse lanzado llegará el 6 de agosto Posted on: Jul 27th, 2015

    Nintendo ha detallado el contenido de la actualización de Splatoon del próximo 6 de agosto. Os lo contamos todo Tanto en nuestro análisis como en las recomendaciones veraniegas dejamos claro que Splatoon cuenta con un concepto nuclear impecable que se ve lastrado por una alarmante falta de…

  • Thumbnail for 68385El asombroso macromural de Palmitas en México Posted on: Jul 27th, 2015

    Realizado por el colectivo de artistas Germen, este mural, que ha transformado el barrio de Palmitas, esta casi terminado con sus 20 mil metros cuadrados de color. Palmitas es un barrio ubicado en Pachuca, Hidalgo, en la zona centro de México. Dicho barrio se encuentra en un cerro, en el cual,…

  • Thumbnail for 68354Así es como los periodistas enviaban sus fotos en los años 70 Posted on: Jul 27th, 2015

    Los fotoperiodistas de los años 70 tenían un gran problema: debían transmitir sus imágenes de una forma rápida y segura. ¿Cómo lo lograban? Aunque compartir una imagen es ya una actividad totalmente normal, hubo un tiempo en el que esa tarea se antojaba algo difícil. A pesar de ello, los…

  • Thumbnail for 68305Musk, Hawking y Wozniak piden la prohibición de las armas autónomas Posted on: Jul 27th, 2015

    Un gran número de personalidades de la ciencia y la tecnología han firmado una carta abierta pidiendo a los gobiernos del mundo que se prohiba el desarrollo de "armas autónomas ofensivas" para evitar una carrera armamentista militar a través de la Inteligencia Artificial. La carta abierta, que…

  • Thumbnail for 68307Instagram es la mayor amenaza de Google en la publicidad móvil Posted on: Jul 27th, 2015

    La publicidad en Instagram es el futuro para los contenidos en el móvil y podrá superar a Google o Twitter en un par de años. 300 millones de Instagrammers únicos cada mes, la gran mayoría fuera de los Estados Unidos, dan buena cuenta del futuro de Instagram como plataforma social y de…

  • Thumbnail for 68309YouTube dice adiós a Google+ Posted on: Jul 27th, 2015

    Google ha anunciado que su red social, Google+, dejará de ser obligatoria para usas sus servicios, entre ellos, YouTube. Después del drama que montó Google en su apuesta por las redes sociales con Google+, parece que se avecina otro nuevo. Y es que las heridas de muerte que Google está dando a…

  • Thumbnail for 68311Sacando provecho a la crisis del petróleo Posted on: Jul 27th, 2015

    La caída del precio del crudo, una oportunidad para la creación de startups dedicadas a la investigación en el sector del petróleo de una forma mucho más eficiente. En el sector del petróleo, como en casi todos, siempre hay una amenaza recurrente: una caída generalizada del negocio. En…

  • Thumbnail for 68313La “vacuna” que podría revertir el envejecimiento acelerado Posted on: Jul 27th, 2015

    Las células envejecidas por el paso del tiempo o por una patología presentan mayor inflamación. Inhibir los procesos inflamatorios en células humanas y ratones permite acelerar su rejuvenecimiento. La investigación realizada por científicos de la Universidad de Oviedo es portada de la revista…

  • Thumbnail for 68315Este monitor carga tu smartphone de forma inalámbrica Posted on: Jul 27th, 2015

    Samsung Electronics presenta el SE370, el primer monitor de la industria con carga inalámbrica para smartphones integrada. El monitor estará disponible en 23.6" y 27" pulgadas, con el especial añadido de mantener tu zona de trabajo ordenada sin cables ni puertos para cargar tu smartphone según…

  • Thumbnail for 68209Llevar tacones causa cada vez más accidentes Posted on: Jul 27th, 2015

    Desde 2002 hasta 2014, los accidentes se han duplicado, pasando de 7.097 lesiones a 14.140 lesiones por año. No son accidentes con maquinaria pesada, sino por llevar tacones altos en Estados Unidos. Los datos han sido recogidos por el Sistema de Vigilancia de Lesiones de la Comisión de Seguridad…

  • Thumbnail for 68317Este es el fallo de seguridad en Android más grave hasta la fecha Posted on: Jul 27th, 2015

    La empresa de seguridad móvil Zimperium ha descubierto el que, probablemente, sea el fallo de seguridad en Android más grave de su historia, afectando a todos los dispositivos por igual y cuyo fix probablemente no llegue ni a la mitad de ellos. Cada cierto tiempo nos llega noticia de que una…

  • “El nuevo Tecnético inicia el proceso de hacer realidad mi visión de cómo debe ser una web de tecnología” Posted on: Jul 27th, 2015

    Mensaje de nuestro editor en jefe y fundador, Wilton Vargas, en ocasión del lanzamiento del rediseño de Tecnetico.com Leer más Fuente::…

Read more