SlideShare una empresa de Scribd logo
1 de 23
Koldo Parra de la Horra 1
CONCEPTOS BÁSICOS
SOBRE INTERNET Y
PÁGINAS WEB
De forma sencilla:
¿Qué es Internet y qué es una página Web?
Koldo Parra de la Horra 2
Índice
1. Glosario de términos.
2. Internet y WWW.
3. Programas navegadores.
4. ¿Cómo funciona el HTTP?
5. Contenidos Web.
6. El lenguaje HTML.
7. Proveedor de servicios ISP.
8. Dominios y subdominios.
9. Alojamiento Web o Hosting.
Koldo Parra de la Horra 3
Glosario de Términos (1)
• Servidor: Es un ordenador que tiene instalados una serie de programas especiales así como la información de las páginas Web que
aloja, de manera que es capaz de enviar la información requerida a los ordenadores clientes para que en estos se visualicen las
páginas Web ( gracias a los programas navegadores instalados en los ordenadores clientes).
• Cliente: habitualmente nuestro ordenador, cuando navegamos.
Koldo Parra de la Horra 4
Glosario de Términos (2)
• Programa Navegador: Software instalado en el equipo cliente que permite visualizar documentos en formato HTML (páginas Web).
Los más habituales son: Explorer, Mozilla Firefox, Ópera y Google Chrome.
• IP o Dirección IP: Un código numérico formado por cuatro bloques de tres dígitos separados por puntos. Siendo poco rigurosos
podríamos decir que equivale a la matrícula de nuestro PC cuando circulamos por Internet. Por ejemplo: 10.138.13.3 (Cada grupo de
números debe estar comprendido entre 0 y 255).
Koldo Parra de la Horra 5
Glosario de Términos (4)
• DNS: En realidad es un traductor. En la configuración de la conexión a Internet de nuestro ordenador debemos configurar una dirección DNS. Pues bien, esto es en realidad la
dirección IP de un Servidor especial llamado servidor DNS. Este servidor lo que hace es recoger la dirección URL que tecleamos en la barra de direcciones de nuestro navegador,
compararla con su base de datos y traducirla a la dirección IP numérica correspondiente, que es la única que los servidores Web comprenden.
Koldo Parra de la Horra 6
Glosario de Términos (5)
Si tenemos configurado como Dirección DNS la siguiente: 80.58.0.33 simplemente significa que accederemos a un servidor DNS de la empresa
Telefónica (existen otros, como por ejemplo el de Telecable o de la propia Consejería de Educación). Si a este servidor le llega, por poner un ejemplo, la
dirección http://www.google.es, consultará en su base de datos interna y traducirá el texto “http://www.google.es” a un número que es la IP de esta
página, en concreto 209.85.229.103 y realiza la solicitud a esa dirección para que envíe la información a nuestro equipo.
De hecho, podemos saltarnos este paso si en lugar de teclear la URL en la barra del navegador, tecleáramos directamente la dirección IP numérica, pero
obviamente es mucho más difícil acordarse de las direcciones numéricas que de las URLs.
En definitiva, los DNS nos sirven de traductores.
DNS (Continuación)
Por Ejemplo:
Koldo Parra de la Horra 7
Glosario de Términos (6)
• HTTP: Protocolo de Transferencia de HiperTexto (HiperText Transfer Protocol). Es decir, uno de los variados servicios de Internet. Se pone delante de la URL
para que el navegador sepa que lo que queremos es navegar por Internet y no acceder al correo u a otro servicio. Pero dado que retrata del servicio por
defecto, no es necesario especificarlo, puesto que el navegador lo inserta si no ponemos nada.
• HTML: Lenguaje de Marcado de Hipertextos (Hipertext Markup Language). Es el lenguaje de programación básico de las páginas Web.
Koldo Parra de la Horra 8
Internet y WWW
• Internet no es únicamente la “Navegación” por páginas Web, sino un conjunto de servicios entre los cuales el más destacado es sin duda este. Se le conoce como WWW (Worl Wide Web), porque interconecta Webs
alojadas en diversos lugares del mundo. Por ello, cuando hablamos coloquialmente de Internet, solemos referirnos generalmente a navegar por la WWW.
• Pero existen otros servicios de Internet, como son:
– Correo electrónico (E-Mail).
– Chats.
– Grupos de noticias (News y Foros).
– Mensajería instantánea y videoconferencia.
– Transferencia de archivos vía FTP.
– Y más…
Koldo Parra de la Horra 9
Definición de WWW
• La World Wide Web (WWW) es un servicio gráfico de Internet que proporciona una red de documentos interactivos. Fue inventada por un laboratorio suizo, el CERN, en 1991. Es el servicio de Internet con mayor éxito y que crece con más rapidez.
Su éxito se debe a la facilidad de uso, a la capacidad de presentar información diversa, actualizada y proveniente de cualquier punto del planeta y a la sencillez con la que es posible crear y publicar documentos en este sistema.
• Por supuesto que no es un “lugar”; se trata, en realidad, de secciones de información separadas y almacenadas en ordenadores denominados servidores, estando todos ellos conectados a través de diversos medios (satélites, líneas telefónicas,
fibra óptica,...) y entendiéndose con un protocolo (lenguaje) común. Cuando se navega por la Web utilizamos un “navegador” y accedemos a ficheros almacenados en dichos servidores.
Koldo Parra de la Horra 10
Programas Navegadores
• Un explorador de Web es un programa que permite navegar por la WWW, por ejemplo, Mozilla Firefox o Internet Explorer. También se les conoce como navegadores, visualizadores, browsers, etc. El
explorador solicita una página a un servidor (proporcionándole la información necesaria sobre su dirección en Internet) y éste se la envía.
• Para establecer el intercambio de información, los exploradores y los servidores utilizan un conjunto de reglas de comunicación llamadas Protocolo de Transferencia de Hipertexto (HTTP); por este motivo,
todas las direcciones de páginas Web comienzan con http:// aunque no es necesario teclear estos caracteres en los navegadores actuales.
Koldo Parra de la Horra 11
¿Cómo funciona?
1. Escribimos
la Dirección
URL de la
página que
queremos
visualizar
Por ejemplo
Google
2. Nuestro
equipo
conecta con
el Servidor
DNS
Por ejemplo
uno de
Telefónica
3. El DNS
traduce el
texto URL a IP
y conecta con
el servidor
correspondien
te
En este caso la
4. El Servidor Web envía la
información a nuestro equipo
5. Nuestro
navegador recibe
los datos y
muestra en
pantalla la página.
209.85.229.103
Koldo Parra de la Horra 12
Contenidos Web
• Las páginas Web son los documentos básicos de la World Wide Web. Están basadas en la tecnología hipermedia, que integra las posibilidades
de los multimedia y del hipertexto, con lo que se puede “navegar” en un mar de información textual, gráfica y sonora. Un sitio Web es,
simplemente, una colección de páginas enlazadas que contienen información relacionada.
• Los ficheros a los que accedemos se denominan páginas Web, que pueden contener:
– Hipervínculos. Los usuarios navegan de una página a otra haciendo clic en
hipervínculos de texto o gráficos, que son puntos del documento que permiten acceder a
otra sección del mismo (hipervínculos internos) o a otro documento (hipervínculos
externos). Se les denomina también vínculos, enlaces, nodos o links.
– Textos.
– Tablas.
– Formularios.
– Marcos (frames).
– Imágenes estáticas o en movimiento.
– Sonidos.
Koldo Parra de la Horra 13
El Lenguaje HTML
• En los comienzos de Internet la creación de páginas Web era algo reservado a personas con grandes conocimientos de informática, puesto que “debajo” de una página subyace un lenguaje:
el Lenguaje de Marcas de HiperTexto (Hypertext Markup Languaje) o HTML. Algo así como un “armazón” informático que no vemos cuando navegamos por las páginas, pero que está allí.
• El HTML es un lenguaje en permanente evolución. La meta es conseguir un sistema que integre cada vez más y mejores formas de presentación de información. A medida que el HTML
evoluciona, las nuevas versiones de los exploradores agregan funcionalidades más avanzadas, como controles ActiveX, programas VBSript, programas CGI, programas Java, Flash, etc., que
refuerzan, sobre todo, las características interactivas de la tecnología hipermedia.
Koldo Parra de la Horra 14
El Lenguaje HTML (2)
• Afortunadamente, los programas editores de páginas Web actuales son de tipo WYSIWYG (What-You-See-Is-What-You-Get Lo-Que-Ves-Es-Lo-Que-
Obtienes), es decir, proporcionan una interfaz gráfica que se encarga de traducir la página que creamos de forma directa al código HTML
correspondiente.
• No obstante conviene conocer al menos la estructura básica del hipertexto de las páginas y las etiquetas principales.
– Si quieres saber más sobre HTML haz clic Aquí.
– Si quieres saltar al siguiente apartado haz clic Aquí
Koldo Parra de la Horra 15
El Lenguaje HTML (3)
• Las reglas de funcionamiento del lenguaje:
– Todos los documentos HTML debe estar entre las marcas <HTML> y </HTML>: <HTML> [Todo el documento] </HTML>
– El documento en sí está dividido en dos zonas principales:
– El encabezamiento, que se encierra con las etiquetas <HEAD> y </HEAD>; dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del
documento, comprendido entre las etiquetas <TITLE> y </TITLE>. Todas las etiquetas necesitan tener una marca de inicio y una de final (apertura y cierre): <X> Inicio de una etiqueta (signo “menor que” +
marca + signo “mayor que”) </X> Cierre de una etiqueta (signo “menor que” + barra + marca + signo “mayor que”).
– El “cuerpo” es una parte fundamental del documento: es todo lo que aparecerá en la pantalla principal (texto, imágenes, etc.). Está comprendido entre las etiquetas <BODY> y </BODY>
Koldo Parra de la Horra 16
El Lenguaje HTML (4)
• La estructura típica de una página Web es la siguiente::
<HTML>
<HEAD>
<TITLE> Título de la página </TITLE>
</HEAD>
<BODY>
[Contenido: texto, fotos, tablas, etc.]
</BODY>
</HTML>
Koldo Parra de la Horra 17
El Lenguaje HTML (5)
• Etiquetas o instrucciones básicas del lenguaje HTML:
Si quieres
profundizar en el
conocimiento de
las etiquetas
HTML abre el
documento en
PDF Aquí.
< HEAD >
< TITLE >
< BODY >
< P >
< BR >
< HR >
< PRE >
Koldo Parra de la Horra 18
Proveedor de servicios ISP
• Un proveedor de servicios de Internet (o ISP, por la sigla en idioma inglés de Internet Service Provider) es una empresa dedicada a
conectar a Internet a los usuarios, o las distintas redes que tengan, y a dar el mantenimiento necesario para que el acceso funcione
correctamente. También ofrece servicios relacionados, como alojamiento Web o registro de dominios, entre otros.
• Ejemplos son: Telefónica, Telecable, Ono o Jazztel entre otros.
Koldo Parra de la Horra 19
Dominios y subdominios.
Un dominio es el nombre único de un ordenador en Internet. Todos los
ordenadores tienen una dirección IP pública, por ejemplo (84.225.112.52),
pero como sería muy difícil acordarse de todas las direcciones IP de las
páginas que nos gustan, se crearon los dominios, para así facilitar y agilizar
el tráfico de las páginas Web.
Es decir, un dominio o subdominio es una URL, pero reservada para una
determinada página Web que está publicada en Internet.
Existen lugares en Internet que nos proporcionan subdominios gratuitos.
Algunos de estos insertan publicidad en nuestras páginas, pero pueden
buscarse servicios libres de publicidad.
Para profundizar sobre esto, se recomienda ver la presentación “Creación de
páginas Web con Kompozer”.
Koldo Parra de la Horra 20
Dominios y subdominios (2)
Dominios Genéricos:
También son denominados dominios
internacionales o globales, son los
dominios básicos en Internet. Están
organizados según sus terminaciones
formadas por 3 letras.
• .com: Inicialmente previsto para empresas comerciales. Es más
difundido.
• .org: Inicialmente previsto para organizaciones sin ánimo de
lucro, instituciones y fundaciones.
• .net: inicialmente previsto para empresas relacionadas con
Internet.
Los dominios nacionales de alto nivel son de dos letras. Por ejemplo:
• .uk para el Reino Unido
• .es para España
• .fr para Francia
• Etc…
Koldo Parra de la Horra 21
Dominios y subdominios (3)
Un dominio seria por ejemplo:
http://www.dominio.com
Un subdominio seria:
http://subdominio.dominio.com
¿Qué diferencia existe entre un dominio y un subdominio?
Es decir, un subdominio depende de un dominio. Evidentemente los
subdominios gratuitos son de este tipo y siempre llevan el nombre del
dominio que presta el servicio detrás del punto. Por ejemplo para colgar la
página de ejemplo de la presentación en Kompozer dí de alta un subdominio
llamado “websmusicales” en una página que se llama x10hosting. Así el
subdominio que me asignaron fue:
http://www.websmusicales.x10hosting.net
Porque todos los subdominios que otorgan son de este tipo.
Nosotros elegimos
solamente esto
Koldo Parra de la Horra 22
Alojamiento o Hosting
• El alojamiento Web (en inglés Web hosting) es el servicio que provee a los usuarios de Internet un sistema para
poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web.
• Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes.
• También hay alojamientos Web gratuitos.
• Las grandes empresas, organizaciones y portales de internet optan por tener su servicio de alojamiento propio.
En la presentación sobre “Publicar
páginas Web con Kompozer” se
explica como conseguir
subdominio y alojamiento
totalmente gratuitos para publicar
una Web.
Koldo Parra de la Horra 23
CONCEPTOS BÁSICOS
SOBRE INTERNET Y
PÁGINAS WEB
Fin de la presentación

Más contenido relacionado

La actualidad más candente

La actualidad más candente (18)

El internet y sus principales componentes
El internet y sus principales componentesEl internet y sus principales componentes
El internet y sus principales componentes
 
Herramientas basicas de internet angela rivera
Herramientas basicas de internet angela riveraHerramientas basicas de internet angela rivera
Herramientas basicas de internet angela rivera
 
ELEMENTOS DE INTERNET
ELEMENTOS DE INTERNETELEMENTOS DE INTERNET
ELEMENTOS DE INTERNET
 
El internet
El internetEl internet
El internet
 
Tecnología web II parte
Tecnología web II parteTecnología web II parte
Tecnología web II parte
 
Deber computacion
Deber computacionDeber computacion
Deber computacion
 
Deber
DeberDeber
Deber
 
Trabajo 02
Trabajo 02Trabajo 02
Trabajo 02
 
Semana 16 servicios_mail
Semana 16 servicios_mailSemana 16 servicios_mail
Semana 16 servicios_mail
 
Semana 15 -servicios_web
Semana 15 -servicios_webSemana 15 -servicios_web
Semana 15 -servicios_web
 
La web
La webLa web
La web
 
Recursos de internet, navegadores y buscadores
Recursos de internet, navegadores y buscadores Recursos de internet, navegadores y buscadores
Recursos de internet, navegadores y buscadores
 
Criterios página web
Criterios página webCriterios página web
Criterios página web
 
Tecnología Web I parte
Tecnología Web I parteTecnología Web I parte
Tecnología Web I parte
 
Trabajo Informatica
Trabajo InformaticaTrabajo Informatica
Trabajo Informatica
 
Herramientas Basicas del Internet
Herramientas Basicas del InternetHerramientas Basicas del Internet
Herramientas Basicas del Internet
 
Tecnología web II
Tecnología web IITecnología web II
Tecnología web II
 
Tecnología Web I
Tecnología Web ITecnología Web I
Tecnología Web I
 

Destacado

20 conceptos relacionados con el internet
20 conceptos relacionados con el internet20 conceptos relacionados con el internet
20 conceptos relacionados con el internetLAIDYTATIANA
 
Breve Historia De Www
Breve Historia De WwwBreve Historia De Www
Breve Historia De Wwwguestec587b
 
Herramientas telematicas
Herramientas telematicasHerramientas telematicas
Herramientas telematicasAndres Martinez
 
Tipos de páginas web
Tipos  de páginas webTipos  de páginas web
Tipos de páginas webKoldo Parra
 
Conceptos Básicos de Diseño Web
Conceptos Básicos de Diseño WebConceptos Básicos de Diseño Web
Conceptos Básicos de Diseño WebCIBERTEC
 
Servicios que ofrece internet al entorno educativo
Servicios que ofrece internet al entorno educativoServicios que ofrece internet al entorno educativo
Servicios que ofrece internet al entorno educativoemrh
 
Rost, alejandro de que hablamos cuando hablamos de interactividad
Rost, alejandro   de que hablamos cuando hablamos de interactividadRost, alejandro   de que hablamos cuando hablamos de interactividad
Rost, alejandro de que hablamos cuando hablamos de interactividadcatamora3
 
Guia creacion paginas web
Guia creacion paginas webGuia creacion paginas web
Guia creacion paginas webWebasesor
 
Redes de área metropolitana y sus tecnologías
Redes de área metropolitana y sus tecnologías Redes de área metropolitana y sus tecnologías
Redes de área metropolitana y sus tecnologías Alberto Martínez
 
Paginas web y sitios web cristian
Paginas web y sitios web cristianPaginas web y sitios web cristian
Paginas web y sitios web cristiancristian1110
 
Como funciona el internet 2
Como funciona el internet 2Como funciona el internet 2
Como funciona el internet 2amigosalvaje
 
Diferencia entre pagina web y sitios web
Diferencia entre pagina web y sitios webDiferencia entre pagina web y sitios web
Diferencia entre pagina web y sitios webNoryab001
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML. Maria_Sabando
 

Destacado (20)

20 conceptos relacionados con el internet
20 conceptos relacionados con el internet20 conceptos relacionados con el internet
20 conceptos relacionados con el internet
 
Breve Historia De Www
Breve Historia De WwwBreve Historia De Www
Breve Historia De Www
 
Herramientas telematicas
Herramientas telematicasHerramientas telematicas
Herramientas telematicas
 
Conceptos BáSico Web 2.0
Conceptos BáSico Web 2.0Conceptos BáSico Web 2.0
Conceptos BáSico Web 2.0
 
Tipos de páginas web
Tipos  de páginas webTipos  de páginas web
Tipos de páginas web
 
Apuntes de fluidos
Apuntes de fluidos Apuntes de fluidos
Apuntes de fluidos
 
Conceptos Básicos de Diseño Web
Conceptos Básicos de Diseño WebConceptos Básicos de Diseño Web
Conceptos Básicos de Diseño Web
 
Servicios que ofrece internet al entorno educativo
Servicios que ofrece internet al entorno educativoServicios que ofrece internet al entorno educativo
Servicios que ofrece internet al entorno educativo
 
Rost, alejandro de que hablamos cuando hablamos de interactividad
Rost, alejandro   de que hablamos cuando hablamos de interactividadRost, alejandro   de que hablamos cuando hablamos de interactividad
Rost, alejandro de que hablamos cuando hablamos de interactividad
 
Como funciona internet
Como funciona internetComo funciona internet
Como funciona internet
 
Guia creacion paginas web
Guia creacion paginas webGuia creacion paginas web
Guia creacion paginas web
 
Redes de área metropolitana y sus tecnologías
Redes de área metropolitana y sus tecnologías Redes de área metropolitana y sus tecnologías
Redes de área metropolitana y sus tecnologías
 
Paginas web y sitios web cristian
Paginas web y sitios web cristianPaginas web y sitios web cristian
Paginas web y sitios web cristian
 
Como funciona el internet 2
Como funciona el internet 2Como funciona el internet 2
Como funciona el internet 2
 
Xampp
XamppXampp
Xampp
 
Xampp
XamppXampp
Xampp
 
Diferencia entre pagina web y sitios web
Diferencia entre pagina web y sitios webDiferencia entre pagina web y sitios web
Diferencia entre pagina web y sitios web
 
comandos de pagina web
comandos de pagina webcomandos de pagina web
comandos de pagina web
 
Comando básicos HTML.
Comando básicos HTML. Comando básicos HTML.
Comando básicos HTML.
 
Tipos de paginas web
Tipos de paginas webTipos de paginas web
Tipos de paginas web
 

Similar a Conceptos básicos sobre internet y páginas web

Internet Y Pag Web 2º Eso
Internet Y Pag Web 2º EsoInternet Y Pag Web 2º Eso
Internet Y Pag Web 2º EsoKoldo Parra
 
Internet Y PáGinas Web 3º Eso
Internet Y PáGinas Web 3º EsoInternet Y PáGinas Web 3º Eso
Internet Y PáGinas Web 3º EsoKoldo Parra
 
Servidores
ServidoresServidores
Servidoresanyelih
 
Servidores
ServidoresServidores
Servidoresanyelih
 
C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]
C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]
C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]mayra123321
 
PABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptx
PABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptxPABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptx
PABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptxPABLO274859
 
Tecnologia actual
Tecnologia actualTecnologia actual
Tecnologia actualgzabala23
 
Actividades básicas
Actividades básicasActividades básicas
Actividades básicasJesika Andrea
 
Internetbasico
InternetbasicoInternetbasico
Internetbasicoinfobran
 
Trabajo tema 9 jesús matesanz
Trabajo tema 9  jesús matesanzTrabajo tema 9  jesús matesanz
Trabajo tema 9 jesús matesanzJesusmatesanz
 
Como se creo internet
Como se creo internetComo se creo internet
Como se creo internetyaquelau
 

Similar a Conceptos básicos sobre internet y páginas web (20)

Internet Y Pag Web 2º Eso
Internet Y Pag Web 2º EsoInternet Y Pag Web 2º Eso
Internet Y Pag Web 2º Eso
 
Internet Y PáGinas Web 3º Eso
Internet Y PáGinas Web 3º EsoInternet Y PáGinas Web 3º Eso
Internet Y PáGinas Web 3º Eso
 
Tema 6
Tema 6Tema 6
Tema 6
 
INTERNET
INTERNETINTERNET
INTERNET
 
Internet!
Internet!Internet!
Internet!
 
Servidores
ServidoresServidores
Servidores
 
Servidores
ServidoresServidores
Servidores
 
C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]
C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]
C:\Documents And Settings\Personal\Mis Documentos\Presentacion Power Point[1]
 
internet
internetinternet
internet
 
internet
internetinternet
internet
 
Conceptos Básicos en Internet
Conceptos Básicos en InternetConceptos Básicos en Internet
Conceptos Básicos en Internet
 
Fundamentos de internet
Fundamentos de internetFundamentos de internet
Fundamentos de internet
 
PABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptx
PABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptxPABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptx
PABLO CREGO MARTÍN. HERRAMIENTAS DE LA WEB SOCIAL.pptx
 
ALFIN 1 - Internet y WWW
ALFIN 1 - Internet y WWWALFIN 1 - Internet y WWW
ALFIN 1 - Internet y WWW
 
Tecnologia actual
Tecnologia actualTecnologia actual
Tecnologia actual
 
Actividades básicas
Actividades básicasActividades básicas
Actividades básicas
 
Usuario n°2
Usuario n°2Usuario n°2
Usuario n°2
 
Internetbasico
InternetbasicoInternetbasico
Internetbasico
 
Trabajo tema 9 jesús matesanz
Trabajo tema 9  jesús matesanzTrabajo tema 9  jesús matesanz
Trabajo tema 9 jesús matesanz
 
Como se creo internet
Como se creo internetComo se creo internet
Como se creo internet
 

Más de Koldo Parra

Electrónica analógica 4º ESO.ppt
Electrónica analógica 4º ESO.pptElectrónica analógica 4º ESO.ppt
Electrónica analógica 4º ESO.pptKoldo Parra
 
Electricidad 2º eso
Electricidad 2º esoElectricidad 2º eso
Electricidad 2º esoKoldo Parra
 
Mecanismos 2º ESO
Mecanismos 2º ESOMecanismos 2º ESO
Mecanismos 2º ESOKoldo Parra
 
Electricidad 3º ESO
Electricidad 3º ESOElectricidad 3º ESO
Electricidad 3º ESOKoldo Parra
 
Conceptos básicos sobre video digital
Conceptos básicos sobre video digitalConceptos básicos sobre video digital
Conceptos básicos sobre video digitalKoldo Parra
 
Las maderas 2º eso
Las maderas 2º esoLas maderas 2º eso
Las maderas 2º esoKoldo Parra
 
Los metales 3º eso
Los metales 3º esoLos metales 3º eso
Los metales 3º esoKoldo Parra
 
Tecnologías y sistemas de comunicacion
Tecnologías y sistemas de comunicacionTecnologías y sistemas de comunicacion
Tecnologías y sistemas de comunicacionKoldo Parra
 
Por qué usamos los materiales 2º eso
Por qué usamos los materiales 2º esoPor qué usamos los materiales 2º eso
Por qué usamos los materiales 2º esoKoldo Parra
 
Propiedades y clasificación de los Materiales de uso técnico 2º ESO
Propiedades  y clasificación de los Materiales de uso técnico 2º ESOPropiedades  y clasificación de los Materiales de uso técnico 2º ESO
Propiedades y clasificación de los Materiales de uso técnico 2º ESOKoldo Parra
 
Materiales Pétreos y Cerámicos
Materiales Pétreos y CerámicosMateriales Pétreos y Cerámicos
Materiales Pétreos y CerámicosKoldo Parra
 
Materiales Textiles
Materiales TextilesMateriales Textiles
Materiales TextilesKoldo Parra
 
Materiales Plásticos
Materiales PlásticosMateriales Plásticos
Materiales PlásticosKoldo Parra
 
Realización del informe técnico 3º eso
Realización del informe técnico 3º esoRealización del informe técnico 3º eso
Realización del informe técnico 3º esoKoldo Parra
 
El método de proyectos en tecnología 3º eso
El método de proyectos en tecnología 3º esoEl método de proyectos en tecnología 3º eso
El método de proyectos en tecnología 3º esoKoldo Parra
 
El pc el sistema operativo y el procesador de textos
El pc el sistema operativo y el procesador de textosEl pc el sistema operativo y el procesador de textos
El pc el sistema operativo y el procesador de textosKoldo Parra
 
Herramientas colaborativas en la web 2.0
Herramientas colaborativas en la web 2.0Herramientas colaborativas en la web 2.0
Herramientas colaborativas en la web 2.0Koldo Parra
 
La sociedad del conocimiento
La sociedad del conocimientoLa sociedad del conocimiento
La sociedad del conocimientoKoldo Parra
 

Más de Koldo Parra (20)

Electrónica analógica 4º ESO.ppt
Electrónica analógica 4º ESO.pptElectrónica analógica 4º ESO.ppt
Electrónica analógica 4º ESO.ppt
 
Electricidad 2º eso
Electricidad 2º esoElectricidad 2º eso
Electricidad 2º eso
 
Mecanismos 2º ESO
Mecanismos 2º ESOMecanismos 2º ESO
Mecanismos 2º ESO
 
Electricidad 3º ESO
Electricidad 3º ESOElectricidad 3º ESO
Electricidad 3º ESO
 
Conceptos básicos sobre video digital
Conceptos básicos sobre video digitalConceptos básicos sobre video digital
Conceptos básicos sobre video digital
 
Las estructuras
Las estructurasLas estructuras
Las estructuras
 
Las maderas 2º eso
Las maderas 2º esoLas maderas 2º eso
Las maderas 2º eso
 
Los metales 3º eso
Los metales 3º esoLos metales 3º eso
Los metales 3º eso
 
Los Metales
Los MetalesLos Metales
Los Metales
 
Tecnologías y sistemas de comunicacion
Tecnologías y sistemas de comunicacionTecnologías y sistemas de comunicacion
Tecnologías y sistemas de comunicacion
 
Por qué usamos los materiales 2º eso
Por qué usamos los materiales 2º esoPor qué usamos los materiales 2º eso
Por qué usamos los materiales 2º eso
 
Propiedades y clasificación de los Materiales de uso técnico 2º ESO
Propiedades  y clasificación de los Materiales de uso técnico 2º ESOPropiedades  y clasificación de los Materiales de uso técnico 2º ESO
Propiedades y clasificación de los Materiales de uso técnico 2º ESO
 
Materiales Pétreos y Cerámicos
Materiales Pétreos y CerámicosMateriales Pétreos y Cerámicos
Materiales Pétreos y Cerámicos
 
Materiales Textiles
Materiales TextilesMateriales Textiles
Materiales Textiles
 
Materiales Plásticos
Materiales PlásticosMateriales Plásticos
Materiales Plásticos
 
Realización del informe técnico 3º eso
Realización del informe técnico 3º esoRealización del informe técnico 3º eso
Realización del informe técnico 3º eso
 
El método de proyectos en tecnología 3º eso
El método de proyectos en tecnología 3º esoEl método de proyectos en tecnología 3º eso
El método de proyectos en tecnología 3º eso
 
El pc el sistema operativo y el procesador de textos
El pc el sistema operativo y el procesador de textosEl pc el sistema operativo y el procesador de textos
El pc el sistema operativo y el procesador de textos
 
Herramientas colaborativas en la web 2.0
Herramientas colaborativas en la web 2.0Herramientas colaborativas en la web 2.0
Herramientas colaborativas en la web 2.0
 
La sociedad del conocimiento
La sociedad del conocimientoLa sociedad del conocimiento
La sociedad del conocimiento
 

Conceptos básicos sobre internet y páginas web

  • 1. Koldo Parra de la Horra 1 CONCEPTOS BÁSICOS SOBRE INTERNET Y PÁGINAS WEB De forma sencilla: ¿Qué es Internet y qué es una página Web?
  • 2. Koldo Parra de la Horra 2 Índice 1. Glosario de términos. 2. Internet y WWW. 3. Programas navegadores. 4. ¿Cómo funciona el HTTP? 5. Contenidos Web. 6. El lenguaje HTML. 7. Proveedor de servicios ISP. 8. Dominios y subdominios. 9. Alojamiento Web o Hosting.
  • 3. Koldo Parra de la Horra 3 Glosario de Términos (1) • Servidor: Es un ordenador que tiene instalados una serie de programas especiales así como la información de las páginas Web que aloja, de manera que es capaz de enviar la información requerida a los ordenadores clientes para que en estos se visualicen las páginas Web ( gracias a los programas navegadores instalados en los ordenadores clientes). • Cliente: habitualmente nuestro ordenador, cuando navegamos.
  • 4. Koldo Parra de la Horra 4 Glosario de Términos (2) • Programa Navegador: Software instalado en el equipo cliente que permite visualizar documentos en formato HTML (páginas Web). Los más habituales son: Explorer, Mozilla Firefox, Ópera y Google Chrome. • IP o Dirección IP: Un código numérico formado por cuatro bloques de tres dígitos separados por puntos. Siendo poco rigurosos podríamos decir que equivale a la matrícula de nuestro PC cuando circulamos por Internet. Por ejemplo: 10.138.13.3 (Cada grupo de números debe estar comprendido entre 0 y 255).
  • 5. Koldo Parra de la Horra 5 Glosario de Términos (4) • DNS: En realidad es un traductor. En la configuración de la conexión a Internet de nuestro ordenador debemos configurar una dirección DNS. Pues bien, esto es en realidad la dirección IP de un Servidor especial llamado servidor DNS. Este servidor lo que hace es recoger la dirección URL que tecleamos en la barra de direcciones de nuestro navegador, compararla con su base de datos y traducirla a la dirección IP numérica correspondiente, que es la única que los servidores Web comprenden.
  • 6. Koldo Parra de la Horra 6 Glosario de Términos (5) Si tenemos configurado como Dirección DNS la siguiente: 80.58.0.33 simplemente significa que accederemos a un servidor DNS de la empresa Telefónica (existen otros, como por ejemplo el de Telecable o de la propia Consejería de Educación). Si a este servidor le llega, por poner un ejemplo, la dirección http://www.google.es, consultará en su base de datos interna y traducirá el texto “http://www.google.es” a un número que es la IP de esta página, en concreto 209.85.229.103 y realiza la solicitud a esa dirección para que envíe la información a nuestro equipo. De hecho, podemos saltarnos este paso si en lugar de teclear la URL en la barra del navegador, tecleáramos directamente la dirección IP numérica, pero obviamente es mucho más difícil acordarse de las direcciones numéricas que de las URLs. En definitiva, los DNS nos sirven de traductores. DNS (Continuación) Por Ejemplo:
  • 7. Koldo Parra de la Horra 7 Glosario de Términos (6) • HTTP: Protocolo de Transferencia de HiperTexto (HiperText Transfer Protocol). Es decir, uno de los variados servicios de Internet. Se pone delante de la URL para que el navegador sepa que lo que queremos es navegar por Internet y no acceder al correo u a otro servicio. Pero dado que retrata del servicio por defecto, no es necesario especificarlo, puesto que el navegador lo inserta si no ponemos nada. • HTML: Lenguaje de Marcado de Hipertextos (Hipertext Markup Language). Es el lenguaje de programación básico de las páginas Web.
  • 8. Koldo Parra de la Horra 8 Internet y WWW • Internet no es únicamente la “Navegación” por páginas Web, sino un conjunto de servicios entre los cuales el más destacado es sin duda este. Se le conoce como WWW (Worl Wide Web), porque interconecta Webs alojadas en diversos lugares del mundo. Por ello, cuando hablamos coloquialmente de Internet, solemos referirnos generalmente a navegar por la WWW. • Pero existen otros servicios de Internet, como son: – Correo electrónico (E-Mail). – Chats. – Grupos de noticias (News y Foros). – Mensajería instantánea y videoconferencia. – Transferencia de archivos vía FTP. – Y más…
  • 9. Koldo Parra de la Horra 9 Definición de WWW • La World Wide Web (WWW) es un servicio gráfico de Internet que proporciona una red de documentos interactivos. Fue inventada por un laboratorio suizo, el CERN, en 1991. Es el servicio de Internet con mayor éxito y que crece con más rapidez. Su éxito se debe a la facilidad de uso, a la capacidad de presentar información diversa, actualizada y proveniente de cualquier punto del planeta y a la sencillez con la que es posible crear y publicar documentos en este sistema. • Por supuesto que no es un “lugar”; se trata, en realidad, de secciones de información separadas y almacenadas en ordenadores denominados servidores, estando todos ellos conectados a través de diversos medios (satélites, líneas telefónicas, fibra óptica,...) y entendiéndose con un protocolo (lenguaje) común. Cuando se navega por la Web utilizamos un “navegador” y accedemos a ficheros almacenados en dichos servidores.
  • 10. Koldo Parra de la Horra 10 Programas Navegadores • Un explorador de Web es un programa que permite navegar por la WWW, por ejemplo, Mozilla Firefox o Internet Explorer. También se les conoce como navegadores, visualizadores, browsers, etc. El explorador solicita una página a un servidor (proporcionándole la información necesaria sobre su dirección en Internet) y éste se la envía. • Para establecer el intercambio de información, los exploradores y los servidores utilizan un conjunto de reglas de comunicación llamadas Protocolo de Transferencia de Hipertexto (HTTP); por este motivo, todas las direcciones de páginas Web comienzan con http:// aunque no es necesario teclear estos caracteres en los navegadores actuales.
  • 11. Koldo Parra de la Horra 11 ¿Cómo funciona? 1. Escribimos la Dirección URL de la página que queremos visualizar Por ejemplo Google 2. Nuestro equipo conecta con el Servidor DNS Por ejemplo uno de Telefónica 3. El DNS traduce el texto URL a IP y conecta con el servidor correspondien te En este caso la 4. El Servidor Web envía la información a nuestro equipo 5. Nuestro navegador recibe los datos y muestra en pantalla la página. 209.85.229.103
  • 12. Koldo Parra de la Horra 12 Contenidos Web • Las páginas Web son los documentos básicos de la World Wide Web. Están basadas en la tecnología hipermedia, que integra las posibilidades de los multimedia y del hipertexto, con lo que se puede “navegar” en un mar de información textual, gráfica y sonora. Un sitio Web es, simplemente, una colección de páginas enlazadas que contienen información relacionada. • Los ficheros a los que accedemos se denominan páginas Web, que pueden contener: – Hipervínculos. Los usuarios navegan de una página a otra haciendo clic en hipervínculos de texto o gráficos, que son puntos del documento que permiten acceder a otra sección del mismo (hipervínculos internos) o a otro documento (hipervínculos externos). Se les denomina también vínculos, enlaces, nodos o links. – Textos. – Tablas. – Formularios. – Marcos (frames). – Imágenes estáticas o en movimiento. – Sonidos.
  • 13. Koldo Parra de la Horra 13 El Lenguaje HTML • En los comienzos de Internet la creación de páginas Web era algo reservado a personas con grandes conocimientos de informática, puesto que “debajo” de una página subyace un lenguaje: el Lenguaje de Marcas de HiperTexto (Hypertext Markup Languaje) o HTML. Algo así como un “armazón” informático que no vemos cuando navegamos por las páginas, pero que está allí. • El HTML es un lenguaje en permanente evolución. La meta es conseguir un sistema que integre cada vez más y mejores formas de presentación de información. A medida que el HTML evoluciona, las nuevas versiones de los exploradores agregan funcionalidades más avanzadas, como controles ActiveX, programas VBSript, programas CGI, programas Java, Flash, etc., que refuerzan, sobre todo, las características interactivas de la tecnología hipermedia.
  • 14. Koldo Parra de la Horra 14 El Lenguaje HTML (2) • Afortunadamente, los programas editores de páginas Web actuales son de tipo WYSIWYG (What-You-See-Is-What-You-Get Lo-Que-Ves-Es-Lo-Que- Obtienes), es decir, proporcionan una interfaz gráfica que se encarga de traducir la página que creamos de forma directa al código HTML correspondiente. • No obstante conviene conocer al menos la estructura básica del hipertexto de las páginas y las etiquetas principales. – Si quieres saber más sobre HTML haz clic Aquí. – Si quieres saltar al siguiente apartado haz clic Aquí
  • 15. Koldo Parra de la Horra 15 El Lenguaje HTML (3) • Las reglas de funcionamiento del lenguaje: – Todos los documentos HTML debe estar entre las marcas <HTML> y </HTML>: <HTML> [Todo el documento] </HTML> – El documento en sí está dividido en dos zonas principales: – El encabezamiento, que se encierra con las etiquetas <HEAD> y </HEAD>; dentro del encabezamiento hay información del documento, que no se ve en la pantalla principal, principalmente el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>. Todas las etiquetas necesitan tener una marca de inicio y una de final (apertura y cierre): <X> Inicio de una etiqueta (signo “menor que” + marca + signo “mayor que”) </X> Cierre de una etiqueta (signo “menor que” + barra + marca + signo “mayor que”). – El “cuerpo” es una parte fundamental del documento: es todo lo que aparecerá en la pantalla principal (texto, imágenes, etc.). Está comprendido entre las etiquetas <BODY> y </BODY>
  • 16. Koldo Parra de la Horra 16 El Lenguaje HTML (4) • La estructura típica de una página Web es la siguiente:: <HTML> <HEAD> <TITLE> Título de la página </TITLE> </HEAD> <BODY> [Contenido: texto, fotos, tablas, etc.] </BODY> </HTML>
  • 17. Koldo Parra de la Horra 17 El Lenguaje HTML (5) • Etiquetas o instrucciones básicas del lenguaje HTML: Si quieres profundizar en el conocimiento de las etiquetas HTML abre el documento en PDF Aquí. < HEAD > < TITLE > < BODY > < P > < BR > < HR > < PRE >
  • 18. Koldo Parra de la Horra 18 Proveedor de servicios ISP • Un proveedor de servicios de Internet (o ISP, por la sigla en idioma inglés de Internet Service Provider) es una empresa dedicada a conectar a Internet a los usuarios, o las distintas redes que tengan, y a dar el mantenimiento necesario para que el acceso funcione correctamente. También ofrece servicios relacionados, como alojamiento Web o registro de dominios, entre otros. • Ejemplos son: Telefónica, Telecable, Ono o Jazztel entre otros.
  • 19. Koldo Parra de la Horra 19 Dominios y subdominios. Un dominio es el nombre único de un ordenador en Internet. Todos los ordenadores tienen una dirección IP pública, por ejemplo (84.225.112.52), pero como sería muy difícil acordarse de todas las direcciones IP de las páginas que nos gustan, se crearon los dominios, para así facilitar y agilizar el tráfico de las páginas Web. Es decir, un dominio o subdominio es una URL, pero reservada para una determinada página Web que está publicada en Internet. Existen lugares en Internet que nos proporcionan subdominios gratuitos. Algunos de estos insertan publicidad en nuestras páginas, pero pueden buscarse servicios libres de publicidad. Para profundizar sobre esto, se recomienda ver la presentación “Creación de páginas Web con Kompozer”.
  • 20. Koldo Parra de la Horra 20 Dominios y subdominios (2) Dominios Genéricos: También son denominados dominios internacionales o globales, son los dominios básicos en Internet. Están organizados según sus terminaciones formadas por 3 letras. • .com: Inicialmente previsto para empresas comerciales. Es más difundido. • .org: Inicialmente previsto para organizaciones sin ánimo de lucro, instituciones y fundaciones. • .net: inicialmente previsto para empresas relacionadas con Internet. Los dominios nacionales de alto nivel son de dos letras. Por ejemplo: • .uk para el Reino Unido • .es para España • .fr para Francia • Etc…
  • 21. Koldo Parra de la Horra 21 Dominios y subdominios (3) Un dominio seria por ejemplo: http://www.dominio.com Un subdominio seria: http://subdominio.dominio.com ¿Qué diferencia existe entre un dominio y un subdominio? Es decir, un subdominio depende de un dominio. Evidentemente los subdominios gratuitos son de este tipo y siempre llevan el nombre del dominio que presta el servicio detrás del punto. Por ejemplo para colgar la página de ejemplo de la presentación en Kompozer dí de alta un subdominio llamado “websmusicales” en una página que se llama x10hosting. Así el subdominio que me asignaron fue: http://www.websmusicales.x10hosting.net Porque todos los subdominios que otorgan son de este tipo. Nosotros elegimos solamente esto
  • 22. Koldo Parra de la Horra 22 Alojamiento o Hosting • El alojamiento Web (en inglés Web hosting) es el servicio que provee a los usuarios de Internet un sistema para poder almacenar información, imágenes, vídeo, o cualquier contenido accesible vía Web. • Los Web Host son compañías que proporcionan espacio de un servidor a sus clientes. • También hay alojamientos Web gratuitos. • Las grandes empresas, organizaciones y portales de internet optan por tener su servicio de alojamiento propio. En la presentación sobre “Publicar páginas Web con Kompozer” se explica como conseguir subdominio y alojamiento totalmente gratuitos para publicar una Web.
  • 23. Koldo Parra de la Horra 23 CONCEPTOS BÁSICOS SOBRE INTERNET Y PÁGINAS WEB Fin de la presentación