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 193029Hackean la cuenta en Twitter de El Rubius Posted on: Aug 27th, 2016

    20MINUTOS El grupo responsable es OurMine.Rubén Doblas recupera su cuenta pasados unos minutos.Los piratas ya habían intervenido antes la cuenta de Zuckerberg.La cuenta de El Rubius en Twitter, que tiene más de siete millones de seguidores, ha sido hackeada la tarde de este sábado por un grupo…

  • Thumbnail for 192957Llega el primer robot blando controlado por fluidos Posted on: Aug 27th, 2016

    Cada vez estamos viendo más ejemplos de robots blandos o flexibles y multiformes, como los formados por cátomos en vez de átomos, y ahora nos llega otro nuevo ejemplo llevado Octobot y que ha sido diseñado por investigadores de la Universidad de Harvard. Octobot, impreso en 3D, se ha…

  • Thumbnail for 192905Dime qué música escuchas en Spotify y te diré cómo eres Posted on: Aug 27th, 2016

    EFE El análisis de la actividad lo realizan expertos en inteligencia artificial, psicólogos, sociólogos y científicos, entre otros.Afirman que tiene un alto grado de fiabilidad.Pueden llegar a saber con quién congeniaría alguien o su inclinación política.El repertorio de música que escucha…

  • Thumbnail for 192931Los atascos son perjudiciales para tu salud (sobre todo si estás dentro el coche) Posted on: Aug 27th, 2016

    Los atascos de tráfico pueden acabar con nuestros nervios y hacernos perder horas y más horas a la semana sin hacer nada más productivo que escuchar la radio. Sin embargo, eso es baladí si tenemos en cuenta que, en mitad del atasco, las partículas en suspensión son muchas, y que sobre todo…

  • Thumbnail for 192833Kurzgesagt, la forma más divertida para aprender sobre el universo y la humanidad Posted on: Aug 27th, 2016

    In a Nutshell Kurzgesagt es un vocablo en alemán que significa algo así como "en resumen" o bien su significado puede equipararse con la expresión in a nutshell, que significa "condensado". Así pues, Kurzgesagt – In a Nutshell es un canal de YouTube que publica videos animados periódicamente…

  • Thumbnail for 192761La explosión en el cometa ‘Chury’grabada por Rosetta Posted on: Aug 27th, 2016

    Rosetta es una sonda espacial de la Agencia Espacial Europea (ESA) que fue lanzada el 2 de marzo de 2004. La misión de la sonda fue la de orbitar alrededor del cometa 67P/Churiumov-Guerasimenko en 2014 y 2015, enviando un módulo de aterrizaje, Philae, a la superficie del cometa. De forma casual,…

  • Thumbnail for 19273599,99% de materia oscura es lo que parece formar esta galaxia Posted on: Aug 27th, 2016

    Libélula 44, es una galaxia que parece estar formada básicamente por materia oscura, de hecho se estima que la conforma el 99,99%. Este hallazgo lo ha realizado un grupo de astrónomos usando Keck y Gemini, dos de los telescopios más poderosos del mundo. La galaxia no se localizaba durante…

  • Medallista de oro boricua Mónica Puig graba anuncio para empresa celular (pero no la que tu crees) Posted on: Aug 26th, 2016

    No te sorprendas cuando veas a la tenista olímpica y medallista de oro puertorriqueña Mónica Puig con el color azul en ves de magenta en su primer comercial de televisión para una empresa de telefonía móvil luego de ganar en Río 2016. Leer más Fuente::…

  • Thumbnail for 192504Los mejores tráilers de la semana (LXXV): llantos y horror Posted on: Aug 26th, 2016

    Esto, por suerte, nos llevará muchas palomitas. Es el momento de disfrutar de todos los avances que se estrenaron durante la semana. Muchas películas prometedoras dieron a conocer sus tráilers. Antes, recomendaremos algunos de los artículos realizados para la sección de Cine y TV: Musicales…

  • Thumbnail for 192366El MIT diseña los primeros objetos impresos en 3D que cambian de forma Posted on: Aug 26th, 2016

    La nueva tecnología de impresión 3D del MIT permite crear materiales que cambian de forma y vuelven a su estado original. Un cambio disyuntivo en la medicina e incluso en la investigación espacial. Eso es lo que puede suponer la nueva tecnología del MIT que permite la impresión de objetos en…

  • Thumbnail for 192339Lo que decía WhatsApp cuando fue comprada por Facebook, y lo que dice ahora Posted on: Aug 26th, 2016

    A WhatsApp, frente a la chequera de Zuckerberg, no le ha durado mucho aquel complaciente mensaje de irreductible aldea que resiste al invasor. 19 de febrero de 2014: WhatsApp anuncia el acuerdo con Facebook a través de un post en su blog. En él hablaban del nacimiento de la aplicación cinco…

  • Thumbnail for 192477Este canal de YouTube resume sagas completas de Dragon Ball Z como películas Posted on: Aug 26th, 2016

    ¡CHA-LA HEAD-CHA-LA! Dragon Ball Z por sí sola cuenta con 291 episodios en total, lo que quiere decir que ver esta serie completa nos lleva alrededor de 112 horas. Sabemos bien que los animes tienen su propio ritmo y generalmente se toman todo con mucha calma, a veces demasiada. Así, por ejemplo…

  • Thumbnail for 192286El eléctrico de Volkswagen: 500 kilómetros de autonomía con 15 minutos de carga Posted on: Aug 26th, 2016

    El plan de Volkswagen pasa por competir con Tesla en autonomía y velocidad de carga. Mientras el mercado se despierta de la resaca de la increíble evolución del Tesla Model S que Elon Musk presentaba esta semana, Volkswagen también tienen planes para potenciar su división de eléctricos,…

  • Thumbnail for 192288Reino Unido investiga el acuerdo entre Whatsapp y Facebook para compartir números de teléfono Posted on: Aug 26th, 2016

    20MINUTOS.ES El Comisionado de Información del Reino Unido (ICO) pedirá más detalles acerca de la información que amblas plataformas planean compartir."Nuestro papel es garantizar que las empresas son transparentes con el público" y que actúan dentro de la legalidad, dijo una portavoz del…

  • Thumbnail for 192258Las series más interesantes que se estrenan este otoño Posted on: Aug 26th, 2016

    Como cada año, listamos las series más interesantes que llegan a la pequeña pantalla por primera vez. Winter is coming? Mientras nuestras series favoritas terminan de fijar su fecha de vuelta a nuestros TVs y servicios de streaming favoritos, hemos hecho una selección de las series más…

  • Thumbnail for 192169Cómo funcionan el acelerómetro y el giroscopio de los móviles Posted on: Aug 26th, 2016

    El giroscopio y el acelerómetro son una parte fundamental del uso que se hace de los smartphones. Así funcionan estas joyas de la ingeniería en miniatura. El acelerómetro o el giroscopio se han convertido en dos de los componentes más importantes de los presentes en los smartphones modernos,…

  • Thumbnail for 192115El síndrome de la “neurastenia moderna” Posted on: Aug 26th, 2016

    Choose life. El término neurastenia es atribuido a George Miller Beard, un neurólogo estadounidense que alrededor de 1869 lo acuñaría para describir una condición que presentaba síntomas como: ansiedad, dolores de cabeza, fatiga y depresión. Actualmente existe una opinión encontrada entre…

  • Thumbnail for 192142Se estima que seremos 9.900 millones de personas en el año 2050 Posted on: Aug 26th, 2016

    Actualmente, somos 7.400 millones de personas, y solo para el año 2050, una nueva revisión realizada por Population Reference Bureau (PRB), esta cifra se incrementará nada menos que un 33%, alcanzándose así la cifra de 9.900 millones de personas. Lo más llamativo es que, si continúa…

  • Thumbnail for 192064No todos los sistemas de frenado automáticos son iguales Posted on: Aug 26th, 2016

    Antes de comprar un coche con sistema de frenado automático, tienes que conocer los dos tipos de tecnología que existen para que analices cuál te interesa más. Si estás buscando un coche para comprar es probable que entre su equipamiento extra, o incluso de serie, se encuentren sistemas de…

  • Thumbnail for 191840Periodista mexicano fue espiado con el software Pegasus Posted on: Aug 25th, 2016

    Rafael Cabrera es un periodista mexicano que forma parte del equipo de Aristegui Noticias. Uno de sus trabajos más destacados fue la investigación de la Casa Blanca del presidente Enrique Peña Nieto hace menos de dos años. Más recientemente ha sido parte del equipo que ha publicado la…

  • Dime que edad tienes y te diré qué tecnologías verás convertirse en realidad a lo largo de tu vida Posted on: Aug 25th, 2016

    Una interesantísima gráfica interactiva te muestra cuales tecnologías futurísticas te aguardan durante el transcurso de tu vida con tan solo indicarle tu edad. Leer más Fuente::…

  • Thumbnail for 191813Ahora puedes jugar a videojuegos desde el buscador de Google Posted on: Aug 25th, 2016

    Google ha incluido el solitario y el tres-en-raya para jugar desde el buscador. Google sigue metiendo easter egg en su buscador para hacernos más cortas las esperas. Si el dinosaurio cuando te quedas sin conexión no era suficiente, la compañía ha anunciado que integrará dos de los juegos más…

  • Thumbnail for 191759Fotografías que dan cátedra de cómo usar la exposición múltiple Posted on: Aug 25th, 2016

    Vitor Schietti combina cinco fotografías en una para capturar el ambiente de las ciudades. Una buena fotografía se trata en gran medida de capturar “el instante decisivo”, como le llamaba el mítico fotógrafo Henri Cartier Bresson. Pero ¿qué pasa cuando un solo momento no es suficiente…

  • Thumbnail for 191731La paz de en Colombia: ¿cuál es el siguiente paso? Posted on: Aug 25th, 2016

    No todos están dispuestos a "perdonar y olvidar". Colombia está viviendo una etapa histórica que podría poner fin a una guerra de 56 años. Los acuerdos de La Habana entre el Gobierno de Juan Manuel Santos y las Fuerzas Armadas Revolucionarias de Colombia (FARC), contaron con el aval y la…

  • Thumbnail for 191703Cómo evitar que WhatsApp comparta tu número con Facebook Posted on: Aug 25th, 2016

    Si sigues estos pasos, podrás evitar que Facebook tenga tu número de WhatsApp. WhatsApp anunciaba que, a partir de hoy, por defecto los usuarios de la aplicación pasarán a compartir su número con Facebook, de forma que ambas compañías puedan compartir información para recibir contenido…

  • Thumbnail for 191700Mr. Robot 2×08: no te extrañamos, Elliot Posted on: Aug 25th, 2016

    Solo un poco. Este repaso contiene spoilers. Sí, esto es un: SPOILER ALERT! Este octavo capítulo de Mr. Robot titulado "Successor" (propiamente: eps2.6_succ3ss0r.p12) nos recuerda que todo lo que ha sucedido hasta ahora es sólo una ilusión de Elliot y, por tanto, debemos analizarlo desde otra…

  • Thumbnail for 191672Si tienes un iPhone, actualízalo ahora mismo: tiene un grave problema de seguridad Posted on: Aug 25th, 2016

    A la recién publicada iOS 9.3.5. Se ha detectado un problema de seguridad que permite instalar un malware pulsando un simple enlace. A estas alturas ya sabemos bien cómo funcionan los procesos del denostado jailbreak: cada vez que alguien encuentra un agujero de seguridad, lo explota para…

  • Thumbnail for 191644Las pérdidas millonarias de Uber señalan un futuro sin conductores Posted on: Aug 25th, 2016

    Uber ha perdido más de 1.200 millones de dólares en el primer semestre de 2016. No ha tardado en "culpar" al coste que le suponen sus chóferes. No es oro todo lo que reluce: pese a la enorme cantidad de titulares, polémicas desatadas y ruido generado, Uber ha perdido más de 1.200 millones de…

  • Thumbnail for 191641La financiación para el sector espacial pierde altura Posted on: Aug 25th, 2016

    Si SpaceX no busca fondos, las estadísticas caen. El último descubrimiento del mundo espacial ha dejado la evidencia de que el exoplaneta Proxima b, que orbita a la estrella más próxima al Sol, podría ser potencialmente habitable por el ser humano. Pese a las incógnitas que le rodean, sus…

  • Thumbnail for 191613Un enfermo terminal fan de Star Wars ha podido ver Rogue One de forma anticipada Posted on: Aug 25th, 2016

    Gracias a una campaña en redes sociales, apoyada por Mark Hamill, Hanvey, un enfermo terminal, pudo cumplir su deseo de ver Rogue One antes de morir. No es la primera vez que pasa, pero sin duda es una muestra del apoyo de la comunidad en este tipo de casos. La historia es conocida: un fan de Star…

Read more