- Barajar
ActivarDesactivar
- Alphabetizar
ActivarDesactivar
- Frente Primero
ActivarDesactivar
- Ambos lados
ActivarDesactivar
- Leer
ActivarDesactivar
Leyendo...
Cómo estudiar sus tarjetas
Teclas de Derecha/Izquierda: Navegar entre tarjetas.tecla derechatecla izquierda
Teclas Arriba/Abajo: Colvea la carta entre frente y dorso.tecla abajotecla arriba
Tecla H: Muestra pista (3er lado).tecla h
Tecla N: Lea el texto en voz.tecla n
Boton play
Boton play
56 Cartas en este set
- Frente
- Atrás
|
WORLD WIDE WEB
|
ENQUIRE (1980)
● CERN (Ginebra): Tim Berners-Lee ● Predecesor de la World Wide Web ● Compatibilidad: diferentes sistemas, discos, formatos, codificación, etc. ● Hipertexto Tim Berners-Lee y Robert Cailliau (1984) ● WWW 1984 |
|
Primer servidor completo
|
1990
|
|
● HTTP:
|
Protocolo y servicio
|
|
● HTML:
|
Lenguaje Hipertexto
|
|
● URL:
|
Uniform Resource Locator
|
|
● URI:
|
Uniform Resource Identifier
|
|
PRIMERA IMAGEN
|
1992
|
|
WORLD WIDE WEB CONSORTIUM (W3C)
|
Consideraciones generales sobre:
● Diseño web y sus aplicaciones ● Navegadores ● Web semántica ● Tecnología XML: Extensible Markup Language ● Servicios Web ● Dispositivos Web ● Web Accessibility Initiative (WAI): sección que se encarga accesibilidad de la Web. El grado de accesibilidad se establece en niveles denominados: A, AA, y AAA, |
|
Tecnología XML:
|
Extensible Markup Language
|
|
Web Accessibility Initiative (WAI):
|
sección que se encarga accesibilidad de la Web. El grado de accesibilidad se establece en niveles denominados: A, AA, y AAA,
|
|
WWW COMPONENTES
|
Arquitectura Cliente Servidor
URL HTML HTTP Web Server (Servidor Web) Web Browser (Navegador Web) |
|
Arquitectura Cliente Servidor
|
- Servidores Web: (se encarga de centralizar la información, está a la espera de recibir conexiones)
- Clientes: Navegadores (accede al servidor e interacciona con el usuario, interpreta y muestra la información al usuario) |
|
URI:*
|
Para la localización de recursos.
|
|
HTML:
|
Lenguaje Hipertexto
|
|
HTTP
|
(HyperText Transfer Protocolo): El protocolo para la distribución de documentos HTML.
|
|
Web Server (Servidor Web)
|
- Bajo TCP/IP
- Servidor protocolo HTTP (Hipertext Transfer Protocol) • Coordinador por el IETF (Internet Engineering Task Force) • W3C (World Wide Web Consortium) - Alberga páginas en lenguaje HTML - Albergar estilos - Albergar ficheros multimedia - Acceso a bases de datos, software… |
|
Web Browser (Navegador Web)
|
- Encargado de interpretar la información
- Accede al servidor web - Renderiza la página - Almacenamiento cookies (cada vez más en desuso) |
|
1.4 HTML
|
Origen en SGML (Standard Generalized Markup Languaje):
- Organización de documentos - Creado por la Iternational Organization for Standards (ISO 1986) - Estructura de tags |
|
1.4.HTML*
|
Hipertext Markup Languaje
- Basado en estrategia de tags - Elementos que comienzan <title> …. </title> |
|
CSS
|
CASCADING STYLE SHEETS
|
|
CSS (CASCADING STYLE SHEETS)
|
Hojas de estilo en cascada (formato – estilo)
Lenguaje para enriquecer los documentos HTML (XHTML) |
|
Ventajas de CSS
|
- Formato uniforme del sitio completo
- Separación del contenido de la presentación: facilidad de diseño - Mayor ancho de banda (son ficheros texto) - Mejora la accesibilidad al documento. |
|
URL/URI
|
URL = Uniform Resource Locator
URI = Uniform Resource Identifier Formato general (URL) / URN Uniform Resource Name (nombre sin indicar su ubicación). |
|
http:
|
recursos HTTP
|
|
https:
|
HTTP sobre SSL (seguro)
|
|
mailto:
|
direcciones de correo electrónico file: ficheros en disco duro local
|
|
news:
|
grupos de noticias Usenet (newsgroup)
|
|
ldap: LDAP
|
Lightweight Directory Access Protocol
|
|
ldap: LDAP (Lightweight Directory Access Protocol)
|
acceso a directorios personales telnet - telnet
|
|
ftp/FTP:
|
File Transfer Protocol, transferencia de ficheros
|
|
SERVIDOR WEB
|
Se refiere tanto a la máquina como al software que lo soporta. En este apartado nos referiremos al software
|
|
Funcionalidad DEL SERVIDOR WEB
|
- principal: servicio http
- Lenguajes de script / lenguajes lado del servidor - Acceso a bases de datos - Programación avanzada |
|
Servidores en el mercado:
|
Apache (35,8%), Nginx (32,5%), Cloudflare Server (16,5%), LiteSpeed (7,5%)
|
|
NAVEGADORES
|
Interpretan el código HTML (o versiones extendidas)
- CSS - XHTML - HTML 5 Descargan los objetos multimedia - Los representan: imágenes, videos, sonido, - Los interpretan mediante: plugins - Los descargan simplemente |
|
Motor de renderizado:
|
función transformar los documentos HTML (y todos los recursos de la web) en una representación visual.
|
|
Características de los navegadores
|
Lenguajes de script como JavaScript Temas de configuración en el navegador Navegación en sistemas especializados
● Firefox: enlaces ● Chrome: enlaces – búsquedas – aplicaciones ● Safari: iCloud Navegadores especializados ● Ejemplo Redes Sociales ● RockMelt: http://youtu.be/bAPKPhoTqFY ● ¿es similar a…? Chrome – Chromium (solución libre) |
|
Plugins – Add –on – complementos
|
Son elementos añadidos al navegador
- En firefox→ Add-ons - Complementos Aumentan su funcionalidad Normalmente incrementan los tipos de ficheros que podemos visualizar Ejemplos: - Flahsplayer - Acrobat Reader - Java - Redes sociales |
|
COOKIES:
|
Fichero que se descarga en el ordenador al acceder a determinadas páginas web. Las cookies permiten a una página web, entre otras cosas, almacenar y recuperar información sobre los hábitos de navegación de un usuario o de su equipo y pueden utilizarse para reconocer al usuario.
Uso de “Política de Cookies” dentro de las páginas web |
|
Cookie:
|
● Porción de datos que se envía por parte del servidor
● Se almacena en el navegador ● Cuando se accede al mismo sitio se usa para: ○ Recordar ciertos estados de conexión ○ Login ○ Registro de páginas visitadas ● ¿Pueden instalar malware? ○ Peligro ○ Muchas veces se autentican ○ Ojo con los fallos de seguridad de navegadores. |
|
Tipos de Cookis
|
Cookies de Sesión-Cookies Persistentes o Permanentes-Cookies de Funcionalidad-Cookies de terceros-
Cookies Analíticas |
|
Cookies de Sesión
|
Duran solamente la duración de la visita y se borran cuando el usuario cierra el navegador. Su finalidad principal es identificar el tipo de dispositivo, apoyar la seguridad del sitio web o su funcionalidad básica. No contienen información personal que permita identificar a una persona.
|
|
Cookies Persistentes o Permanentes
|
Se almacenan en el disco duro del dispositivo y el sitio web las lee cada vez que el usuario realiza una nueva visita al sitio web; poseen una fecha de caducidad o expiración determinada. Permiten identificar las acciones y preferencias del usuario; analizar las visitas y ayudan a comprender cómo llegan los usuarios al sitio web y mejorar los servicios ofrecidos por el mismo.
|
|
Cookies de Funcionalidad
|
Permiten recordar decisiones adoptadas por el usuario, como su login o identificador. La información de estas cookies es anónima.
|
|
Cookies de terceros
|
Son las que instala un sitio web que no es el que el usuario está visitando; por ejemplo, las usadas por redes sociales (como Facebook) o por complementos externos de contenido (como Google Maps).
|
|
Cookies Analíticas
|
Su finalidad es el mantenimiento periódico y garantizar el mejor funcionamiento y servicio al usuario.
|
|
Necesidad de incluir una política de cookies (pero no sólo eso)
|
Plantillas:
- GDPR Cookie Consent - GDPR Cookie Consent Banner Políticas de Privacidad. Términos y Condiciones Posibilidad de existencia de varias legislaciones a diferentes niveles. CONSULTAR LEGISLACIÓN Y ASESORAMIENTO POR EXPERTOS |
|
.-LENGUAJES
|
Tipos
- Lado del cliente - Lado del servidor Diversos - Javascript - ASP.NET - Java (máquina virtual) - JSP - PHP - etcétera… |
|
Lenguajes programación
|
HTML- JavaScript- PHP- ASP-JSP
|
|
HTML**:
|
Lenguaje Base
|
|
JavaScript:
|
● Se utiliza principalmente del lado del cliente aunque se puede utilizar del
● lado del servidor. ● Actualmente y gracias a tecnologías como AJAX es utilizado para enviar y recibir información del servidor. |
|
PHP :
|
● Enfocado en la creación de webs dinámicas.
● Sus scripts son interpretados por el servidor ● Genera código HTML. |
|
PHP=
|
Hypertext Preprocessor
|
|
ASP
|
Active Server Pages
|
|
ASP (Active Server Pages):
|
● Es una tecnología del lado de servidor
● Microsoft para el desarrollo de sitio web dinámicos ● Requiere de Internet Information Server (IIS). ● ASP.NET evolución |
|
JSP
|
(Java Server Pages):
● Lado del servidor ● Basado en Java |
|
AJAX
|
Asynchronous JavaScript And XML JavaScript asíncrono y XML
Unión de tecnologías - XHTML, CSS, XMLKHttpRequest, XML, XSLT Se ha extendido el uso conjuntando herramientas: - jQuery, PHP Acceso a base de datos de forma asíncrona |
