WWW
para editores
   Xavier Badosa
       2009
        (3)
1989-91 – Tim Berners-Lee
World Wide Web

HyperText Transfer Protocol (HTTP)

HyperText Markup Language (HTML)

Uniform Re...
1989-91 – Tim Berners-Lee
World Wide Web

HyperText Transfer Protocol (HTTP)

HyperText Markup Language (HTML)

Uniform Re...
http://maps.google.com
http://maps.google.com
http://maps.google.com
http://maps.google.com

https://
http://maps.google.com

https://

 ftp://
http://maps.google.com

https:// www

 ftp:// books

         Ø
http://maps.google.com
                dominio
https:// www

 ftp:// books

         Ø
TLD
 http://maps.google.com
                 dominio
https:// www

 ftp:// books

         Ø
                ICANN
       ...
Dominios de nivel superior (TLDs)
.com, .org, .net, .edu, .mil, .gov, .int, .arpa
.biz, .info, .name
.aero, .museum, .coop...
Dominios de nivel superior (TLDs)
.com, .org, .net, .edu, .mil, .gov, .int, .arpa
.biz, .info, .name
.aero, .museum, .coop...
.es
Cliente
(p.e., 62.82.20.208)
Cliente
 (p.e., 62.82.20.208)

http://207.171.175.35
Cliente
        Servidor          (p.e., 62.82.20.208)
(p.e., 207.171.175.35)
                         http://207.171.175....
Cliente
        Servidor          (p.e., 62.82.20.208)
(p.e., 207.171.175.35)
                         http://207.171.175....
Cliente
        Servidor          (p.e., 62.82.20.208)
(p.e., 207.171.175.35)
                         http://207.171.175....
Cliente
        Servidor           (p.e., 62.82.20.208)
(p.e., 207.171.175.35)
                          http://207.171.17...
Domain Name Server (DNS)




                                                             Cliente
        Servidor        ...
¿Amazon.com?


                                                    IP del DNS de Amazon.com


                            ...
¿www?                               ¿Amazon.com?


                                                            IP del DNS ...
¿www?                                   ¿Amazon.com?


                                                                IP ...
¿www?                                   ¿Amazon.com?


                                                                IP ...
Editorial Anagrama
Editorial Anagrama
 http://www.anagrama.com
Editorial Anagrama
 http://www.anagrama.com
  http://www.anagrama.es
Editorial Anagrama
  http://www.anagrama.com
   http://www.anagrama.es
 http://www.anagrama.com.es
Editorial Anagrama
   http://www.anagrama.com
    http://www.anagrama.es
  http://www.anagrama.com.es
http://www.anagrama-...
Editorial Anagrama
   http://www.anagrama.com
    http://www.anagrama.es
  http://www.anagrama.com.es
http://www.anagrama-...
Editorial Anagrama
   http://www.anagrama.com
    http://www.anagrama.es
  http://www.anagrama.com.es
http://www.anagrama-...
Editorial Anagrama
   http://www.anagrama.com
    http://www.anagrama.es
  http://www.anagrama.com.es
http://www.anagrama-...
Editorial Anagrama
   http://www.anagrama.com
    http://www.anagrama.es
  http://www.anagrama.com.es
http://www.anagrama-...
1989-91 – Tim Berners-Lee
World Wide Web

HyperText Transfer Protocol (HTTP)

HyperText Markup Language (HTML)

Uniform Re...
1989-91 – Tim Berners-Lee
World Wide Web

HyperText Transfer Protocol (HTTP)

HyperText Markup Language (HTML)

Uniform Re...
HTML
HTML




Texto
HTML




Texto
Elementos   nombre y contenido
HTML            <…> </…>




Texto
Elementos         nombre y contenido
Etiqueta de inicio / etiqueta de cierre
HTML             <…> </…>

     <p>Este texto es un párrafo de ejemplo.</p>




Texto
Elementos          nombre y contenid...
HTML             <…> </…>

     <p>Este texto es un párrafo de ejemplo.</p>
     <a href=quot;http://www.abc.comquot;>abc....
HTML             <…> </…>

     <p>Este texto es un párrafo de ejemplo.</p>
     <a href=quot;http://www.abc.comquot;>abc....
HTML              <…> </…>

      <p>Este texto es un párrafo de ejemplo.</p>
      <a href=quot;http://www.abc.comquot;>a...
HTML              <…> </…>

      <p>Este texto es un párrafo de ejemplo.</p>
      <a href=quot;http://www.abc.comquot;>a...
HTML              <…> </…>

      <p>Este texto es un párrafo de ejemplo.</p>
      <a href=quot;http://www.abc.comquot;>a...
HTML              <…> </…>

      <p>Este texto es un párrafo de ejemplo.</p>
      <a href=quot;http://www.abc.comquot;>a...
HTML              <…> </…>

      <p>Este texto es un párrafo de ejemplo.</p>
      <a href=quot;http://www.abc.comquot;>a...
HTML              <…> </…>

      <p>Este texto es un párrafo de ejemplo.</p>
      <a href=quot;http://www.abc.comquot;>a...
HTML
Hypertext Markup Language



       Estructura


  Presentación

           Comportamiento
HTML
             Hypertext Markup Language



                        Estructura


                Presentación

        ...
HTML
             Hypertext Markup Language



                        Estructura


                Presentación

        ...
HTML
              Hypertext Markup Language



                        Estructura


 HTML
                Presentación

 ...
HTML
              Hypertext Markup Language

                                                     JS

                   ...
usabilidad
     accesibilidad
Facilidad con la que las personas pueden
utilizar una herramienta para conseguir
determinado...
Larry Page & Sergey Brin
Larry Page & Sergey Brin
Search Engine Optimization



      Larry Page & Sergey Brin
Search Engine Optimization
 Search Engine Marketing

      Larry Page & Sergey Brin
WWW
para editores
 Fin de la tercera parte
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
WWW para editores (y más allá) (3)
Upcoming SlideShare
Loading in...5
×

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

6,747

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
6,747
On Slideshare
0
From Embeds
0
Number of Embeds
9
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

×