Acceso a Internet

El proceso de conectar a un usuario con la red ocurre mediante la coordinación de distintos

entornos y dispositivos que interactúan entre ellos.

El Web Browser:
Es el encargado de enviar la solicitud de acceso a la página, envía al servidor la solicitud
y está a la espera de recibir acceso a los elementos de la página.

Para acceder a una página web el usuario debe introducir la dirección de la página, o en
su defecto acceder a un enlace que lo lleve a ella.

Las páginas deben estar conscientes que no todos los navegadores que tendrán acceso a
ellas poseerán una misma versión, siendo limitados algunos de ellos en los recursos con los que
cuenta su dispositivo.

El servidor:

Es el encargado de almacenar y hacer llegar las páginas a los navegadores que la

soliciten. Están optimizados para realizar este proceso a una gran velocidad y mantenerse activos
permanentemente.

Normalmente las empresas grandes hacen uso de servidores propios, pero también está
disponible el servicio de web-hosting con servidores ajenos.

Dispositivos:

Se refiere al tipo de dispositivo que hace uso de un navegador para acceder a una
dirección web. Los dispositivos están conectados a una red de internet y permiten al usuario
conectarse a ella.

Hay que tener en cuenta las diferencias de software y hardware que vienen ligadas a estas
diferencias, ya sea la diferencia de la velocidad del dispositivo como el tamaño de la pantalla.
Lectura de Pantalla:

Los lectores de pantalla son una herramienta que lee el contenido escrito en una página
web. Esto facilita el entendimiento del contenido para personas con discapacidades que no le
permitan acceder al contenido.

Creación de las Páginas Web

Lo que se ve:

Al hacer la solicitud al servidor para acceder a una página web, este envía los archivos
HTML y CSS al Web Browser, siendo este entonces el encargado de interpretar este lenguaje y
hacer presente la página al usuario.

Estas páginas también hacen uso de contenido como imágenes, videos, audios, entre
otros. ¿Cómo se conecta esto con el Browser?

Como es Creado:

Estas páginas hacen uso normalmente de HTML y CSS, pero para páginas de mayor
envergadura es normal el uso de CMS (Content Management Service), Bloging Tools y e-
comerce software. A pesar de ellos, estas herramientas son a su vez un método de interpretar lo
que el usuario desea y llevarlo a lenguaje HTML y CSS. Un manejo de HTML y CSS permite
tener aún mayor control sobre las herramientas usadas y por ende de la página web.

Páginas más complejas hacen uso de servidores, que están realizados mediante lenguajes
como PHP, [Link], entre otros.

HTML5 y CSS3

Junto con el avance de las tecnologías, los lenguajes también lo hacen. A partir de HTML
y CSS, las nuevas versiones están siendo desarrolladas a día de hoy, y las páginas están
adaptando esta serie de nuevas funciones y características a sus páginas. Esto no quiere decir que
las versiones anteriores no hayan de ser utilizadas.
Cómo Funciona la WEB

Cuando se accede a un sitio a través de un navegador, el servidor que hace host al sitio puede
estar localizado en cualquier lugar del mundo. Ante ello, el navegador se conecta con del DNS
(Domain Name System) de la siguiente forma:

1. La conexión a internet se hace por medio de un ISP (Internet Servide Provider), que nos
permite conectarnos a la red. Para acceder ahora a un sitio se hace uso de la dirección del
sitio o mediante un enlace.
2. El navegador se conecta con del DNS quien, envía al usuario una dirección IP asociada
con la página, siendo única para cada usuario. Esta posee una longitud de 12 caracteres.
3. El navegador, mediante el IP recibido se conecta con el Web Server que posee el sitio al
que se busca acceso.
4. La página es enviada al navegador desde el servidor
Capítulo 1: Estructura

En el entorno web, es muy importante además de los documentos que allí se encuentran, la
manera en que estos están distribuidos y presentados.

Se ha de pensar sobre el contexto del contenido que este documento presentará, a su vez del
público al que va dirigido.

El código HTML está compuesto de elementros introducides entre llaves angulates (<>),
teniendo la llave de cierre un extra slash (</>), Cada elemento da información al browser acerca
de algo dentro del documento HTML.

<html>
La etiqueta de html indica
<body> que todo lo incluido entre
ellas será código HTML
<h1> </h1>
<p> </p>
Indica que todo lo incluido
<h2> </h2> dentro de la tarjeta
aparecerá en la ventaja del
<p> </p> Browser
<h2> </h2>
H1 indica el encabezado
<p> </p> principal, seguido por el H2
</body> siendo el sub-encabezado y
P para los párrafos
</html>
Atributos y lo que nos dicen sobre los Elementos

Los atributos son colocados en la llave de apertura de una etiqueta, da más información acerca
del elemento. Están compuestos de dos partes: un Name y un Value, separados por el símbolo de
igualdad.

<p class = “myClass” > Párrafo </p>

El Nombre del atributo ha de indicar el tipo de información que suministrará, estará escrito en
minúsculas.

El Valor será la información que el elemento posea, ha de ser escrito entre comillas dobles ( “ “ )

Partes de un HTML

<body>

El Corazón del HTML, incluye todo el contenido que será desplegado en la pantalla.

<head>

Contiene información acerca de la página. Usualmente colocada antes del <body> del
documento

<title>

Usualmente refiere al nombre que colocará el navegador a la página, o como nombre de la

pestaña.
Código en un CMS

Al trabajar en CMS, ya sean plataformas del tipo Blog, aplicaciones de e-comerce, normalmente
existirá una sección específica del sitio que servirá como página de control. Esto controlará las
dinámicas de maneno del Código, por lo que raramente este será visible.