WWW para editores (y más allá) (3)

8,416 views
8,638 views

Published on

Tercera parte de la presentación que sirvió de base para las sesiones de introducción a la edición en línea de los másteres de edición de la Universitat Autònoma de Barcelona y de Editrain/Universidad de Alcalá (2009)

Direcciones: URL (URI). Dominios. HTML. XML. Search Engine Optimization (SEO). Search Engine Marketing (SEM).

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
8,416
On SlideShare
0
From Embeds
0
Number of Embeds
5,931
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

WWW para editores (y más allá) (3)

  1. 1. WWW para editores Xavier Badosa 2009 (3)
  2. 2. 1989-91 – Tim Berners-Lee World Wide Web HyperText Transfer Protocol (HTTP) HyperText Markup Language (HTML) Uniform Resource Locator (UDI,URL,URI)
  3. 3. 1989-91 – Tim Berners-Lee World Wide Web HyperText Transfer Protocol (HTTP) HyperText Markup Language (HTML) Uniform Resource Locator (UDI,URL,URI)
  4. 4. http://maps.google.com
  5. 5. http://maps.google.com
  6. 6. http://maps.google.com
  7. 7. http://maps.google.com https://
  8. 8. http://maps.google.com https:// ftp://
  9. 9. http://maps.google.com https:// www ftp:// books Ø
  10. 10. http://maps.google.com dominio https:// www ftp:// books Ø
  11. 11. TLD http://maps.google.com dominio https:// www ftp:// books Ø ICANN The Internet Corporation for Assigned Names and Numbers http://www.icann.org
  12. 12. Dominios de nivel superior (TLDs) .com, .org, .net, .edu, .mil, .gov, .int, .arpa .biz, .info, .name .aero, .museum, .coop, .pro .cat, .jobs, .travel…
  13. 13. Dominios de nivel superior (TLDs) .com, .org, .net, .edu, .mil, .gov, .int, .arpa .biz, .info, .name .aero, .museum, .coop, .pro .cat, .jobs, .travel… Códigos de países (ccTLDs) .es, .ar, .mx, .us, .eu .tv (Tuvalu), .fm (Estado Federal de Micronesia), .to (Tonga), .ws (Western Samoa) …
  14. 14. .es
  15. 15. Cliente (p.e., 62.82.20.208)
  16. 16. Cliente (p.e., 62.82.20.208) http://207.171.175.35
  17. 17. Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35
  18. 18. Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 LOG Página web
  19. 19. Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 LOG Página web
  20. 20. Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 http://www.amazon.com LOG Página web
  21. 21. Domain Name Server (DNS) Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 http://www.amazon.com LOG Página web
  22. 22. ¿Amazon.com? IP del DNS de Amazon.com Registro .com Domain Name Server (DNS) Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 http://www.amazon.com LOG Página web
  23. 23. ¿www? ¿Amazon.com? IP del DNS de Amazon.com DNS de Amazon.com Registro .com Domain Name Server (DNS) Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 http://www.amazon.com LOG Página web
  24. 24. ¿www? ¿Amazon.com? IP del DNS de Amazon.com 207.171.175.35 DNS de Amazon.com Registro .com Domain Name Server (DNS) Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 http://www.amazon.com LOG Página web
  25. 25. ¿www? ¿Amazon.com? IP del DNS de Amazon.com 207.171.175.35 DNS de Amazon.com Registro .com Domain Name Server (DNS) Cliente Servidor (p.e., 62.82.20.208) (p.e., 207.171.175.35) http://207.171.175.35 http://www.amazon.com LOG Página web
  26. 26. Editorial Anagrama
  27. 27. Editorial Anagrama http://www.anagrama.com
  28. 28. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es
  29. 29. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es http://www.anagrama.com.es
  30. 30. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es http://www.anagrama.com.es http://www.anagrama-editorial.com
  31. 31. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es http://www.anagrama.com.es http://www.anagrama-editorial.com http://www.editorial-anagrama.com
  32. 32. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es http://www.anagrama.com.es http://www.anagrama-editorial.com http://www.editorial-anagrama.com http://www.editorialanagrama.com
  33. 33. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es http://www.anagrama.com.es http://www.anagrama-editorial.com http://www.editorial-anagrama.com http://www.editorialanagrama.com http://www.anagrama-ed.com
  34. 34. Editorial Anagrama http://www.anagrama.com http://www.anagrama.es http://www.anagrama.com.es http://www.anagrama-editorial.com http://www.editorial-anagrama.com http://www.editorialanagrama.com http://www.anagrama-ed.com
  35. 35. 1989-91 – Tim Berners-Lee World Wide Web HyperText Transfer Protocol (HTTP) HyperText Markup Language (HTML) Uniform Resource Locator (UDI,URL,URI)
  36. 36. 1989-91 – Tim Berners-Lee World Wide Web HyperText Transfer Protocol (HTTP) HyperText Markup Language (HTML) Uniform Resource Locator (UDI,URL,URI)
  37. 37. HTML
  38. 38. HTML Texto
  39. 39. HTML Texto Elementos nombre y contenido
  40. 40. HTML <…> </…> Texto Elementos nombre y contenido Etiqueta de inicio / etiqueta de cierre
  41. 41. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> Texto Elementos nombre y contenido Etiqueta de inicio / etiqueta de cierre
  42. 42. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> Texto Elementos nombre y contenido Etiqueta de inicio / etiqueta de cierre Atributos valores
  43. 43. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> Texto Elementos nombre y contenido Etiqueta de inicio / etiqueta de cierre Atributos valores
  44. 44. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> 3 < 4; 2 > 1
  45. 45. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> 3 < 4; 2 > 1 3 &lt; 4; 2 &gt; 1
  46. 46. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> 3 < 4; 2 > 1 3 &lt; 4; 2 &gt; 1 Wiley & Son
  47. 47. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> 3 < 4; 2 > 1 3 &lt; 4; 2 &gt; 1 Wiley & Son Wiley &amp; Son
  48. 48. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> 3 < 4; 2 > 1 3 &lt; 4; 2 &gt; 1 Wiley & Son Wiley &amp; Son © &copy;
  49. 49. HTML <…> </…> <p>Este texto es un párrafo de ejemplo.</p> <a href=quot;http://www.abc.comquot;>abc.com</a> <p class=quot;literarioquot;>Párrafo con estilo.</p> 3 < 4; 2 > 1 3 &lt; 4; 2 &gt; 1 Wiley & Son Wiley &amp; Son © &copy;
  50. 50. HTML Hypertext Markup Language Estructura Presentación Comportamiento
  51. 51. HTML Hypertext Markup Language Estructura Presentación Comportamiento CSS Cascading Style Sheet
  52. 52. HTML Hypertext Markup Language Estructura Presentación Comportamiento CSS JS Cascading Style Sheet JavaScript
  53. 53. HTML Hypertext Markup Language Estructura HTML Presentación Comportamiento CSS JS Cascading Style Sheet JavaScript
  54. 54. HTML Hypertext Markup Language JS Estructura CSS HTML HTML Presentación Comportamiento CSS JS Cascading Style Sheet JavaScript CSS Zen Garden
  55. 55. usabilidad accesibilidad Facilidad con la que las personas pueden utilizar una herramienta para conseguir determinados fines Grado en el que un sistema es utilizable por la mayor cantidad de “personas” Limitaciones intrínsecas Limitaciones del dispositivo
  56. 56. Larry Page & Sergey Brin
  57. 57. Larry Page & Sergey Brin
  58. 58. Search Engine Optimization Larry Page & Sergey Brin
  59. 59. Search Engine Optimization Search Engine Marketing Larry Page & Sergey Brin
  60. 60. WWW para editores Fin de la tercera parte

×