MANTENIMIENTO DE PAGINAS WEB

TECNOLOGÍA WEB

MANTENIMIENTO DE PÁGINAS WEB

Mantenimiento:Conservación de una cosa en buen estado o en una situación

determinada para evitar su degradación

Páginas Web: Una página web, o página electrónica, página digital, ​ es

un documento o información electrónica capaz de contener texto, sonido, video,
programas, enlaces, imágenes, y muchas otras cosas
TECNOLOGÍA WEB

TECNOLOGIA WEB: Es un Tecnología que utiliza todas las tecnologías de inter

conectividad de ordenadores que permite a los usuarios el intercambio, en formato
de hipertexto, de todo tipo de datos e información (Texto, imágenes, sonido) y de
aplicaciones de software.
TECNOLOGÍA WEB
TECNOLOGÍA WEB
Innovaciones y que ofrece web 3.0

 Inteligencia artificial (Búsquedas

inteligentes:)

  La evolución de las redes sociales

 Mas rapidez

 Conectividad a través de más

dispositivos

 Contenido libre (Creative Commons)

 Facilidad en la navegación

 Computación en la nube
TECNOLOGÍA WEB

Sitios web: son archivos que los usuarios descargan con sus
navegadores desde ordenadores remotos. Cuando un usuario decide
acceder a un sitio web, le comunica al navegador la dirección del sitio y
el programa descarga los archivos, procesa su contenido y lo muestra en
pantalla.
Debido a que los sitios webs son de acceso público e Internet es
una red global, estos archivos deben estar siempre disponibles El
ordenador que almacena los archivos y datos de un
sitio web se llama servidor y el ordenador que accede a esta información se
llama cliente, tal como lo ilustra la Figura
Archivos

Los sitios web están compuestos de múltiples documentos que el

navegador descarga cuando el usuario los solicita. Los documentos que
conforman un sitio web se llaman páginas y el proceso de abrir nuevas
TECNOLOGÍA WEB

 Hipertexto
 El hipertexto es por definición únicamente texto con enlaces

 Es el nombre que recibe el texto que en la pantalla de un dispositivo electrónico

conduce a otro texto relacionado. La forma más habitual de hipertexto en
informática es la de hipervínculos
TECNOLOGÍA WEB

PROTOCOLO

En informática, un protocolo es un conjunto de reglas usadas por computadoras

para comunicarse unas con otras a través de una red. Un protocolo es una
convención o estándar que controla o permite la conexión, comunicación, y
transferencia de datos entre dos puntos finales.

Al navegar en internet y acceder a diversos sitios o servicios, si observamos la barra

de direcciones veremos que el formato de las direcciones no siempre es el mismo.
La mayor parte de las veces solo parece la dirección de la página, en otras
ocasiones veremos que esta antecedida por los caracteres https:// en color verde.
TECNOLOGÍA WEB

HTTP

El Protocolo de Transferencia de HiperTexto (Hypertext Transfer Protocol) es un

sencillo protocolo cliente-servidor que articula los intercambios de información entre
los clientes Web y los servidores 

HTTP es un protocolo cliente-servidor, lo que significa que el cliente envía una

petición al servidor y espera un mensaje de respuesta del servidor. Es un
protocolo sin estado, lo que significa que el servidor no guarda información del
cliente, cada petición es independiente de las demás. Al finalizar la transacción todos
los datos se pierden. Por esto se popularizaron las cookies, que son pequeños
archivos guardados en el propio ordenador que puede leer un sitio web al establecer
conexión con él, y de esta forma reconocer a un visitante que ya estuvo en ese sitio
anteriormente.
TECNOLOGÍA WEB

HTTP se basa en sencillas operaciones de solicitud/respuesta. Un cliente establece

una conexión con un servidor y envía un mensaje con los datos de la solicitud.

Como Funciona el Protocolo HTTP? Lo que en realidad ocurre es que nosotros

realizamos una petición a un servidor web en algún lugar y le decimos que nos envié
una determinada pagina html
TECNOLOGÍA WEB
TECNOLOGÍA WEB
TECNOLOGÍA WEB

TENER EN CUENTA QUE

HTTP fue creado con la finalidad de tener un estándar de comunicación entre clientes y
servidores.

Cada vez que abres tu navegador, escribes una dirección y aprietas ENTER, se inicia una
comunicación usando el protocolo HTTP.
TECNOLOGÍA WEB

ENCRIPTACIÓN O CIFRADO

• La encriptación o cifrado es un procedimiento que vuelve completamente ilegibles

los datos de un documento o de cualquier archivo.

• Cifrar es transformar información con el fin de protegerla de miradas ajenas. Al

aplicar cifrado, un mensaje se altera hasta volverse irreconocible o incomprensible,
pero la información no se pierde, sino que puede recuperarse más adelante.

¿Qué es HTTPS?

• Hay que cifrar esos datos para evitar que nadie más pueda verlos. Para eso está el
protocolo HTTPS (Hyper Text Transfer Protocol Secure). En sí mismo HTTPS no es
más que HTTP normal pero cifrado
TECNOLOGÍA WEB
TECNOLOGÍA WEB
TECNOLOGÍA WEB

PROTOCOLOS DE SEGURIDAD WEBSSL

"Secure Socket Layer" (en español, capa de puertos seguros) protocolo que
proporciona privacidad e integridad en la comunicación entre dos puntos en una
red de comunicación. Esto garantiza que la información transmitida por dicha
red no pueda ser interceptada ni modificada por elementos no autorizados,
garantizando de esta forma que sólo los emisores y los receptores legítimos
sean los que tengan acceso a la comunicación de manera íntegra.

Una de las ventajas del SSL es que es independiente del protocolo de

aplicación, ya que es posible ubicarlo por encima del mismo en forma
transparente.
Dominio

Los servidores se identifican con un valor llamado IP (Internet Protocol).

Esta IP es única para cada ordenador y, por lo tanto, trabaja como una
dirección que permite ubicar a un ordenador dentro de una red. En teoría,
podríamos acceder a cualquier servidor utilizando su dirección IP,
pero estos valores son crípticos y difíciles de recordar. Por esta razón,
Internet utiliza un sistema que identifica a cada servidor con un
nombre específico. Estos nombres personalizados, llamados dominios,
son identificadores sencillos que cualquier persona puede recordar,
como google o yahoo
Diseño y desarrollo web

Parece habitual confundir las disciplinas del diseño y desarrollo web,

nombrándolas indiferentemente, refiriéndose a ambas a la vez. Las dos
tienen lugar en el proceso de elaboración de un sitio web, pero cada una
ocupa una parte del proyecto.
Diseño web

El diseño web cubre las fases del proyecto que se ocupan de la navegación,
la usabilidad, la interacción, la arquitectura de la información y de la parte
gráfica de la web.
El desarrollo web es la programación necesaria para la construcción
del sitio web. Se divide en dos partes que pueden estar o no conectadas, la
parte del cliente y la parte del servidor
TECNOLOGÍA WEB

• Una página web es un simple documento que puede ser mostrado por

un navegador. Estos documentos están escritos en lenguaje HTML
TECNOLOGÍA WEB

Elementos principales de una página web

• Texto: a veces redactado por un único autor y otras veces por los usuarios de la

misma en el caso de algunas páginas dinámicas con lenguaje como php.

• Imágenes: gif, jpg y png son los tres formantos que suelen utilizarse normalmente.

• Audio y vídeo: suele utilizar las extensiones midi, wav o mp3. También se utilizan

las incrustaciones de archivos almacenados en otros sitios, como por ejemplo se

hace al añadir vídeos de Youtube.

• Otros: existen además otros elementos que han ido aumentando y evolucionando

también con el paso de los años y las nuevas tecnologías. Estos son Adobe Flash,

Adobe Shockwave, Java o enlaces (también llamados hipervínculos), por ejemplo.

TECNOLOGÍA WEB

Podemos agrupar o clasificar todas las páginas webs en 2 grandes grupos:

• Webs estáticas y Webs dinámicas.

• Las webs estáticas son aquellas cuya información no varía en un tiempo a

medio o a corto plazo, también se las reconoce puesto que no interactúan

con el usuario o navegante, su lenguaje de programación está basado en

HTML y están compuestas principalmente de textos e imágenes.

• Las webs estáticas fueron el primer tipo de páginas que aparecieron durante

el desarrollo y expansión de Internet

TECNOLOGÍA WEB

• Las webs dinámicas son aquellas que son capaces de interactuar con el usuario o
navegante dado a que están conectadas con bases de datos que permiten el
desarrollo de aplicaciones webs, su principal ventaja es la personalización de la
web en función del usuario así como la rapidez de modificación de los contenidos.
Este tipo de webs están desarrolladas bajo lenguajes de programación como PHP,
ASP, JSP o RUBY, el manejo de dichos lenguajes requiere de ciertos
conocimientos informáticos.

• Las primeras webs dinámicas se crearon a principios de los años 90 a raíz de la

expansión y crecimiento exponencial que adquiría la Red y las nuevas
necesidades que se originaban
Referencias Bibliográficas

• De, A., Presentado, C., Pedro, J., Soler, B., & Francés, F. B. (2014). TFG
DISEÑO Y DESARROLLO WEB. Retrieved from
https://riunet.upv.es/bitstream/handle/10251/49757/MEMORIA_Barba
Soler%2C Juan Pedro.pdf?sequence=1
• Gauchat, J. D. (2017). El gran libro de HTML5, CSS3 y JavaScript.
Retrieved from https://elevaciondigital.pe/wp-content/uploads/2019/06/El-
gran-libro-de-HTML5-CSS3-y-JavaScript.pdf
• Lerma-Blasco, R. V, Alfredo, J., Andrés, M., Mifsud, E., Lerma-Blasco, T.
R. V, Murcia, J. A., & Mifsud, E. (2013). Aplicaciones web Aplicaciones
Web Aplicaciones web Materiales del proyecto. Retrieved from
https://polmirosmix2.files.wordpress.com/2015/06/aplicaciones-web-2013-
grado-medio-mcgraw-hill.pdf