UNIVERSIDAD NORORIENTAL PRIVADA “GRAN MARISCAL DE

AYACUCHO”
ESCUELA DE INGENIERÍA
NÚCLEO BOLÍVAR
ELECTIVA TECNICA IV

Prof:

Luz Rodriguez

Alumno(a):
Anllela Lucia
V-27.733.060

04 de Octubre del 2021

 ÍNDICE

¿QUÉ ES EL ENTORNO WEB? 5

¿QUÉ ES EL DESARROLLO WEB? 5

¿QUÉ ES UNA PÁGINA WEB? 5

¿QUÉ ES UN SITIO WEB? 5

TIPOS DE PÁGINA WEB 6

SERVIDOR WEB 7

¿Cómo funcionan los servidores web? 8

Ejemplos de usos del servidor web 9

Importancia 9

CLIENTE WEB 10

Función 11

Importancia 11

Ejemplo de cliente 11

FRONT-END Y BACK-END 12
Importancia 12

ELEMENTOS QUE CONFORMAN PÁGINAS WEB DINAMICAS. 13

ESTILO WEB 14

Ejemplo de página web con estilo 15

CPANEL 16

BIBLIOGRAFÍA 18
 INTRODUCCION

El entorno web es una presentación de información que utiliza combinaciones de;

texto, imagen, animación, sonido, video… En el entorno web podemos distinguir

diferentes tipos de multimedia, el entorno web hace referencia a un ambiente de

desarrollo y/o ejecución programas o servicios en el marco de la web en general, es

una forma de interfaz gráfica de usuario. Por ejemplo, para recibir email se puede

utilizar una aplicación (como Outlook de Microsoft es un ejemplo típico), pero

también es muy usual emplear un “entorno web” para le recepción y envío de correos

electrónicos, como el que ofrecen Gmail de Google o Hotmail de Microsoft, entre

otros.

A continuación veremos los términos básicos y aspectos relacionados a él.

 ¿QUÉ ES EL ENTORNO WEB?
Es el contexto en el que se produce la navegación web . Para los estudios de uso
de la Web , esto incluye el navegador Web y sus herramientas asociadas (por
ejemplo, historial, barras de herramientas especializadas), la tarea y la motivación
para realizar la navegación .

¿QUÉ ES EL DESARROLLO WEB?

El desarrollo web es la construcción y mantenimiento de sitios web; es el trabajo que
ocurre detrás de escena para hacer que un sitio web se vea genial, funcione rápido y
funcione bien con una experiencia de usuario perfecta.

Los desarrolladores web, o 'devs', hacen esto utilizando una variedad de lenguajes de
codificación. Los lenguajes que utilizan dependen del tipo de tareas que están
realizando y las plataformas en las que están trabajando.

¿QUÉ ES UNA PÁGINA WEB?

Una página web o una página web es un documento, normalmente escrito en HTML ,
que se visualiza en un navegador de Internet . Se puede acceder a una página web
ingresando una dirección URL en la barra de direcciones del navegador . Una página
web puede contener texto, gráficos e hipervínculos a otras páginas web y archivos.

¿QUÉ ES UN SITIO WEB?

Un sitio web es una colección de páginas web interconectadas y de acceso público
que comparten un solo nombre de dominio. Los sitios web pueden ser creados y
mantenidos por un individuo, grupo, empresa u organización para servir una variedad
de propósitos.

Juntos, todos los sitios web de acceso público constituyen la World Wide Web.
Aunque a veces se le llama "página web", esta definición es incorrecta, ya que un
sitio web consta de varias páginas web. Un sitio web también se conoce como
"presencia en la web" o simplemente "sitio".

Tipos de página web

Los sitios web cumplen una amplia variedad de funciones. Dado que algunas páginas
web serán más importantes que otras, y dependiendo de las necesidades específicas
de su sitio web, es mejor determinar qué tipo de sitio web es el más adecuado para su
público objetivo antes de elegir sus páginas web.
Algunos son:
 comercio electrónico .
 Informativo .
 Noticias / Entretenimiento.
 Foro / Blog.

COMERCIO ELECTRÓNICO
Un sitio web comercial generalmente sirve como una plataforma para promocionar su
empresa y generalmente se vincula directamente a la plataforma de comercio
electrónico de su empresa si vende sus productos en línea. Es importante describir de
qué se trata su empresa, a quién dirige su producto y por qué deberían elegirlo a usted
sobre sus competidores.

INFORMATIVO
Los sitios web informativos funcionan para proporcionar una amplia variedad de
información sobre temas como cuestiones políticas o ambientales, biografías o relatos
históricos. El sitio web informativo más popular es Wikipedia, que sirve como una
enciclopedia en línea de código abierto.

NOTICIAS / ENTRETENIMIENTO
A diferencia de los sitios web de comercio electrónico, que venden directamente
bienes o servicios, los sitios web de noticias y entretenimiento brindan contenido de
noticias para el público, a menudo sin una suscripción necesaria. Los sitios web de
noticias se diferencian de los sitios web informativos porque los proporcionan
directamente empresas de noticias como The New York Times, CNN o US World &
News Report.

FORO / BLOG

Los foros son foros de discusión donde las personas pueden discutir sus pensamientos
sobre diferentes temas creados por los miembros del sitio web del foro. Los blogs,
por otro lado, son foros de discusión creados por el autor de la página del sitio web, a
los que se anima a otras personas a responder. Reddit es un ejemplo de una página de
foro popular, y discutiremos más adelante sobre cómo puede crear una página de blog
para su sitio web y por qué es una característica importante para agregar.

Hay docenas de tipos de páginas web, pero los ocho más importantes que debe incluir
en su sitio web son:  
 Página principal 
 Página del producto 
 Blog 
 Página de destino 
 Acerca de la página 
 Pagina de contacto 
 Página de búsqueda 
 Página 404 personalizada 
 SERVIDOR WEB
Un servidor web es software y hardware que utiliza HTTP (Protocolo de
transferencia de hipertexto) y otros protocolos para responder a las solicitudes de los
clientes realizadas a través de la World Wide Web. El trabajo principal de un servidor
web es mostrar el contenido del sitio web mediante el almacenamiento,
procesamiento y entrega de páginas web a los usuarios. Además de HTTP, los
servidores web también admiten SMTP (Protocolo simple de transferencia de correo)
y FTP (Protocolo de transferencia de archivos), que se utilizan para correo
electrónico, transferencia de archivos y almacenamiento.

El hardware del servidor web está conectado a Internet y permite intercambiar datos
con otros dispositivos conectados, mientras que el software del servidor web controla
cómo un usuario accede a los archivos alojados. El proceso del servidor web es un
ejemplo del modelo cliente / servidor . Todas las computadoras que alojan sitios
web deben tener software de servidor web.

Los servidores web se utilizan en el alojamiento web o el alojamiento de datos para

sitios web y aplicaciones basadas en web, o aplicaciones web.

¿Cómo funcionan los servidores web?

Se accede al software del servidor web a través de los nombres de dominio de los
sitios web y garantiza la entrega del contenido del sitio al usuario solicitante. El lado
del software también consta de varios componentes, con al menos un servidor HTTP.
El servidor HTTP puede comprender HTTP y URL . Como hardware, un servidor
web es una computadora que almacena software de servidor web y otros archivos
relacionados con un sitio web, como documentos HTML , imágenes y archivos
JavaScript .

Cuando un navegador web , como Google Chrome o Firefox, necesita un archivo

alojado en un servidor web, el navegador solicitará el archivo por HTTP. Cuando el
servidor web recibe la solicitud, el servidor HTTP aceptará la solicitud, buscará el
contenido y lo enviará de vuelta al navegador a través de HTTP.

Más específicamente, cuando un navegador solicita una página de un servidor web, el

proceso seguirá una serie de pasos. Primero, una persona especificará una URL en la
barra de direcciones de un navegador web. El navegador web obtendrá la dirección IP
del nombre de dominio, ya sea traduciendo la URL a través de DNS (Sistema de
nombres de dominio) o buscando en su caché . Esto llevará el navegador a un
servidor web. A continuación, el navegador solicitará el archivo específico del
servidor web mediante una solicitud HTTP. El servidor web responderá enviando al
navegador la página solicitada, nuevamente, a través de HTTP. Si la página solicitada
no existe o si algo sale mal, el servidor web responderá con un mensaje de error. A
continuación, el navegador podrá mostrar la página web.

También se pueden alojar varios dominios en un servidor web.

Ejemplos de usos del servidor web

Los servidores web a menudo forman parte de un paquete más grande de programas
relacionados con Internet e intranet que se utilizan para:

 enviar y recibir correos electrónicos.

 descargar solicitudes de archivos del Protocolo de transferencia de archivos
(FTP).
 construcción y publicación de páginas web.

Importancia
La página web o ecommerce de una empresa, es la carta de presentación virtual,
por eso es muy importante contar con un servidor web que se ajuste a las necesidades
y características de esta, ya que de no ser así podría sufrir caídas o interrupciones en
días pico de visitas. A continuación, vamos a analizar qué debemos tener en cuenta a
la hora de seleccionar el adecuado y la importancia de los servidores web.
 CLIENTE WEB
El modelo cliente-servidor, o arquitectura cliente-servidor, es un marco de
aplicación distribuido que divide las tareas entre servidores y clientes, que residen en
el mismo sistema o se comunican a través de una red informática o Internet. El cliente
confía en enviar una solicitud a otro programa para acceder a un servicio puesto a
disposición por un servidor. El servidor ejecuta uno o más programas que comparten
recursos y distribuyen el trabajo entre los clientes.

La relación cliente-servidor se comunica en un patrón de mensajes de solicitud-

respuesta y debe adherirse a un protocolo de comunicaciones común, que define
formalmente las reglas, el lenguaje y los patrones de diálogo que se utilizarán. La
comunicación cliente-servidor normalmente se adhiere al conjunto de protocolos TCP
/ IP.

El protocolo TCP mantiene una conexión hasta que el cliente y el servidor hayan
completado el intercambio de mensajes. El protocolo TCP determina la mejor manera
de distribuir los datos de la aplicación en paquetes que las redes pueden entregar,
transfiere y recibe paquetes de la red y administra el control de flujo y la
retransmisión de paquetes caídos o confusos. IP es un protocolo sin conexión en el
que cada paquete que viaja a través de Internet es una unidad de datos independiente
que no está relacionada con ninguna otra unidad de datos.
Las solicitudes de los clientes se organizan y priorizan en un sistema de
programación, que ayuda a los servidores a hacer frente a la recepción de solicitudes
de muchos clientes distintos en un corto espacio de tiempo. El enfoque cliente-
servidor permite que cualquier computadora de propósito general expanda sus
capacidades utilizando los recursos compartidos de otros hosts. Las aplicaciones
cliente-servidor más populares incluyen el correo electrónico, la World Wide Web y
la impresión en red.
 Función
La función del cliente estandarizar las solicitudes, transmitirlas al servidor y procesar
los datos obtenidos para que puedan visualizarse en un dispositivo de salida como una
pantalla.

Importancia
Cliente-servidor denota una relación entre programas que cooperan en una aplicación,
compuesta por clientes que inician solicitudes de servicios y servidores que brindan
esa función o servicio.

Ejemplo de cliente
Hay diferentes ejemplos del modelo cliente-servidor en la vida diaria. Se dan algunos
ejemplos de cliente-servidor:
 Servidores de correo: Los servidores de correo electrónico se pueden utilizar
para enviar y recibir correos electrónicos. Un software diferente permite el
manejo del correo electrónico.
 Servidores de archivos: Son la ubicación centralizada de los archivos. Por
ejemplo, se accederá a los servicios en la nube para Microsoft Office y
Google docs desde sus dispositivos, y se accederá a los archivos que guarde
desde la computadora desde su teléfono. De esta forma, los almacenes de
archivos estarán centralizados y accederán a ellos múltiples clientes.
 Servidores web: Estos servidores albergarán diferentes sitios web y estos son
equipos de alto rendimiento donde se alojan los sitios web. El cliente está
utilizando y el servidor web es un sistema de servidor que aloja estos sitios
web. El usuario o cliente solicita recursos o datos del sitio del servidor a
través de Internet de alta velocidad.
 FRONT-END Y BACK-END
Un desarrollador de front-end se encarga del diseño, el diseño y la interactividad
utilizando HTML, CSS y JavaScript. Toman una idea de la mesa de dibujo y la
convierten en realidad.

Lo que ve y lo que usa, como el aspecto visual del sitio web, los menús desplegables
y el texto, todo lo reúne el desarrollador de front-end, que escribe una serie de
programas para vincular y estructurar los elementos, hacer se ven bien y añaden
interactividad. Estos programas se ejecutan a través de un navegador.

El desarrollador de backend diseña lo que está sucediendo detrás de escena. Aquí es

donde se almacenan los datos, y sin estos datos, no habría frontend. El backend de la
web consta del servidor que aloja el sitio web, una aplicación para ejecutarlo y una
base de datos para contener los datos.

El desarrollador backend utiliza programas informáticos para garantizar que el

servidor, la aplicación y la base de datos funcionen juntos sin problemas. Este tipo de
desarrollador necesita analizar cuáles son las necesidades de una empresa y brindar
soluciones de programación eficientes. Para hacer todas estas cosas increíbles,
utilizan una variedad de lenguajes del lado del servidor, como PHP, Ruby, Python y
Java.

Importancia
El backend es como la columna vertebral de tu cuerpo, el frontend es como tu piel
que lo cubre. Si no tienes columna vertebral, tu cuerpo es inútil.
En la era de Big Data e IA, su interfaz necesita muchos datos del backend para
mostrar gráficos y análisis atractivos.
El servidor backend es capaz de almacenar millones de terabytes de datos y es lo
suficientemente inteligente como para encontrar la información relevante que necesita
el frontend.
No debe mantener un gran conjunto de datos en la memoria del navegador porque el
navegador no está diseñado para almacenar una gran cantidad de datos. Está diseñado
para la visualización y las interacciones del usuario.
Si mantiene información importante como las credenciales de usuario en la memoria
de los navegadores, será fácilmente pirateada y cualquiera puede robar sus datos.
Es obligatorio mantener los datos privados en los servidores backend en un formato
cifrado altamente seguro, por lo que, aunque su servidor backend sea pirateado, a los
piratas informáticos les resultará difícil robar y comprender su información privada.
Todo este arduo trabajo se realiza en el lado del backend, lo que no es posible hacer
en el frontend.
El backend es el corazón de su interfaz para bombear y suministrar información a su
sitio web para que pueda funcionar correctamente. Dicho esto, aún puede desarrollar
frontend sin la necesidad de backend.

Elementos que conforman páginas web dinamicas.

 Utilizar hojas de estilos y otros elementos dinámicos como plantillas,
bibliotecas, capas, etc. para posicionar objetos y definir diseños en la pantalla.
 Emplear programas para mover, mostrar, ocultar o cambiar de aspecto los
objetos. Estos objetos se mueven, se ocultan, aparecen o cambian de aspecto
al ser "tocados" con el ratón por el receptor, luego de haber sido cargado el
documento.
 La combinación de estos programas y técnicas se logra una intercomunicación
con el receptor y, además, posibilita la actualización de las páginas por el
webmaster, de una manera sencilla, rápida y eficaz.
 ESTILO WEB
Los estilos de diseño de sitios web son básicamente la apariencia general del sitio
web, el estilo se define en un archivo de hoja de estilo externo utilizando un lenguaje
de hoja de estilo como CSS o XSLT .

En el ejemplo que veremos acontinuación que se utiliza la etiqueta <style> colocada

en la cabecera de la página para definir los distintos estilos del documento.

A grandes rasgos, entre <style> y </style>, se coloca el nombre de la etiqueta (o

selector) para la que queremos definir los estilos y entre llaves -{ }- colocamos en
sintaxis CSS las características de estilos.

<html>
<head>
<title>Ejemplo de estilos para toda una p&aacute;gina</title>
<style>
h1 { text-decoration: underline; text-align: center }
p { font-Family: arial,verdana; color: white; background-color: black }
body { color: black; background-color: #cccccc; text-indent: 1cm }
</style>
</head>

<body>
<h1>P&aacute;gina con estilos</h1>
Bienvenidos...
<p>Siento ser tan hortera, pero esto es un ejemplo sin m&aacute;s importancia</p>
</body>
</html>
Como se puede apreciar en el código, hemos definido que la etiqueta <h1> se
presentará

Subrayado
Centrada
También, por ejemplo, hemos definido que el cuerpo entero de la página (etiqueta
<body>) se le apliquen los estilos siguientes:

Color del texto negro

Color del fondo grisaceo
Margen lateral de 1 centímetro
Caber destacar que muchos de los estilos aplicados a la etiqueta <body> son
heredados por el resto de las etiquetas del documento, como el color del texto o su
tamaño. Esto es así siempre y cuando no se vuelvan a definir esos estilos en las
etiquetas hijas, en cuyo caso el estilo de la etiqueta más concreta será el que mande.
Puede verse este detalle en la etiqueta <p>, que tiene definidos estilos que ya fueron
definidos para <body>. Los estilos que se tienen en cuenta son los de la etiqueta <p>,
que es más concreta.

Ejemplo de página web con estilo

 CPANEL
CPanel es una interfaz gráfica (GUI) en línea basada en Linux que se utiliza como
panel de control para simplificar la administración de sitios web y servidores. cPanel
le permite publicar sitios web, administrar dominios, organizar archivos web, crear
cuentas de correo electrónico y más.

cPanel es uno de los paneles de control más populares de los Estados Unidos. Muchas
empresas de alojamiento web proporcionan cPanel a los clientes como parte de su
paquete de alojamiento.

cPanel tiene dos interfaces, una interfaz de usuario llamada cPanel y una interfaz de
administración de servidor llamada Web Host Manager (WHM). Esta combinación
permite a los usuarios administrar su sitio web y proporciona a los proveedores de
alojamiento herramientas para administrar el servidor.
 CONCLUSION

En la actualidad el desarrollo y creación de sitios web se impone en el mundo como

herramienta tecnológica para unir las regiones, crear negocios, soportar empresas,
mostrarse en el mercado e infinidad de aplicaciones de acuerdo a las perspectivas de
las personas y sus alcances, encontrando en la internet fuente vital de generación de
empleos, negocios eficaces e inteligentes y gran ayuda en la consecución de objetivos
y planteamientos.

Todo entorno web funciona gracias a los servidores web que son computadoras
conectadas a internet que se encargan de procesar lo que se les solicita, los servidores
web permiten que veamos e interactuemos con sitios web y aplicaciones web, sin los
servidores web, la internet tal como la conocemos no existiría. Los servidores son el
depositario de todo el contenido que existe en internet. La industria del web hosting
es simplemente el servicio que permite alquilar espacios de memoria, y ofrece la
consecuente administración de sus datos, los desarrolladores web, o 'devs', hacen esto
utilizando una variedad de lenguajes de codificación, los lenguajes que utilizan
dependen del tipo de tareas que están realizando y las plataformas en las que están
trabajando.

El campo del desarrollo web generalmente se divide en front-end (el lado que mira
al usuario) y back-end (el lado del servidor).
 BIBLIOGRAFÍA

http://www.edificacion.upm.es/informatica/documentos/www.pd
ENTORNO WEB (01/10/2021-8:28 am)

https://www.profesores.frc.utn.edu.ar/sistemas/ingsanchez/redes/Archivos/Servido
res_WEB-CONFERENCIA.pdf
SERVIDORES WEB.(01/10/2021-9:30 am)
Mauricio Rucci.

https://sergiolujanmora.es/materiales/pi-cliente-muestra.pdf
CLIENTE WEB (01/10/2021-9:50 am)
Sergio Mora( universidad de alicante 2001).

https://carontestudio.com/blog/diferencia-entre-frontend-y-backend/
FRONTEND Y BACKEND (01/10/2021-10:20am)
David de Lamo(2021)
https://www.um.es/docencia/barzana/DAWEB/2017-18/daweb-tema-13-paginas-
web-dinamicas.html
PÁGINAS WEB DINAMICAS (01/10/2021-11:28 am)

https://www.uv.es/fragar/html/html0701.html

ESTILO WEB (02/10/2021-09:28 am)

https://rafarjonilla.com/que-es/cpanel/

CPANEL (02/10/2021-9:50 am)