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 71135Fotos en contraluz, cuando insinuar importa más que mostrar Posted on: Sep 4th, 2015

    A pesar de que únicamente muestran siluetas, en ocasiones las fotos en contraluz resultan ser la opción más estética para nuestra imagen. Normalmente, en la fotografía se suele decir que necesitamos arrojar luz sobre los objetos que vamos a inmortalizar. Sin embargo, hacer fotos en contraluz…

  • Thumbnail for 71122Los mejores libros que he leído este año Posted on: Sep 4th, 2015

    ¿No sabes qué leer a continuación? Te tengo algunas sugerencias. Esta semana estoy repasando mi reto 2015 de Goodreads+ para ver cuánto me falta leer y qué tan atrasada voy mis metas (sí, soy la clase de persona que hace listas de todo), y me parece un buen momento para hacer un recuento de…

  • Thumbnail for 71109Cagliostro, el mayor charlatán de todos los tiempos Posted on: Sep 4th, 2015

    Cagliostro embaucó a los incautos a lo largo y ancho de Europa, y Orson Welles y Christopher Walken le encarnaron en el cine. Esta es su gran historia. La picaresca es un fenómeno curioso; no por el hecho de que haya personas que se ganan la vida engañando y aprovechándose de otras sino, más…

  • Thumbnail for 71096Qué es la inteligencia y por qué no es tan importante como creemos Posted on: Sep 4th, 2015

    La inteligencia es algo preciado en nuestra sociedad, sin embargo, sólo funciona como un dispositivo para segregar a los seres humanos, pues privilegia sólo a un grupo específico y margina a otros, como si hubiese una forma única de ser inteligentes. Además, ser inteligente no es garantía del…

  • Thumbnail for 7109320 preciosos hyperlapses alrededor del mundo Posted on: Sep 4th, 2015

    Conoce los antecedentes de la técnica hyperlapse con la que se consiguen efectos únicos y una recopilación de videos de distintas partes del mundo. Aunque la técnica hyperlapse se ha popularizado en los últimos años, no se trata de un nuevo recurso visual y narrativo. Sus antecedentes se…

  • ¿Y ATH Móvil? ¿Pasará lo mismo que con PayPal? Posted on: Sep 4th, 2015

    Ya sabemos lo que va a pasar con PayPal pero, ¿y ATH móvil? ¿Qué pasará con este servicio una vez entre en vigor el impuesto de 2%? ¿Te lo cobrarán a ti? Leer más Fuente::…

  • Thumbnail for 71078Los últimos días de Freddie Mercury Posted on: Sep 4th, 2015

    Siguiendo la enorme conjetura de la prensa de las últimas dos semanas, es mi deseo confirmar que padezco VIH. Sentí que era correcto mantener esta información en privado hasta el día de la fecha para proteger la privacidad de los que me rodean. Sin embargo, ha llegado la hora de que mis amigos…

  • ¿Está el gobierno de Puerto Rico impidiendo las compras en eBay pagadas con PayPal? FALSO Posted on: Sep 4th, 2015

    ¿En serio? ¿En serio? ¿EN SERIO? Leer más Fuente::…

  • Thumbnail for 71065Videojuegos que debes tener en tu móvil o tablet (IV) Posted on: Sep 4th, 2015

    Combates, carreras, puzles y estrategia. Traemos un puñado de juegos para móviles tan interesantes como variados Volvemos una entrega más con un puñado de videojuegos que, si echas alguna que otra partida en tu móvil o tablet, deberías tener instalados. En la semana más variada hasta el día…

  • Thumbnail for 71060Consejos para conseguir las mejores fotos de tus gadgets Posted on: Sep 4th, 2015

    Aunque frecuentemente vemos muchas imágenes de dispositivos en Internet, hacer buenas fotos de gadgets no es tan fácil como puede parecer. Tras gastarnos 1.300€ en el que será nuestro futuro PC, un paso muy habitual es el de hacerle fotografías para que todo el mundo sea partícipe de nuestra…

  • El display del nuevo móvil Xperia Z5 Premium de Sony ofrece más definición que el TV HD que tienes en tu hogar Posted on: Sep 4th, 2015

    Este móvil es el primero del mercado en incorporar una pantalla Ultra HD de resolución 4K Leer más Fuente::…

  • Thumbnail for 71045elementary OS Freya recibe su actualización más grande Posted on: Sep 4th, 2015

    elementary OS Freya 0.3.1 es la más reciente actualización que recibe la distribución Linux conocida por su linda estética. A finales de abril analizábamos elementary OS Freya, una de las distribuciones Linux más modernas, amigables y estéticamente agradables que puedes encontrar. Aunque…

  • Thumbnail for 71032Google te ayuda a crear una mejor contraseña que “contraseña” Posted on: Sep 4th, 2015

    Desde la sección Mi cuenta en Google es posible configurar todos los ajustes para crear una mejor contraseña y evitar ser víctima de robo u otro tipo de violencia en Internet. Sabemos que la seguridad en Internet es un elemento muy importante en estos días. Pero, ¿cuántos de nosotros…

  • Thumbnail for 71029Las mejores películas de cine LGTB del 2015 Posted on: Sep 4th, 2015

    Muchos consideran a 2015 como una de las mejores temporadas de la historia del cine LGTB. ¿Cuáles son las películas más representativas de este año? ¿Es 2015 el mejor año para el cine LGTB? Con la excepción de Pride, película estrenada a finales de 2014, nominada a los Globos de Oro de…

  • PayPal contesta nuestras preguntas, el proyecto del Senado que podría salvarlos y lo que fuentes nos han revelado Posted on: Sep 4th, 2015

    Hicimos un acercamiento a PayPal para que contestara nuestras preguntas, pero también te contamos acerca del proyecto de ley que podría resolver el problema. Pero fuimos más allá y obtuvimos información que revela las verdaderas razones por la cual Puerto Rico es más que importante para…

  • Thumbnail for 71014La IFA de las joyerías Posted on: Sep 4th, 2015

    Durante los últimos años, los wearables han pasado de ser dispositivos electrónicos sin más a cuidar su diseño y materiales. Tendencia que se acrecentará. Si buscamos un punto inicial en la corta historia de los wearables, quizás podríamos remontarnos a 2006 con el Nike+ iPod, aquella…

  • Thumbnail for 71001Tesla tendrá que competir contra Panasonic en Europa Posted on: Sep 4th, 2015

    Panasonic Corp., la empresa que fabrica las baterías de litio para Tesla Motors, comenzará a vender sus propias baterías para el hogar en Europa, comenzando en Alemania, país donde los consumidores tienen grandes inventivos para adoptar la electricidad generada por el sol. El foco en el mercado…

  • Thumbnail for 709889 ciudades europeas medirán la contaminación del aire a través de los smartphones Posted on: Sep 4th, 2015

    El proyecto iSPEX estudiará la contaminación del aire en nueve ciudades europeas, entre ellas, Barcelona. Los voluntarios usan un dispositivo que, acoplado a sus smartphones, evalúa el estado del aire creando mapas muy precisos sobre la polución. La contaminación del aire, junto con la…

  • Thumbnail for 70965Monkey Island cumple 25 años Posted on: Sep 4th, 2015

    Una de las aventuras gráficas más trascendentes de la industria, The Secret of the Monkey Island, cumple 25 años Septiembre de 1990. El género de la aventura gráfica estaba en su apogeo y después de auténticos clásicos como Loom, Indiana Jones y la Última Cruzada o Maniac Mansion llegaba…

  • Thumbnail for 70950Los nuevos wearables de Runtastic parecen relojes tradicionales, pero monitorizan actividad y sueño Posted on: Sep 4th, 2015

    Porque las pulseras de silicona terminan cansando. Runtastic equivale a deporte. Sus aplicaciones, su plataforma, su comunidad, su wearable, su reciente compra por parte de Adidas... El problema es que en el mundo de los accesorios, los que están limitados al deporte pierden el atractivo durante…

  • Thumbnail for 70952100 años de evolución de lencería en menos de tres minutos Posted on: Sep 4th, 2015

    20MINUTOS / VÍDEO: YOUTUBE De lo más recatado a lo más provocativo: un repaso a la lencería que había en el año 1915 y su evolución hasta llegar al 2015.El vídeo ya supera los dos millones de reproducciones en YouTube en dos días.Si usamos el término en toda su extensión, la lencería…

  • Ya puedes hacer la preorden del teléfono Moto X Pure Edition a través de Motorola.com Posted on: Sep 4th, 2015

    El Moto X Pure Edition hará que el pagar US$700+ por un móvil tope de línea sea cosa del pasado Leer más Fuente::…

  • Thumbnail for 70946Priones, las proteínas asesinas Posted on: Sep 4th, 2015

    Los priones no son virus ni bacterias pero infectan y producen enfermedades letales. Estas proteínas provocan todo tipo de efectos debido su naturaleza sencilla. Y ni siquiera distinguen entre especies. Existe una cosa capaz de infectar a un ser vivo, cambiar sus proteínas y hacerlo enfermar…

  • Thumbnail for 70931Dirk Ahlborn, CEO de @Hyperloop, hablará de su emprendimiento en @XSpain2015 Posted on: Sep 4th, 2015

    Dirk Ahlborn estará en el evento xSpain para contar su experiencia como emprendedor y hablar de los detalles del proyecto que revolucionará los sistemas de transporte. Poder viajar a una velocidad de vértigo, recorrer miles de kilómetros en apenas media hora, sentirse como en una película…

  • Thumbnail for 70908El teletrabajo: una opción obligada para algunas startups Posted on: Sep 4th, 2015

    El teletrabajo, que es una opción que muchos empleados piden, para las startups muchas veces es la única forma que tienen de trabajar por falta de recursos. El problema podría venir por esta obligada disgregación de la plantilla que afecta directamente a la implicación del equipo en el nuevo…

  • Thumbnail for 70893Conductores kamikazes, Bosch quiere acabar con vosotros Posted on: Sep 4th, 2015

    Robert Bosch acaba de presentar un sistema con el que quieren acabar con los conductores kamikazes que causan cada año miles de fallecidos. Desde hace años hemos visto cómo los vehículos incorporaban en pocos meses novedosos sistemas tecnológicos que permitían al coche aparcar, frenar…

  • Thumbnail for 70895Proyectos de nanotecnología para conseguir agua potable para todo el mundo Posted on: Sep 4th, 2015

    El acceso universal al agua potable podría cambiar el mundo para siempre. El problema es que la mayoría del agua de la Tierra es salada y solo un pequeño porcentaje de la no salada resulta potable. Estamos hablando de menos del 1% de toda el agua del mundo. Desalinizar y potabilizar el agua…

  • Thumbnail for 70799‘Narcos’, la adictiva y latinoamericana serie de Netflix Posted on: Sep 3rd, 2015

    Reseña con cero spoilers y una reflexión personal. Una vez más, Netflix, presenta una serie original, de esas hechas en casa que nos han apantallado y hecho fans de ellas durante los últimos años. En este 2015, y con el fall season en puerta, las propuestas se han diversificado de tal forma…

  • PayPal confirma a Tecnético suspensión de pagos persona a persona en Puerto Rico es por políticas del gobierno; incluye Venmo Posted on: Sep 3rd, 2015

    La empresa emitió una declaración oficial que confirma lo que dijimos anteriormente y que responsabiliza al Gobierno de Puerto Rico por la decisión de no ofrecer más el uso de pagos entre personas de PayPal en la isla. Leer más Fuente::…

  • Thumbnail for 70772Una aplicación permite rellenar partes de accidentes con el teléfono móvil Posted on: Sep 3rd, 2015

    20MINUTOS Pretende facilitar el proceso de informar a las compañías aseguradoras.En España hay más de 18 millones de conductores según la DGT, potenciales usuarios de la aplicación.La patronal de aseguradoras Unespa ha lanzado una aplicación que pretende evitar las molestias habituales que…

Read more