El documento presenta información sobre la infraestructura y tecnologías subyacentes a la World Wide Web. Se explica que la web está compuesta de documentos electrónicos almacenados en servidores alrededor del mundo y vinculados entre sí a través de hipervínculos, y que su funcionamiento requiere de un explorador web, conexión a Internet, y servidores. Además, se definen conceptos clave como páginas web, sitios web, y URLs.
Infraestructura tecnologías Internet y el World Wide Web
1. E-Marketing & Comercio
Electronico
Suleica Ramirez
Audry Feliz
Arlette Villamán
Infraestructura
Frinette González Tecnologías:
Internet y World Wide
Web
Wednesday, May 16, 2012
3. Qué es la web ?
Frinette González
Wednesday, May 16, 2012
4. Qué es la web ?
• La World Wide Web es
una colección de
documentos electrónicos
que están vinculados
entre sí
Frinette González
Wednesday, May 16, 2012
5. Qué es la web ?
• La World Wide Web es
una colección de
documentos electrónicos
que están vinculados
entre sí
Frinette González
Wednesday, May 16, 2012
6. Qué es la web ?
• La World Wide Web es
una colección de
documentos electrónicos
que están vinculados
entre sí
• Estos documentos están
almacenados en
computadoras llamadas
servidores situados en
todas partes del mundo.
Frinette González
Wednesday, May 16, 2012
7. Qué es la web ?
Frinette González
Wednesday, May 16, 2012
8. Qué es la web ?
Frinette González
Wednesday, May 16, 2012
9. Qué es la web ?
• La Web ha evolucionado hasta
ser un medio de publicación
electrónica global, y ,de forma
creciente, un medio que sirve
de soporte al comercio
electrónico.
Frinette González
Wednesday, May 16, 2012
11. De qué esta hecha la
web ?
Arlette Villamán
Wednesday, May 16, 2012
12. De qué esta hecha la
web ?
Arlette Villamán
Wednesday, May 16, 2012
13. De qué esta hecha la
web ?
Su ordenador
personal
Arlette Villamán
Wednesday, May 16, 2012
14. De qué esta hecha la
web ?
Su ordenador Un programa de software
personal explorador de Web para
acceder a la Web
Arlette Villamán
Wednesday, May 16, 2012
15. De qué esta hecha la
web ?
Una conexión a un
Su ordenador Un programa de software proveedor de servicios de
personal explorador de Web para internet (ISP , del ingles
acceder a la Web Internet Service Provider)
Arlette Villamán
Wednesday, May 16, 2012
16. De qué esta hecha la
web ?
Una conexión a un
Su ordenador Un programa de software proveedor de servicios de
personal explorador de Web para internet (ISP , del ingles
acceder a la Web Internet Service Provider)
Servidores para
albergar los datos
Arlette Villamán
Wednesday, May 16, 2012
17. De qué esta hecha la
web ?
Una conexión a un
Su ordenador Un programa de software proveedor de servicios de
personal explorador de Web para internet (ISP , del ingles
acceder a la Web Internet Service Provider)
Enrutadores y
conmutadores para dirigir Servidores para
el flujo de fatos. albergar los datos
Arlette Villamán
Wednesday, May 16, 2012
18. De qué esta hecha la
web ?
Arlette Villamán
Wednesday, May 16, 2012
22. Cómo funciona la web ?
• Laspáginas Web están almacenadas
en servidores web situados por todo
el mundo.
Audry Feliz
Wednesday, May 16, 2012
23. Cómo funciona la web ?
• Laspáginas Web están almacenadas
en servidores web situados por todo
el mundo.
*Al introducir en el explorador de web la URL (siglas en español un
Localizador Uniforme de Recursos) de una página web, o al hacer clic
en un vínculo, una petición es enviada al servidor que alberga la página.
Audry Feliz
Wednesday, May 16, 2012
24. Cómo funciona la web ?
• Las páginas Web están almacenadas
en servidores web situados por todo
el mundo.
*Al introducir en el explorador de web la URL (siglas en español un
Localizador Uniforme de Recursos) de una página web, o al hacer clic
en un vínculo, una petición es enviada al servidor que alberga la página.
El servidor envía la página web a su ordenador y su explorador de web la
muestra en su pantalla.
Audry Feliz
Wednesday, May 16, 2012
26. Páginas web
Suleica Ramirez
Wednesday, May 16, 2012
27. Páginas web
Suleica Ramirez
Wednesday, May 16, 2012
28. Páginas web
• Es el nombre de un
documento o información
electrónica adaptada para la
World Wide, compuesto por
textos e imágenes. Esta
información se encuentra
generalmente en formato
HTML o XHTML, y puede
proporcionar navegación a
otras páginas web mediante
enlaces de hipertexto.
Suleica Ramirez
Wednesday, May 16, 2012
30. Sitios web
Frinette González
Wednesday, May 16, 2012
31. Sitios web
Un sitio web se compone de
una o más páginas web
referidas a un asunto común.
Frinette González
Wednesday, May 16, 2012
32. Sitios web
Un sitio web se compone de
una o más páginas web
referidas a un asunto común.
Frinette González
Wednesday, May 16, 2012
33. Sitios web
Un sitio web se compone de
una o más páginas web
referidas a un asunto común.
La primera página se llama la
página de inicio, y hace las
funciones de un índice,
indicando el contenido del
sitio.
Frinette González
Wednesday, May 16, 2012
34. Sitios web
Frinette González
Wednesday, May 16, 2012
35. Sitios web
• En la página de inicio puede
hacer clic en los hipervínculos
para acceder a otras páginas
web.
Frinette González
Wednesday, May 16, 2012
37. Navegar por la web
Arlette Villamán
Wednesday, May 16, 2012
38. Navegar por la web
• Existen 3 maneras de navegar por la web:
Arlette Villamán
Wednesday, May 16, 2012
39. Navegar por la web
• Existen 3 maneras de navegar por la web:
Arlette Villamán
Wednesday, May 16, 2012
40. Navegar por la web
• Existen 3 maneras de navegar por la web:
✓ Haciendo clic en el hipervínculo de texto.
Arlette Villamán
Wednesday, May 16, 2012
41. Navegar por la web
• Existen 3 maneras de navegar por la web:
✓ Haciendo clic en el hipervínculo de texto.
✓Haciendo clic en un hipervínculo de un grafico o imagen, como
un botón, una foto o dibujo.
Arlette Villamán
Wednesday, May 16, 2012
42. Navegar por la web
• Existen 3 maneras de navegar por la web:
✓ Haciendo clic en el hipervínculo de texto.
✓Haciendo clic en un hipervínculo de un grafico o imagen, como
un botón, una foto o dibujo.
✓Escribiendo URL de una pagina web en el cuadro
de dirección de su explorador de web y luego
pulsando la tecla intro o Retorno de carro.
Arlette Villamán
Wednesday, May 16, 2012
46. Identificar un hipervínculo
• Los vínculos de texto están generalmente subrayados
y de color diferente al resto del texto.
Audry Feliz
Wednesday, May 16, 2012
49. Identificar un hipervínculo
Para determinar si un gráfico está hipervinculado, mueva la flecha
del cursor sobre la Imagen. Sabrá que el elemento está
hipervinculado si:
Audry Feliz
Wednesday, May 16, 2012
50. Identificar un hipervínculo
Para determinar si un gráfico está hipervinculado, mueva la flecha
del cursor sobre la Imagen. Sabrá que el elemento está
hipervinculado si:
✴La flecha del cursor se convierte en
una mano.
Audry Feliz
Wednesday, May 16, 2012
51. Identificar un hipervínculo
Para determinar si un gráfico está hipervinculado, mueva la flecha
del cursor sobre la Imagen. Sabrá que el elemento está
hipervinculado si:
✴La flecha del cursor se convierte en
una mano.
✴Aparece una URL en la barra de
estado de la parte inferior izquierda de su
explorador de web.
Audry Feliz
Wednesday, May 16, 2012
53. Cómo funcionan los
hipervínculos ?
Suleica Ramirez
Wednesday, May 16, 2012
54. Cómo funcionan los
hipervínculos ?
Suleica Ramirez
Wednesday, May 16, 2012
55. Cómo funcionan los
hipervínculos ?
• Los hipervínculos, "links" o
"anclas" permiten ligar un
documento HTML con
otro, incluso si están en
máquinas diferentes y de
esa forma lograr que
Internet pueda ser
recorrida por el usuario
como si fuera un texto
infinito.
Suleica Ramirez
Wednesday, May 16, 2012
59. Utilizar URLs de web
Una URL indica donde está
almacenada una página web
en Internet.
Frinette González
Wednesday, May 16, 2012
60. Utilizar URLs de web
Una URL indica donde está
almacenada una página web
en Internet.
Debe teclear con exactitud
una URL para que su
explorador localice la página
web deseada.
Frinette González
Wednesday, May 16, 2012
63. Utilizar URLs de web
• Aunque las URLs pueden
contener espacios entre los
caracteres, generalmente no los
tendrán.
Frinette González
Wednesday, May 16, 2012
64. Utilizar URLs de web
• Aunque las URLs pueden
contener espacios entre los
caracteres, generalmente no los
tendrán.
• Enalgunos sitios web extensos
hay múltiples URLs que acceden
al mismo sitio.
Frinette González
Wednesday, May 16, 2012
66. Utilizar URLs de web
• El cuadro de dirección o campo de dirección de su explorador
indica la URL de la página a la que ha llegado tras hacer clic en
un vínculo.
Frinette González
Wednesday, May 16, 2012
67. Utilizar URLs de web
• El cuadro de dirección o campo de dirección de su explorador
indica la URL de la página a la que ha llegado tras hacer clic en
un vínculo.
Frinette González
Wednesday, May 16, 2012
68. Utilizar URLs de web
• El cuadro de dirección o campo de dirección de su explorador
indica la URL de la página a la que ha llegado tras hacer clic en
un vínculo.
Las URLs casi nunca utilizan la barra diagonal inversa (). Todas las barras son
barras diagonales no invertidas (/).
Frinette González
Wednesday, May 16, 2012
71. Ejemplos de URLs
• El formato de una URL será:
servicio://maquina.dominio:puerto/camino/fichero
Arlette Villamán
Wednesday, May 16, 2012
72. Ejemplos de URLs
• El formato de una URL será:
servicio://maquina.dominio:puerto/camino/fichero
El servicio será alguno de los de internet, estos pueden ser:
Arlette Villamán
Wednesday, May 16, 2012
73. Ejemplos de URLs
• El formato de una URL será:
servicio://maquina.dominio:puerto/camino/fichero
El servicio será alguno de los de internet, estos pueden ser:
Arlette Villamán
Wednesday, May 16, 2012
74. Ejemplos de URLs
• El formato de una URL será:
servicio://maquina.dominio:puerto/camino/fichero
El servicio será alguno de los de internet, estos pueden ser:
- http: (HyperText Transport Protocol), es el
protocolo utilizado para transmitir hipertexto.
Todas las páginas HTML en servidores WWW
deberán ser referenciadas mediante este
servicio. Indicará conexión a un servidor de la
WWW.
Arlette Villamán
Wednesday, May 16, 2012
76. Ejemplos de URLs
• https: (HyperText Transport Protocol Secure), es el protocolo para la
conexión a servidores de la WWW seguros. Estos servidores son
normalmente de ámbito comercial y utilizan encriptación para evitar la
intercepción de los datos enviados, usualmente numeros de tarjeta de
credito, datos personales, etc ..., realizará una conexión a un servidor de la
WWW seguro.
Arlette Villamán
Wednesday, May 16, 2012
77. Ejemplos de URLs
• https: (HyperText Transport Protocol Secure), es el protocolo para la
conexión a servidores de la WWW seguros. Estos servidores son
normalmente de ámbito comercial y utilizan encriptación para evitar la
intercepción de los datos enviados, usualmente numeros de tarjeta de
credito, datos personales, etc ..., realizará una conexión a un servidor de la
WWW seguro.
• ftp: (File Transfer Protocol), utilizará el protocolo FTP de transferencia de
ficheros. Se utilizará cuando la información que se desee acceder se
encuentre en un servidor de ftp. Por defecto se accederá a un servidor
anónimo (anonymous), si se desea indicar el nombre de usuario se
usará: ftp://maquina.dominio@usuario, y luego le pedirá la clave de acceso.
Arlette Villamán
Wednesday, May 16, 2012
84. Afiliarse a stios Web
• Hay distintas Página web que promocionan programas de afiliados
para obtener ganancias con el trabajo de promoción de productos
comerciales o servicios.
Suleica Ramirez
Wednesday, May 16, 2012
85. Afiliarse a stios Web
• Hay distintas Página web que promocionan programas de afiliados
para obtener ganancias con el trabajo de promoción de productos
comerciales o servicios.
El marketing de afiliación es considerado como
una estrategia de marketing online en el que un
anunciante (marca/producto) distribuye
publicidad online a través de una red de afiliados
(páginas web).
Suleica Ramirez
Wednesday, May 16, 2012
86. Afiliarse a stios Web
• Hay distintas Página web que promocionan programas de afiliados
para obtener ganancias con el trabajo de promoción de productos
comerciales o servicios.
El marketing de afiliación es considerado como
una estrategia de marketing online en el que un
anunciante (marca/producto) distribuye
publicidad online a través de una red de afiliados
(páginas web).
Al inscribirse a un programa de afiliación, el afiliado esperará
obtener ganancias sobre las ventas, clics o reclamos
publicitarios que va a generar. Suleica Ramirez
Wednesday, May 16, 2012
90. Exploradores de web
Un explorador de web es un
programa software que se
utiliza para acceder a la
World Wide Web.
Frinette González
Wednesday, May 16, 2012
91. Exploradores de web
Un explorador de web es un
programa software que se
utiliza para acceder a la
World Wide Web.
Un explorador de web
(también denominado
software de cliente) recupera
información de servidores
web remotos y muestra una
página web.
Frinette González
Wednesday, May 16, 2012
93. Más sobre la anatomía
de un explorador web
Arlette Villamán
Wednesday, May 16, 2012
94. Más sobre la anatomía
de un explorador web
• Entre los botones más útiles de la barra de herramientas de su
explorador están:
Arlette Villamán
Wednesday, May 16, 2012
95. Más sobre la anatomía
de un explorador web
• Entre los botones más útiles de la barra de herramientas de su
explorador están:
• Atrás -- Vuelve a la página anterior.
Arlette Villamán
Wednesday, May 16, 2012
96. Más sobre la anatomía
de un explorador web
• Entre los botones más útiles de la barra de herramientas de su
explorador están:
• Atrás -- Vuelve a la página anterior.
• Adelante -- Regresa a la siguiente página, desde una página a la
que hubiera vuelto atrás.
Arlette Villamán
Wednesday, May 16, 2012
97. Más sobre la anatomía
de un explorador web
• Entre los botones más útiles de la barra de herramientas de su
explorador están:
• Atrás -- Vuelve a la página anterior.
• Adelante -- Regresa a la siguiente página, desde una página a la
que hubiera vuelto atrás.
• Inicio -- Le lleva a la página de inicio especificada en las
preferencias del explorador.
Arlette Villamán
Wednesday, May 16, 2012
98. Más sobre la anatomía
de un explorador web
Arlette Villamán
Wednesday, May 16, 2012
99. Más sobre la anatomía
de un explorador web
Arlette Villamán
Wednesday, May 16, 2012
100. Más sobre la anatomía
de un explorador web
• Recargar o Actualizar --Descargan la
página web de nuevo desde el servidor.
Arlette Villamán
Wednesday, May 16, 2012
101. Más sobre la anatomía
de un explorador web
• Recargar o Actualizar --Descargan la
página web de nuevo desde el servidor.
• Detener -- Detiene la carga de la página
actual por el explorador.
Arlette Villamán
Wednesday, May 16, 2012
102. Más sobre la anatomía
de un explorador web
• Recargar o Actualizar --Descargan la
página web de nuevo desde el servidor.
• Detener -- Detiene la carga de la página
actual por el explorador.
• Imprimir -- Le permite sacar una copia
impresa del documento o marco
actualmente cargado en su explorador. Arlette Villamán
Wednesday, May 16, 2012
103. Más sobre la anatomía
de un explorador web
Arlette Villamán
Wednesday, May 16, 2012
104. Más sobre la anatomía
de un explorador web
• Icono indicador de acceso (esquina superior derecha)
-- Cuando está animado le indica que su explorador
está recuperando datos.
Arlette Villamán
Wednesday, May 16, 2012
105. Más sobre la anatomía
de un explorador web
• Icono indicador de acceso (esquina superior derecha)
-- Cuando está animado le indica que su explorador
está recuperando datos.
• Barra de estado (abajo a la izquierda) -- Informa del
progreso de la descarga de datos.
Arlette Villamán
Wednesday, May 16, 2012
106. Más sobre la anatomía
de un explorador web
• Icono indicador de acceso (esquina superior derecha)
-- Cuando está animado le indica que su explorador
está recuperando datos.
• Barra de estado (abajo a la izquierda) -- Informa del
progreso de la descarga de datos.
• Menú Ir A -- Le permite seleccionar una página web a
la que accedió previamente.
Arlette Villamán
Wednesday, May 16, 2012
107. Más sobre la anatomía
de un explorador web
Arlette Villamán
Wednesday, May 16, 2012
108. Más sobre la anatomía
de un explorador web
Arlette Villamán
Wednesday, May 16, 2012
109. Más sobre la anatomía
de un explorador web
• Modo sólo texto (botón Imágenes)
-- Impide que se carguen los
gráficos, proporcionando un acceso
más rápido a las páginas web.
Arlette Villamán
Wednesday, May 16, 2012
113. Multimedia en la web
• El sonido, vídeo, animación, y el vídeo interactivo en 3D es lo
que se denomina multimedia.
Audry Feliz
Wednesday, May 16, 2012
114. Multimedia en la web
• El sonido, vídeo, animación, y el vídeo interactivo en 3D es lo
que se denomina multimedia.
Algunos medios multimedia, llamados de secuencia,
comienzan su reproducción tan pronto como
accede a la página web .
Audry Feliz
Wednesday, May 16, 2012
115. Multimedia en la web
• El sonido, vídeo, animación, y el vídeo interactivo en 3D es lo
que se denomina multimedia.
Algunos medios multimedia, llamados de secuencia,
comienzan su reproducción tan pronto como
accede a la página web .
Otros requieren que
previamente descargue el
archivo multimedia a su
ordenador.
Audry Feliz
Wednesday, May 16, 2012
118. Multimedia en la web
Los archivos multimedia a menudo
requieren que su explorador utilice
un programa complemento (plug-in
en inglés)
Audry Feliz
Wednesday, May 16, 2012
121. Complementos (pulg-ins)
• Extensiones del software que permiten añadir nuevas
funciones a la aplicaciones.
Suleica Ramirez
Wednesday, May 16, 2012
122. Complementos (pulg-ins)
• Extensiones del software que permiten añadir nuevas
funciones a la aplicaciones.
Suleica Ramirez
Wednesday, May 16, 2012
123. Complementos (pulg-ins)
• Extensiones del software que permiten añadir nuevas
funciones a la aplicaciones.
Windows Media Player
Quick Time
Adobe Reader y Acrobat
RealONE
Shockwave/Flash
Suleica Ramirez
Wednesday, May 16, 2012