En estas tiendas para diseñar camisetas también pueden? imprimirlas con tus propios dibujos o fotos. Los dibujos puedes hacerlos con algún programa de ordenador si tienes conocimiento, pero también puedes comprar pintura para ropa, adquirible en cualquier tienda con material de este tipo, y dejar salir al artista que llevas dentro.

Las camisetas puedes llevarlas o comprarlas en el establecimiento de estampación o en la tienda de diseños de camisetas. El precio es en general muy asequible, entre 12 y 20 euros aproximadamente. En Madrid hay dos que están bastante bien, una en la calle San Andrés, casi haciendo esquina con la plaza de Manuela Malasaña y otra llegando al mercado de Fuencarral. En ambas hay un montón de modelos para elegir, de lo más cool.

La gran novedad es, como sucede en el monoplaza, el cambio del color azul de la parte superior del casco, que siempre ha acompañado a Fernando Alonso salvo en su etapa McLaren, por el color rojo. Además, el casco será predominantemente amarillo, manteniendo los dos ases en el cogote, como podéis ver en la foto de la parte posterior del casco que os dejo a continuación.

El miércoles podremos ver como queda este nuevo diseño en consonancia con el R29, pues Fernando Alonso hará su debut oficial a los mandos del nuevo monoplaza.

Para que su página sea la más visitada, NTT Europe Online proporciona cinco consejos, muy sencillos pero claves, para conseguir un mejor posicionamiento en Google:
1. Utilizar un nombre de dominio que esté basado en código de país de primer nivel, si es posible. Por ejemplo, un sitio web con dominio .es en España obtendrá un mejor posicionamiento que otro con dominio .com/es. De hecho, este factor es vital ya que se puede ganar hasta un 20% de tráfico sí se elige un alojamiento cercano

2. La dirección IP del servidor del sitio web. Los motores de búsquedas priorizan en el ranking a los sitios web enmarcados en el área geográfica del país, de manera que el hosting local resulta especialmente importante si el sitio no cuenta con dominio basado en códigos de país de primer nivel.

3. El idioma empleado en el nombre de dominio y en los nombres de archivo de las páginas..Los motores de búsquedas utilizan el idioma para detectar y clasificar la ubicación local de un sitio web, estableciendo de esta forma su relevancia y mejor posicionamiento.

4. La ubicación y el idioma utilizado por las páginas con enlaces al sitio web. La influencia de links de terceros es determinante para optimizar la fortaleza de marca de un sitio web. Y lo mismo sucede a la hora de calcular la relevancia de un sitio en los mercados locales.

5. El uso de servicios de distribución inteligente de contenidos permite usar en caché contenidos estáticos y en formato “rich media” para reducir la carga en la infraestructura web y hacer frente a los periodos esporádicos o picos de alta demanda de contenidos, dando mucha mayor visibilidad a la web en buscadores.

El diseño debe comunicar los beneficios
No importa que se este vendiendo, tu prospecto debe saber que es lo que hay para él o ella. Recuerda que las personas van a invertir su dinero en un producto que les brinde algún beneficio personal. El diseño debe poder comunicarle con claridad estos beneficios.

El diseño no es para los diseñadores
Recuerda que el diseño lo debes realizar enfocado en lo que el cliente necesita, y no lo que le hace falta a tu portafolio de diseño. Si realizas un buen trabajo este mismo cliente te recomendara con otros.

El diseño no es un océano, es una pecera
Recuerda que las ideas de diseño y mercadeo no son intercambiables. Si el diseño funciono para un tipo de negocio, no significa que vaya a funcionar para otro.

El diseño es crear algo en lo que se cree
Un buen diseño atraerá a la audiencia más rápido que un diseño mediocre.

Desde esa perspectiva, las entrevistas a los protagonistas de este artículo permiten observar la forma cómo responden a los retos de tener presencia en la Red y reflexionar sobre las claves que utilizan para este propósito.

Crear un portafolio digital es una de esas claves. La información que contiene el portafolio, obviamente responde a los intereses de la persona que lo crea y mantiene. Dicha información acostumbra a estar organizada en categorías como las siguientes:

Información personal: datos de la persona, intereses, opiniones, actividades sociales, lugares visitados, etc. Objetivos y planes.

Educación y méritos académicos: Formación, cursos y proyectos.

Experiencia profesional: roles ocupados, tareas, responsabilidades, etc.

Para dar credibilidad se suele recurrir a diversas fuentes documentales: fotos, presentaciones, enlaces, comentarios, entre otras.

Cinco pasos para crear un buen portafolio

Desde el punto de vista laboral, el portafolio se convierte en un instrumento para mostrar competencias profesionales y ha de estar en sintonía con el sector al que se dirige. En su blog, el director de Experiencia del Usuario de Google, Jeffrey Veen, resume en cinco pasos las pautas que un diseñador ha de tener en cuenta para crear un buen portafolio:

Utilizar las mejores prácticas. Si el portafolio pretende mostrar que su autor es una persona que sabe de diseño web, debe ser congruente con sus principios básicos: diseño atractivo, fácil de usar, cumplimiento de estándares, control de la tipografía considerando localización del texto y navegación adecuada. El portafolio muestra sutilmente cómo se consideran todos estos elementos.

No innovar. Parece contradictorio, pero no. Si el objetivo del portafolio es mostrar hechos, no debería ser el lugar para realizar experimentos.

Mostrar el trabajo propio. Mostrar imágenes en un tamaño adecuado, ocuparse de tenerlas en un servidor del que no desaparecerán sin nuestro permiso.

Explicar lo que se hizo. Dar detalles del trabajo realizado: para quién era el proyecto, cuáles eran los objetivos, qué tarea concreta realizó, con quien colaboró, etc. Describir y explicar para responder a las preguntas del lector.

Llenarlo. Un buen portafolio debe contener muestras de trabajo auténtico, no es suficiente con mostrar la formación. Para ello no hace falta tener experiencia profesional: sería suficiente con realizar prácticas voluntarias en un caso real.

Crear un portafolio plantea abordar diversas cuestiones:

Clarificar objetivos.

Decidir la arquitectura de la información, establecer apartados y categorías (etiquetas).

Prever frecuencia de actualización, volumen información y tipo de publicación.

Elegir herramientas de publicación y actualización.

Estructurar la navegación, diseñar la interfaz, elegir la estética.

Herramientas para crear y dar a conocer un portafolio

Entre las herramientas para crear un portafolio personal ganan terreno a los tradicionales editores de HTML como Dreamweaver y FrontPage, las herramientas de creación de blogs como WordPress, una plataforma de publicación personal semántica, como se autodefine; así como Blogger, Typepad, entre otros. En un nivel superior de prestaciones y complejidad figurarían herramientas como los wikis (MediaWiki, TWiki, PmWiki, etc.) y otros gestores de contenidos (Drupal, WebGUI, Joomla, etc). Además del sistema de publicación, cada vez más es necesario incorporar herramientas de recolección y sindicación de información.

En los últimos años, el término e-portafolio ha adquirido cierta relevancia en el ámbito educativo. En ese caso ya no se trata solamente de una tarea individual para presentar formación, experiencia y logros personales. El e-portafolio es parte de una metodología de la institución educativa para mostrar, evaluar y reconocer aprendizajes. Se plantea así una dimensión del portafolio más compleja.

Mientras avanzamos en esa dirección, se confirma que en la sociedad digital los ciudadanos deberemos encargarnos de crear y mantener actualizada nuestra tarjeta de presentación digital. Y no será suficiente con eso. También deberemos vincularnos a redes sociales como parte decisiva de nuestra estrategia de desarrollo y reconocimiento social. Se están consolidando ya redes con esa finalidad, por ejemplo, Alumwire, que busca favorecer el acceso de los estudiantes de esa red al mundo profesional o, LinkedIn, que interconecta profesionales a fin de aumentar su proyección y visibilidad.

La transformación del portafolio

El portafolio ha experimentado una metamorfosis sorprendente desde que iniciara su viaje del papel al soporte digital. Ha pasado de ser un simple muestrario de experiencias, a tener varias connotaciones potenciales: aval de las capacidades y competencias de una persona, archivo de los hitos educativos a lo largo de la vida, instrumento para canalizar el reconocimiento de saberes y experiencias, herramienta de gestión y evaluación de la actividad académica.

La fuerza de esa tendencia hay que encontrarla en la forma tan rápida en que la sociedad actual genera un volumen inabarcable de información. Ello inhabilita a cualquier institución académica para hacerse cargo del archivo documental de las experiencias educativas de las personas. Parece obvio, pues, que parte de la solución radique en que las personas nos ocupemos de esta misión y además ese ejercicio tenga valor.

Surge una nueva tarea para todos: no basta con vivir experiencias educativas, también hay que coleccionarlas y presentarlas digitalmente. Como ciberciudadanos nos toca generar y mantener actualizado el archivo de nuestras experiencias, especialmente de aquellas que consideramos fuente destacada de aprendizaje, tanto formal (a través de un proceso organizado) como informal (a través de una vía espontánea).

Aunque Google no informa de esos datos, hay quién se las arregla para calcular los enlaces que apuntan a las páginas más populares de la red, para establecer un ranking de webs que han alcanzado el mítico Page Rank 10.

Actualmente, cualquiera puede tener tres pistas del índice de popularidad de una página: Viendo la pequeña gráfica verde que se muestar en la barra de google cuando visitamos una página, la misma gráfica en el directorio google y, si la web se anuncia en adwords, como información de su interés, bajo el enlace del anuncio.

En la lista de top10 que publica suchmaschinen-optimierung-seo.info se ven algunas cosas sorprendentes: además de estar muy bien situadas las webs que nos podemos imaginar todos, como “Adobe Acrobat” la web más enlazada del planeta, Microsoft, el propio google (la página americana, porque la española tiene popularidad 9) y otras por el estilo, se ven algunas páginas que sorprenden a primera vista.

Por ejemplo la página de la universidad de Keio, en Japón, con 9250 enlaces (a mi me salen 9350, que también me parecen pocos comparados con los más de 1 millón de Adobe) o varios enlaces a servicios de Google, como Image search o Google Store, que cuentan con 2340 y 233 enlaces respectivamente.

Es precisamente estos dos últimos puestos del top 10 page Rank lo que más me llama la atención: ¿Están allí porque Google les ha dado artificialmente un Page Rank 10?. Como debemos suponer que no, estas dos webs nos sirven de objeto de estudio para comprobar como no cuenta tanto el número de enlaces que recibes como la calidad de los mismos, según los análisis que se han ido haciendo de la fórmula secreta de Google, a partir del enunciado inicial que sus autores hicieron en sus tiempos de estudiantes de Standford.

Los requisitos previso se dan: Estás páginas están tan bien situadas porque entran dentro del sistema de enlaces internos de la web de google, que sabe mejor que nadie el secreto para un buen posicionamiento en su sistema: que los enlaces que recibas vengan de páginas de alta popularidad que repartan su PR a muy pocas páginas, limitando sus enlaces de salida.

Para trabajar bien el posicionamiento de tu web, debes trabajar primero el sistema de enlaces interno que construyes, que bien planteado puede servir para potenciar las páginas que te interesen y, mal planteado, puede diluir tu popularidad. Como ayuda para complender y para analizar el efecto de un sistema de páginas enlazadas, yo simpre uso el modelo que ofrece MarkHorrell.com

El diseño de un cartel publicitario o un poster es uno de los retos más atractivos que un diseñador puede encontrar. Un cartel o un poster están hechos para captar la atención a las personas mientras, éstas, se encuentran en movimiento y para que sean visibles desde grandes distancias e impactantes por su gran dimensión.

Características de los carteles o posters
 

Gráficamente un cartel debe presentar un correcto equilibrio de todos los elementos que contiene. Las imágenes, gráficos, fotos y textos deben representar una línea de comunicación que permita al ojo humano (y al cerebro) dirigirse de un punto de información a otro. Esto crea movimiento y dinamismo. Los puntos de información no son colocados por casualidad, sinó que son creados por el diseñador para influir en el lector

El diseño de posters y carteles
En un cartel, los textos y los tipos de letras son elementos importantes que deben ser realzados usando distintos colores, y a ser posible colores muy llamativos y diferentes tamaños. Esto ayudará a los clientes a leer el cartel con facilidad.

También debemos seleccionar un tipo de letra ancha, negrita y con un tamaño de letra grande (mínimo 16 puntos) para los encabezamientos.

Si el cartel tiene distintos encabezamientos, utilizaremos dos o más tamaños de letra.

El color del texto debe encontrarse contrastado con el color de fondo: si el fondo es oscuro, utilizar letra clara y viceversa. Cuanto menor sea el contenido, mejor, y si tiene que aparecer mucha información, intentaremos que los datos sean gráficos.

En una de las encuestas realizadas recientemente resultó haber tan sólo 16,1% de mujeres frente al 82,8% que son hombres.

Destacamos las siguientes:

1. Larissa Meek

2. Veerle Pieters

3. Lea Alcantara

4. Jackie Ellse

5. Jan

6. Bel Koo

7. Shirley Ann

8. Mourylise Heymer Marreiros

9. Rina(Honey Design)

10. Sarah Parmenter

11. Emma Taylor

12. Cindy Li

13. Gisele Jaquenod

14. Grace Smith

15. Melissa Hie

16. Caty Ng

17. Natalie Jost

18. Inayaili de Leon

19. Kassy

20. Eva-Lotta Lamm

21. Estibaliz Landa

22. Sabrina Dent

23. Ali Felski

24. Tanya Merone

25. Jen Germann

26. Meagan Fisher

ALT: La etiqueta ALT está presente dentro de las etiquetas de imágenes, de la forma:

<IMG src="mi_imagen.gif" ALT="Mi comentario">
El texto de la etiqueta ALT surgió cuando había navegadores que no incluían las imágenes, y este texto era mostrado en lugar de la imagen. Aún hoy en día, algunos navegadores (como MS Internet Explorer) lo muestran cuando pasamos el ratón por encima de la imagen.

Google tiene en cuenta este texto, sobre todo si la imagen es un enlace a otra página web. Por ello es conveniente que dentro de la etiqueta ALT insertemos palabras claves.

META TAGS: Google NO tiene en cuenta los contenidos de los siguientes META TAGS:

META NAME="keywords"
META NAME="description"
Este último, sin embargo, es utilizado de vez en cuando por Google en lugar del ’snippet’ (la pequeña descripción que suele aparecer en los resultados de Google) cuando el contenido del META coincide con la búsqueda realizada.

De todas maneras, es recomendable utilizarlos, ya que algunos buscadores siguen haciendo uso de estos dos METAS. Recuerda que Google no es el único buscador, y podemos conseguir visitas desde otros buscadores.

URL: Se sospecha que Google sí valora que la URL (dirección de la página web) contenga las palabras claves, aunque no le da demasiado peso. Intenta que contenga las keywords deseadas, pero no abuses y no intentes que el dominio, subdominio y nombre de la página contenga estas palabras clave. Puedes conseguir que Google te penalice.

En las URLs intenta separar los nombre con guiones ‘normales’ ("-"), y no con un guión ‘bajo’ ("_"). Intenta escribir "mi-pagina.html" mejor que "mi_pagina.html".

En el resto de tu página web, intenta situar varias veces las palabras clave que intentas optimizar. Tampoco abuses de esto, porque tus textos serán más difíciles de leer (recuerda que diseñas las páginas para los usuarios, no para los buscadores).

Además, Google estima que determinados TAGS (etiquetas) reflejan mayor importancia del texto. Por ejemplo, situar un texto entre las etiquetas <H1> y </H1> lo realza en la apariencia que el usuario ve en la página, pero también Google estima que esas palabras son más importantes, y lo tendrá en cuenta. Lo mismo ocurre con las etiquetas <H2> (<H3>, <H4>,…), <B> (negrita) y <I> (itálica o cursiva). Conviene que repases el viejo HTML que has olvidado, o que eches un vistazo a algún tutorial de HTML.

Intenta diseñar las páginas web y sus contenidos para que las palabras clave aparezcan dentro de estas etiquetas, pero tampoco abuses de ello, ya que Google puede considerarlo como ’spam’, y te puede penalizar.

Por otra parte, hay herramientas en Internet que obtienen la densidad de palabras claves de tu sitio web.

Cada una de las herramientas te dará un resultado diferente, porque en realidad Google utiliza un algoritmo bastante complicado para estimar en qué grado una página se ajusta a determinadas palabras claves. De todas maneras, puedes utilizar alguna de las herramientas sugeridas, e intentar que la densidad de tus palabras claves en tu página web sea del 5-20%.

Además, intenta que las palabras claves que has seleccionado aparezcan en los links que apuntan hacia tus páginas web.

Y, por supuesto, vigila la ortografía de tus palabras claves. Ya sabemos que mucha gente escribe mal las palabras, o que se confunden al escribir. Pero si buscamos ‘avogados en caracas’, Google nos sugerirá rápidamente ‘abogados en caracas’.

¿Qué hacer entonces?

Pues aquí tenemos una serie de consejos, trucos, y "leyes" básicas que nos pueden ser de suma utilidad, tanto si se es diseñador gráfico como intrépido, o acosado por las circunstancias.

Allá vamos:

1- Hágalo todo más simple.

El poder de un buen diseño esta en su simplicidad. Defina la esencia

1.2-Hágalo todo más simple: parte 2.

¡Cuando su diseño final parece ser demasiado simple para la cantidad de tiempo que le dedicó, VOILA! Su trabajo ya esta listo.

2- Salga de su mundo interior: comuníquese.

Aprenda a comunicarse y colaborar con todos los miembros de las profesiones web claves: programación, marketing, comerciales.

3- Menos glamour y más orden.

No se vea seducido por la forma en detrimento del contenido. Un diseño web comprometido con el contenido contribuye en mayor medida que uno que hace prevalecer las formas

4- Diseñe para conexiones via módem.

La consideración estética más importante a tener en cuenta es LA VELOCIDAD DE TRANSMISIÓN. Si su trabajo tarda demasiado en bajar, deje todo de lado y vuelva al papel y al lápiz

5- Textos. ¿aburridos?

Cuando le toque diagramar textos, PRIMERO LÉALOS. Piense en como alguien, con menos interés que el suyo, podría echarles un vistazo. Otra cosa que es de gran ayuda es el ancho de los textos. A menudo se ven por ahí webs con sus textos corriendo de punta a punta de la página. ¿¿¿Cómo se puede leer eso??? Mejor trate de que sus textos se mantengan en un ancho de 400 píxeles, o, al menos, un tercio de su pantalla.

6- Más color y gráficos, menos imágenes y efectos.

El arte lineal, las formas vectoriales y el color plano se lleva de maravillas con la web. Para ser más claros, si sus diseños usan mas Freehand que Photoshop, es seguro de que su página cargara mucho mas rápido.

7- ¡Gráficos y textos: no!

Nunca, jamás, inserte texto en un gráfico. El texto es texto. Los gráficos son gráficos. No los confunda.

8- Atraiga.

Con las fluctuaciones en las conexiones a la web, su carácter de "lenta" y demás afectaciones, usted tiene 3 SEGUNDOS para convencer a un usuario de no usar el botón ATRÁS del navegador. TRES SEGUNDOS. Entonces, ponga todos sus esfuerzos para que aquello que desea mostrar en una página web aparezca inmediatamente, y de forma interesante.

9- Atraiga-simplifique-vaya a lo que importa.

Tiene 30 segundos para cargar TODA una página en el navegador del usuario. Quizás menos, 15 segs.
SEA RÁPIDO.

10- Enfóquese en lo que interesa.

A los usuarios no les interesa en absoluto como funciona y se navega dentro de su sitio web, sólo llegaron allí por el contenido. DÉSELOS en forma rápida y simple.

11- Infórmese-aprenda.

Manténgase al tanto de las nuevas tecnologías. La web jamás se queda quieta, así que dedique su tiempo libre a aquello que es nuevo. Ya ha pasado el tiempo en que el pez más grande se comía al más pequeño, ahora es el más RAPIDO el que se come al MAS LENTO.

12- Defina su problema.

El diseño trata sobre la resolución de problemas, sobre enfrentar una cuestión de comunicación con un objetivo. Defina cual es el suyo y ya tendrá la mitad del problema resuelto.

13- Apréndase los principios de navegación.

a-La gente odia esperar
b-La gente odia hacer scroll
c-La gente odia leer
d-La gente prefiere hacer scroll antes que esperar
e-La gente prefiere esperar a leer.
f-La gente no es necesariamente racional o coherente, pero a veces sí.

14- Busque inspiración.

Hable con gente que esta fuera de su campo de acción. Los arquitectos, por ejemplo, pueden darle una perspectiva completamente nueva del diseño web, quizá pueden cambiar su forma de imaginar como se conceptualiza un sitio, transformando las páginas web en "espacios web"

15- Escuche música.

Si, cuando la música acompaña a su trabajo este se hace más placentero y llevadero. Incluso llega a generar más inspiración.

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 Internet.

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.

 Diseño web aplicado  

El diseño de páginas web trata básicamente de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computadora, en papel, en un teléfono móvil, etc).

Estos documentos o páginas web pueden ser creadas:

creando archivos de texto en HTML.
utilizando un programa WYSIWYG o WYSIWYM de creación de páginas.
utilizando lenguajes de programación del lado servidor para generar la página web.

 Etapas  

Para el diseño de páginas web debemos tener en cuenta dos 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, 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.
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 Microsoft 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 una 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.

La web semántica, por otra parte, aboga por un uso lógico de las elementos según el significado para el que fueron concebidas. Por ejemplo se utilizará el elemento <P> para marcar párrafos, y <TABLE> para tabular datos (nunca para disponer de manera visual los diferentes elementos del documento). En su última instancia, esto ha supuesto una auténtica revolución en el diseño web puesto que apuesta por separar totalmente el contenido del documento de la visualización.

De esta forma se utiliza el documento HTML únicamente para contener, organizar y estructurar la información y las hojas de estilo CSS para indicar como se mostrará dicha información en los diferentes medios (como por ejemplo, una pantalla de computadora, un teléfono móvil, impreso en papel, leída por un sintetizador de voz, etc.). Por lógica, esta metodología beneficia enormemente la accesibilidad del documento.

También existen páginas dinámicas, las cuales permiten interaccion entre la web y el visitante, proporcionándole herramientas tales como buscadores, chat, foros, sistema 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.

 Historia  

En un principio era sólo texto, pero a medida que ha evolucionado la tecnología, tanto los ordenadores como las redes de telecomunicaciones, se ha generado nuevas formas de desarrollar la web. La inclusión de imágenes fue la más significativa, pero también debemos mencionar el video y la animación, o los espacios 3D, lo que aporta valores estilísticos, de diseño y de interactividad jamás imaginados antes.

El diseño de páginas web se ha desarrollado a medida que ha evolucionado Internet. En 1992 sólo había alrededor de 50 sitios web[cita requerida]. Las últimas estadísticas nos confirmaban que actualmente (2005) rondan los 8.000 millones de sitios web, a los que diariamente se les suma a raíz de 4400 por día[cita requerida].

Rápidamente, su importancia alcanzará las mismas cotas que la televisión o el teléfono. Datos recientes estiman que hay alrededor de 2 mil millones de páginas colgadas y se espera que en los próximos años llegue a los 8 mil millones, excediendo el número de habitantes del planeta. Sin embargo, sólo una fracción de este número es visitado habitualmente por la mayoría de los usuarios (sólo alrededor de 15.000 sitios webs, el 0,4% del total).

A partir de estos datos se puede entender la necesidad de concentrar los esfuerzos para atraer y mantener la atención de los usuarios. Junto con un desarrollo efectivo de la estructura web y del contenido, el diseño y el uso del color son la llave para atraer y ser identificado, formando vínculos en el subconsciente del usuario y generar esquemas para captar y fidelizar a nuevos visitantes.

Al mismo tiempo que la evolución de los aparatos y de su introducción en los hogares, también ha aumentado la calidad de las transmisiones a través Internet y ha bajado su precio. A medida que la tecnología ha solventado estas dificultades, ya no nos encontramos con problemas de forma sino de contenido.

Los directorios: aunque muchos consideran que no tienen valor ni peso alguno se tiene que tener claro que un enlace desde un directorio no hace daño, sobre todo si se seleccionan directorios temáticos relacionados a tu web.

“Cuando se realizan altas en directorios es recomendable disponer de una variedad de anchor text”

Cantidad vs. Calidad: un dilema continuo de la vida, por suerte en el posicionamiento se trata de la calidad de los enlaces, mil enlaces desde blogs o portales poco autoritativos no se comparan al peso que puede pasar un solo enlace desde una web como CNN, El País o cualquier medio importante de internet.

“Para conseguir enlaces de calidad debes enfocarte en el mercado de tu web, conseguir enlaces desde los portales de tus competidores o webs que hablen sobre la misma temática”

Enlaces de pago: los enlaces de pago son una técnica que se puede considerar licita siempre y cuando se utilice con el fin de conseguir trafico de calidad desde la web que apunta con el enlace y no con el objetivo principal de mejorar las posiciones.

“Los enlaces con mas CTR valen más que los que no reciben clics”

Enlaces salientes y entrantes: los enlaces entrantes son una de las claves del éxito, mientras más enlaces de calidad recibas más posibilidades tendrás de mejorar tus posiciones, pero debes ser cauteloso al momento de enlazar otras webs, tu web puede relacionarse con portales o blogs que no necesariamente quieras tener en relación, portales que podrían estar realizando prácticas ilegales o cumpliendo con las normas de Google.

“Al no dar enlaces te conviertes en un punto muerto, es decir una web que recibe pero no da, ese caso no se da al menos no de forma natural”

Enlaces recíprocos: esta práctica todavía sigue funcionando sobre todo cuando el intercambio se realiza entre webs relacionadas por la misma temática.

“Anny Smarty tiene un excelente artículo sobre el tema que lo puedes ver aquí.”

Redes sociales: las redes sociales con más valor como Digg o meneame son una fuente importante para mejorar las posiciones en los buscadores, si recibes mucho tráfico desde esas webs tus posiciones pueden mejorar (prueba realizada con dos artículos de Seotalk, la subida es de forma temporal no superior a dos semanas.).

“El truco esta en el CTR -Jim Boykin-”

El tesoro oculto: como todos los tesoros resulta algo difícil encontrarlos, eso mismo sucede con los enlaces desde los dominios .gov o los .edu, estos enlaces tienen mucho peso, hasta el punto de marcar la diferencia entre la posición número 20 y la posición número 1.

“Por ejemplo los chicos del ENJAMBRE utilizan dominios .edu en España para competir en sectores como las hipotecas”

En conclusión, para conseguir enlaces de calidad que duren con el tiempo se necesita de contenido de calidad, herramientas gratuitas, o cualquier otro factor que agregue valor a los usuarios, cada día se convierte en algo mas difícil conseguir enlaces por lo que hoy es el momento perfecto para comenzar una nueva campaña de enlaces.

Te recomiendo leer un mundo sin Google donde podrás ver una forma muy natural de actuar en caso de que Google no existiera la cual te puede ayudar a ser más natural de cara a los buscadores.

Tus opiniones son importantes para completar este articulo…
 

TEORÍA DEL COLOR

El color es una sensación que se produce en respuesta a una estimulación nerviosa el ojo, causada por una longitud de onda luminosa. El color es un atributo que percibimos de los objetos cuando hay luz. Y es por esto, que los colores sobre los objetos nos producen determinadas sensaciones, por lo que hay que cuidar mucho los colores que elegimos en nuestras composiciones y a la hora de diseñar una web ya que dependerá mucho del color seleccionado la sensación que transmita la web.

El color se estructura en conceptos propios que lo definen según las cualidades que contiene:

Tono, matiz o croma es el atributo que diferencia el color y por la cual designamos los colores en sí.
Saturación es la intensidad cromática o pureza de un color. Por pureza podemos entender la cantidad máxima de pigmentanción sin mezcla.
Valor es la claridad u oscuridad de un color, está determinado por la cantidad de luz que un color tiene. Valor y luminosidad expresan lo mismo.
El brillo es la cantidad de luz emitida por una fuente lumínica o reflejada por una superficie.
Luminosidad es la cantidad de luz reflejada por una superficie en comparación con la reflejada por una superficie blanca en iguales condiciones de iluminación.
El círculo cromático es el esquema resultante de distribuir alrededor de un círculo los colores que conforman el segmento de la luz visible del espectro solar.

Los colores primarios son: amarillo, rojo y azul. Mezclando pigmentos de éstos colores se obtienen todos los demás colores.

Los colores secundarios: verde, violeta y naranja. Los colores secundarios se obtienen de la mezcla en una misma proporción de los colores primarios.

Los colores terciarios: rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo versoso, azul verdoso y azul voláceo. Los colores terciarios, surgen de la combinación en una misma proporción de un color primario y otro secundario.

Algunas de las cosas más importantes que debemos saber del color son:

Armonía y contraste

El color es un factor clave del éxito de un diseño. Existen una infinidad de colores y matices para elegir, lo que hace dificil la elección de colores para un proyecto. De todas formas, existen algunas ideas básicas que deben tenerse claras para poder trabajar con soltura con los diseños a color.

De entrada existen diferentes formas de enfocar el color en un proyecto: un tratamiento monocromo, o a base de grises tintados; colores matizados o apagados; colores pastel; colores vivos … y dentro de cada una de estas posibilidades podemos emplear diferentes combinaciones. Es por esto que cada diseñador debe realizar una paleta de colores armónica a la hora de realizar un proyecto. La selección cromática para un proyecto suele contar con unos pocos colores dominantes que armonizan entre sí. Una gran cantidad de colores diferentes resulta difícil de mantener a lo largo de una serie de páginas o pantallas si se pretende enfocar la atención en algo que no sean las manchas de colores.

Por lo tanto podemos resumir que la armonía consiste en crear una gama de colores para nuestra web que este compuesta por colores de la misma gama o tono.

El contraste de colores consiste en combinar diferentes colores para crear una gama como, por ejemplo, claros y oscuros, cálidos y fríos, etc. El tono es una de las dimensiones del color más importantes. El contraste más efectivo se obtiene combinando los diferentes tonos. Los colores opuestos contrastan mucho más, mientras que los análogos apenas lo hacen, perdiendo importancia visual ambos.

El color y su expansión

El espacio concretado en zonas de color es fundamental dentro de un diseño. Las diferentes tonalidades que se emplean en los elementos y las formas sirven para crear relaciones espaciales y focales, de gran interés para el receptor. se pueden llegar a conseguir efectos muy variados y especiales dependiendo de como se combinene. Por ejemplo, si usamos bastante espacio en blanco, se produce un descanso para el ojo. Si dejamos mucho espacio en blanco alrededor de algún objeto, palabra o imágen, estamos haciendo que destaque del resto de la composición.Los grandes márgenes ayudan a seguir el diseño de una forma más facil.

El texto sobre fondo blanco es más legible y por lo tanto el lector debe forzar menos la vista, sintiéndose agradecido. En cambio, el texto sobre fondo negro a simple vista puede parecer más legible, pero cuando es un texto extenso el cansancio visual se verá reflejado. Esto también lo podemos ver en colores claros y oscuros, no es algo que suceda únicamente en blanco y negro.

Significado del color

Esta es una de las cosas más interesantes con respecto al color, su significado. ¿Algunos pensarán que como puede ser que un color signifique algo? Pues sí, aunque estos significados varían un poco según las culturas, ya que por tradición es posible que el amarillo signifique mala suerte en algunas partes y en otros no o que por ejemplo el blanco signifique y se utilize como “luto” en otras culturas.

Blanco .

Se halla en el extremo de la gama de los grises.. Es un color latente por su capacidad de potenciar los otros colores vecinos. El blanco puede expresar paz, soleado, feliz, activo, puro e inocente. El blanco es el fondo universal de la comunicación gráfica.

Negro

Al igual que el blanco, también se encuentra en el extremo de la gama de grises. Es el símbolo del silencio, del misterio y, en ocasiones, puede significar impuro y maligno. Confiere nobleza y elegancia, sobre todo cuando es brillante.

Gris

Simboliza la indecisión y la ausencia de energía, expresa duda y melancolía. Los colores metálicos tienen una imagen lustrosa, adoptando las cualidades de los metales que representan. Dan impresión de frialdad metálica, pero también dan sensación de brillantez, lujo, elegancia, por su asociación con los metales preciosos.

Amarillo

Es el color más luminoso, más cálido, ardiente y expansivo. Es el color del sol, de la luz y del oro, y como tal es violento, intenso y agudo. Suelen interpretarse como animados, joviales, excitantes, afectivos e impulsivos. No es recomendable usarlo como color principal de nuestra página, pues tiene demasiada fuerza y tiende a cansar al visitante.

Naranja

Posee fuerza activa, radiante y expansiva. Tiene un carácter acogedor, cálido, estimulante y una cualidad dinámica muy positiva y energética.

Rojo

Significa la vitalidad, es el color de la sangre, de la pasión, de la fuerza bruta y del fuego. Está ligado al principio de la vida, expresa la sensualidad, la virilidad, la energía; es exultante y agresivo. El rojo es el símbolo de la pasión ardiente y desbordada, de la sexualidad y el erotismo.

Azul

Es el símbolo de la profundidad. Inmaterial y frío, suscita una predisposición favorable. La sensación de placidez que provoca el azul es distinta de la calma o reposo terrestres, propios del verde. Expresa armonía, amistad, fidelidad, serenidad, sosiego… y posee la virtud de crear la ilusión óptica de retroceder. Este color se asocia con el cielo, el mar y el aire. El azul claro puede sugerir optimismo. Cuanto más se clarifica más pierde atracción y se vuelve indiferente y vacío. Cuanto más se oscurece más atrae hacia el infinito.

Violeta

Es el color de la templanza, de la lucidez y de la reflexión. Es místico, melancólico y podría representar también la introversión. En sus tonos más claros se vuelve un poco triste, en los más oscuros representa grandeza.

Verde

Es el color más tranquilo y sedante. Evoca la vegetación, el frescor y la naturaleza. Es el color de la calma indiferente: no transmite alegría, tristeza o pasión. Cuando algo reverdece suscita la esperanza de una vida renovada.

Marrón

Es un color masculino, severo, confortable. Es evocador del ambiente local otoñal y da la impresión de gravedad y equilibrio. Es el color realista, tal vez porque es el color de la tierra que pisamos.

Espaciado y composición

Bueno, esta parte es la más dificil en cuanto a poder ofrecerle datos y recomendarles algo. Puestos a recomendar, les recomiendo de que como diseñadores web, visualicen muchísimas páginas y vean como otros diseñadores plasman las ideas, los conceptos, las formas, composición de sus webs, etc … en sus páginas web. Esta forma es una muy buena forma de crecer como diseñadores. Ver el trabajo de los demás e intentar explicarse uno mismo el porqué ese diseñador que ha realizado esa web que ahora mismo estás visualizando ha hecho las cosas de ese modo. Intentar aprender de la experiencia de los demás es una de las mejores formas (sin duda alguna, también hay que aprender a base de nuestra experiencia).

Pero aún así, hay ciertas cosillas que se pueden comentar. Referente al espaciado podemos comentar del espacio que se debe de dejar en los textos con respecto a los otros objetos que rodean a este. ¿Cuantas veces no hemos visto ese texto en alguna web que no guarda ningun espaciado con los elementos y/o bordes que le rodean? Esto provoca confusión en la lectura o incluso que el usuario al ver ese texto de esa forma, ni lo lea.

Bueno, hasta aquí estos fundamentos básicos sobre diseño web. Espero que les hallan servido de utilidad y que les hallan aclarado algunas dudas.

La mayoría de las personas piensan que el diseño es hacer que nuestras páginas sean visualmente bonitas, pero con eso no basta, nosotros como diseñadores debemos transmitir una idea y un sentimiento al navegante, y que todo esto se produzca de una manera clara y concisa. Para transmitir estos sentimientos deberemos usar correctamente algunas técnicas, entre las que destacan las siguientes:

Tipografía
Teoría del color
Espaciado y composición

TIPOGRAFÍA
La tipografía en un PC no es como en cualquier otro soporte. Además, hay que añadirle que la tipografía en Internte tiene sus propias reglas; aunque como en el diseño gráfico la regla principal es que todo sea legible, es algo así como la regla de oro de las tipografías (si no se puede leer no mola).

Todo texto que veamos en cualquieras de las páginas web se pueden separar en dos grandes grupos: Títulos y Cuerpos de texto o Mensajes.

Los títulos generalmente son letras grandes, gruesas y detalladas. Para este tipo de texto, es esencial que las tipografías elegidas (y el color de estas) estén en consonancia perfectamente con el diseño de la página.

Para los mensajes deberemos usar tipografías Sans Serif (Arial, Verdana), nunca usaremos fuentes Serif (Times). La diferencia entre una fuente y otra la podeis ver en estas imágenes:

Las fuentes sans serif incluyen todas las Palo Seco, resultando especialmente indicadas para su visualización en la pantalla de un ordenador, resultando muy legibles a pequeños tamaños y bellas y limpias a tamaños grandes.

En cambio, las tipografías Serif tienen muchos más detalles y a tamaños pequeños se hace poco legible en una pantalla, que no en papel.

Otras de las cosas que debemos a la tecnología Flash principalmente es el nacimiento de las Pixel Fonts, que son unas tipografías especialmente diseñadas para que éstas se viesen bien a un determinado punto, ya que “caían” justo en el píxel del monitor. Éstas fuentes han tenido mucho éxito y son muy recomendables usarlas en Flash, ya que hacen los textos muy legibles y no se ven borrosas las letras.