• Like
Web 2
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Published

Trabajo, Presentación, Web2

Trabajo, Presentación, Web2

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
234
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. Web 2 Trabajo Pr√°ctico
  • 2. ¬ŅQu√© es la Web 2?
    • Es la representaci√≥n de la evoluci√≥n de las aplicaciones tradicionales hacia aplicaciones web enfocadas al usuario final. El Web 2.0 es una actitud y no precisamente una tecnolog√≠a.
    • La Web 2.0 es la transici√≥n que se ha dado de aplicaciones tradicionales hacia aplicaciones que funcionan a trav√©s del web enfocadas al usuario final. Se trata de aplicaciones que generen colaboraci√≥n y de servicios que reemplacen las aplicaciones de escritorio.
  • 3.  
  • 4. ¬ŅQu√© es Folcsem√°ntica?
    • La Folcsem√°ntica es un conjunto de herramientas web 2,0 que dan poder a las personas para descubrir, remezclar, crear y compartir contenido. Las herramientas les dan nuevas y potentes v√≠as de modelar la web de acuerdo con sus necesidades concretas. Ya habr√° m√°s tiempo de comentar lo que va suponer esto en conceptos de identidad, privacidad y OpenID 2.0 incorporando APIs y desarrollando widgets para proporcionar una mejor experiencia al usuario.
  • 5. Web 1.0 vs Web 2.0
  • 6. Caracter√≠sticas
    • Simplicidad El dise√Īo es m√°s simple que nunca, ya que 2.0 significa limpieza y simplicidad.
    • Dise√Īo centrado La gran mayor√≠a de las p√°ginas web est√°n utilizando un dise√Īo centrado en la ventana del navegador, ya que ofrece una sensaci√≥n de simplicidad y ‚Äúhonestidad‚ÄĚ
  • 7. Caracter√≠sticas
    • Pocas columnas Cuantas menos columnas aparezcan en la p√°gina, el dise√Īo de la web ser√° mucho m√°s sencillo, y mostrar√° con mayor claridad los contenidos; dos columnas es el ideal aunque deber√≠amos evitar m√°s de tres columnas.
    • Secci√≥n superior separada En la secci√≥n superior o cabecera, generalmente aparece el logotipo y el √°rea de navegaci√≥n; es importante que se diferencie la cabecera del resto de la p√°gina para poder centrar la atenci√≥n en lo que es realmente importante.
  • 8. Caracter√≠sticas
    • Navegaci√≥n sencilla: Utilizar un men√ļ permanente de navegaci√≥n, facilitar√° a los usuarios el acceso a tus contenidos, aunque en algunas ocasiones deba ser necesario utilizar un submen√ļ que permita acceder a secciones internas de la p√°gina. El men√ļ debe ser claro, obvio y destacado.
  • 9. Caracter√≠sticas
    • Logotipos en negrita Un logotipo claro, en negrita, permitir√° que en una primera impresi√≥n los usuarios presten atenci√≥n.
    • Tama√Īo de texto grande Si eliminamos los elementos ‚Äúsobrantes‚ÄĚ de la p√°gina, dispondremos de mayor espacio para poder incrementar el tama√Īo de la letra, facilitando que los usuarios puedan leer y asimilar nuestro contenido.
  • 10. Caracter√≠sticas
    • Instrucciones de texto en negrita Destacar la introducci√≥n de la p√°gina o las instrucciones en negrita, nos permitir√° recalcar la importancia de este contenido por delante del resto, permitiendo atraer la atenci√≥n del usuario.
  • 11. Caracter√≠sticas
    • Colores fuertes La utilizaci√≥n de colores fuertes para dividir la p√°gina en secciones claras y definidas, y para destacar los principales elementos, permitir√° que el usuario entienda mucho mejor la distribuci√≥n del contenido de nuestra web.
    • Superficies ‚Äúenriquecidas‚ÄĚ Pese a que yo no soy un gran partidario de este punto, si que he visto muchos ejemplos de p√°ginas que han sabido utilizar los efectos 3D, degradados, ‚Ķ para conseguir un gran impacto visual, y una navegaci√≥n mucho m√°s sencilla.
  • 12. Caracter√≠sticas
    • Degradados La utilizaci√≥n de los fondos degradados, es una de las principales caracter√≠sticas que podemos ver en la mayor√≠a de los ‚Äúnuevos‚ÄĚ proyectos Web 2.0
    • Reflejos Como ya han popularizado Windows Vista y Apple, la utilizaci√≥n de los reflejos en algunos dise√Īos, permitir√° que los usuarios tengan la sensaci√≥n de que el dise√Īo de la p√°gina web ha estado cuidado en todos sus aspectos, otorgando una mayor profesionalidad y seriedad.
  • 13. Caracter√≠sticas
    • Iconos originales Los iconos (siempre y cuando sean claros) permiten reducir la cantidad de texto que necesitar√≠amos para explicar cosas, siempre y cuando estos iconos tengan un significado muy claro y universal.
    • Estrellas Aunque parezca mentira, la utilizaci√≥n de estrellas u otros elementos para mostrar el precio, ofertas, ‚Ķ se ha utilizado casi siempre en el mundo offline, pero parece que hemos necesitado de la llegada del Web 2.0 para que se utilicen este tipo de elementos en Internet.
  • 14.  
  • 15. Fin www.webdosquintotaller.blogspot.com