Embed Size (px)
Citation preview
Introducción a la WebJUAN CARLOS CONDE RAMÍREZ
WEB-TOOLS
Perspectiva de la Web
FCC-BUAP 2JCCR©
La World Wide Web
FCC-BUAP 3
• La World Wide Web (WWW) o red de área mundial, es un sistema para la distribución dedocumentos de hipertexto ubicados en ordenadores interconectados y además accesibles víaInternet.
•Mediante un navegador Web, es posible acceder a sitios web compuestos de páginas web quepueden contener: texto, imágenes, vídeo u otros contenidos multimedia.
•Dado que la navegación entre páginas se realiza utilizando hiperenlaces, a los documentos quedescriben estás páginas son conocidos como documentos de hipertexto.
JCCR©
Antecedentes de la Web
FCC-BUAP 4
• Desarrollada por Tim Berners-Lee y el belga Robert Caillu entre 1989 y 1990, y publicada demanera oficial en 1992.
•Berners-Lee y Caillu propusieron un sistema de comunicación de hipertexto para el acceso a ladocumentación del CERN (Conseil Européen pour la Recherche Nucléaire).
•La IDEA era utilizar el hipertexto "para vincular y acceder a información de diversos tipos comouna red de nodos en los que el usuario puede navegar a voluntad“, idea que pronto se aplicaría atodo el mundo.
JCCR©
Resultado esperado
FCC-BUAP 5JCCR©
Estructura de una página Web
FCC-BUAP 6
Página Web
HTML
Contenido
(.html)
CSS
Estilo
(.css)
JavaScript
Comportamiento
(.js)
<html><head>Page Title</head><body>
<h1>Hello World</h1><p>This is some dummy text!</p>
</body></html>
h1{text-align:center; font-weight: bold; font-size:16px;}
p{text-align:left; font-size:10px;}
document.getElementById("h1").innerHTML = “HelloWorld”;
console.log(5 + 6);
JCCR©
Estándares
FCC-BUAP 7
•¿Por qué todo el mundo habla de estándares? Algunos sobre los que se sostiene actualmente laWeb son:
Estándares Uso
HTTP Protocolo mediante el cual se administran solicitudes y respuestas através de la Web.
HTML Lenguaje de marcado para el desarrollo de documentos dehipertexto, es ligero y sirve como meta para otras tecnologías Web.
CSS Lenguaje para especificar hojas de estilos para definir cómo sepresentará gráficamente la información.
JavaScript Lenguaje de scripting que define el comportamiento de los eventosocurridos sobre una página Web.
XML Lenguaje para la descripción y validación “automática” de datos en laWeb.
JSON Notación simplificada y ligera para la descripción de datos, basada enla noción de objetos de JavaScript.
JCCR©
Direcciones de la Web
FCC-BUAP 8JCCR©
Actividad: “Evolución de la Web”1. Investiga cada una de las siguientes etapas de la Web:
a. Era de la PC
b. La Web 1.0
c. La Web 2.0
d. La Web 3.0
e. La Web 4.0
2. Elabora en la libreta un resumen breve de cada una de las etapas previamente investigadas.
3. Agrega un recorte o una imagen representativa al final de cada etapa.
FCC-BUAP 9JCCR©
Repercusiones Sociales
FCC-BUAP 10
◦ El intercambio de ideas e incluso sentimientos de personas separadas en el tiempo y elespacio.
◦ El desuso de la información a través de recursos físicos como las bibliotecas o la prensaescrita.
◦ La búsqueda de información de forma más fácil y eficientemente que a través de cualquierotro medio de comunicación.
◦ El movimiento en la economía mundial a través del auge en el uso y del comercio electrónico.
JCCR©
Repercusiones Sociales
FCC-BUAP 11
◦ El flujo de comunicación global a una escala sin precedentes en la historia humana:experiencias emocionales, ideas políticas, cultura, idiomas, música, negocios, arte,fotografías, literatura…
◦ La combinación de las tecnologías Web con aparatos electrodomésticos para facilitar la vidade las personas a través del censado y monitoreo de su hábitat.◦ Domótica
◦ Internet de las cosas (IoT)
JCCR©
Actividad: “Impacto social de la Web”
1. Formar equipos de 5 personas.
2. Deducir o investigar 3 repercusiones del uso de la Web en la vida actual.
3. Clasificar las repercusiones sociales en Positivas y Negativas haciendo una tabla.
4. Realizar una discusión grupal para determinar lo siguiente: ◦ ¿Se puede coexistir hoy en día sin la Web?
◦ ¿El uso de la Web hoy en día es Dañino para la sociedad?
◦ ¿Son los medios impresos más confiables que los medios electrónicos hoy en día?
FCC-BUAP 12JCCR©
Resultado real
FCC-BUAP 13JCCR©
Conceptos importantes
FCC-BUAP 14
◦ Browser o Navegador
◦ Servidor
◦ Lenguaje de marcado
◦ Red de computadoras
◦ Protocolo de comunicación
◦ Dirección IP
◦ Hosting u Hospedaje
◦ Dominios
◦ Subdominios
JCCR©
Abreviaturas comunes
FCC-BUAP 15
◦ HTTP – HyperText Transfer Protocol
◦ HTML – HyperText Markup Language
◦ IP – Internet Protocol
◦ TCP – Transmission Control Protocol
◦ URL – Uniform Resource Locator
◦ URI – Uniform Resource Identifier
◦ URN – Uniform Resource Name
◦ DNS – Domain Name System
JCCR©
Abreviaturas comunes
FCC-BUAP 16
◦ XHTML - eXtensible HyperText Markup Language
◦ CSS – Cascading Style Sheets
◦ FTP – File Transfer Protocol
◦ DHCP – Dynamic Host Configuration Protocol
◦ ISP – Internet Service Provider
◦ DSL – Digital Susbscriber Line
◦ ADSL – Asymmetric Digital Subscriber Line
◦ W3C – World Wide Web Consortium
JCCR©
