Вы находитесь на странице: 1из 24

HTTP

El Protocolo de Transferencia de
HiperTexto (Hypertext Transfer
Protocol) es un sencillo protocolo
cliente-servidor que articula los
intercambios de informacin de cada
transaccin de la Word Wide Web;
entre los clientes Web y el servidor
HTTP.
El puerto por defecto es el 80.
Etapas de una transaccin HTTP
Un usuario accede a una URL
El cliente Web descodifica la URL, separando
sus diferentes partes. As identifica el protocolo
de acceso, la direccin DNS o IP del servidor y
el posible puerto opcional (el valor por defecto
es 80).
Se abre una conexin TCP/IP con el servidor,
llamando al puerto TCP correspondiente.
Se realiza la peticin a travs de GET o POST.
El servidor devuelve la respuesta al cliente.
Se cierra la conexin TCP.
Funcionamiento http
World Wide Web
Comnmente conocida como la web, es un
sistema de distribucin de documentos de
hipertexto o hipermedios interconectados y
accesibles va Internet. Con un navegador
web, un usuario visualiza sitios web
compuestos de pginas web que pueden
contener texto, imgenes, videos u otros
contenidos multimedia y navega a travs de
esas pginas usando hiperenlaces.
Navegador Web
Un navegador web o browser, es un
software que permite el acceso a Internet,
interpretando la informacin de archivos y
sitios web para que stos puedan ser ledos.

La funcionalidad bsica de un navegador web


es permitir la visualizacin de documentos de
texto, posiblemente con recursos multimedia
incrustados, visitar pginas web, hacer
actividades en ella y enlazar un sitio con otro.
Ejemplo de Browsers
URL
URL es el acrnimo de (Uniform Resource Locator),
localizador uniforme de recursos y permite localizar o
acceder de forma sencilla a cualquier recurso de la
red desde el navegador web.
El formato de una URL ser:
servicio://maquina.dominio:puerto/camino/fichero

El servicio ser alguno de los de internet, estos


pueden ser: http, https, telnet, ftp, mailto.
Ejemplos:
http://www.udla.edu.ec/la-udla/historia/
http://www.udla.edu.ec/wp-content/uploads/2013/07/taller.jpg
Servidor Web
Un servidor web atiende solicitudes de
los browsers y enva contenido de
respuesta a los navegadores a travs de
la red mediante el protocolo HTTP.
Servidor Web Apache
Apache es un servidor de software libre y el
servidor web ms popular y ms extensamente
usado que todos los otros servidores web
juntos.

Corre en una multitud de Sistemas Operativos.


Es una tecnologa gratuita de cdigo fuente abierto.
Apache es un servidor altamente configurable de
diseo modular.
Apache permite personalizar la respuesta ante los
posibles errores que se puedan dar en el servidor.
Instalacin de Apache
yum install -y httpd

Configuracin de Apache
Configuracin del fichero httpd.conf
La ubicacin de este archivo se encuentra:
/etc/httpd/conf/ -----> httpd.conf
Configuracin de Apache
Directiva ServerRoot
Esta directiva le indica al servidor web la
ubicacin donde se almacenan los
ficheros de configuracin de apache. El
valor por defecto es:
ServerRoot /etc/httpd
si se requiere ubicar estos ficheros en
otra ruta diferente solo se debe
especificarla, aunque no es
recomendable.
Configuracin de Apache
Directiva MaxKeepAliveRequests
Esta directiva indica el mximo nmero
de peticiones que se permiten en
conexiones persistentes. Un valor 0
permite un nmero ilimitado.
MaxKeepAliveRequests 100
Configuracin de Apache
Directiva Listen
Listen permite asociar Apache a un
puerto especfico adems del
predeterminado.
Directiva DocumentRoot
Esta directiva indica al servidor web la
ruta en donde se encuentran
almacenados los ficheros web del sitio
principal:
DocumentRoot "/var/www/html"
Lenguaje html
HTML es el acrnimo en ingls de HyperText Markup
Language (en espaol se traduce como lenguaje de
marcado de hipertexto). Es un leguaje que sirve para
el desarrollo de pginas web.

El lenguaje HTML est definido por lo que se conoce


como etiquetas, que se encuentran entre los smbolos
< y >, de la siguiente forma:
<etiqueta>Contenido</etiqueta>.

Las etiquetas tambin pueden tener atributos, que


sirven para indicar caractersticas especficas de la
etiqueta, y que se representan de la siguiente forma:
<etiqueta atributo="valor del atributo">.
Las partes del documento:
Los documentos deben empezar con la etiqueta principal, que es <html> y
terminar con su etiqueta de cierre </html>.

El encabezado, que es el ttulo de la pgina se escribe entre las etiquetas


<head> y </head>. El ttulo se escribe entre las etiquetas <title> y </title>
dentro de la etiqueta <head>.

Y el contenido de la pgina, entre <body> y </body>.

No importa si se pone en maysculas o minsculas, lo importante es que el


cierre sea igual a como se abri. Todo esto quedara as:
<html>
<head> <title> Ttulo de mi pgina </title> </head>
<body>
<p>Cuerpo de la pgina</p>
</body>
</html>
Ttulos
Mediante los ttulos, en sus diferentes
niveles de importancia, podemos definir el
esqueleto del documento, su estructura
bsica.
<h1>Mucha importancia</h1>
Mucha importancia
<h2>Menos importancia</h2>
Menos importancia
<h3>Mucha menos importancia</h3>
Mucha menos importancia
Negrita y cursiva
<b>Esto en negrita</b> y <i>esto en cursiva</i>
Esto en negrita y esto en cursiva
Prrafos
Se puede modificar la alineacin horizontal de un
prrafo mediante el atributo ALIGN de la marca <P>,
que puede tomar los siguientes valores:
LEFT: el prrafo es justificado a la izquierda. Valor
por defecto.
CENTER: el prrafo es centrado.
RIGHT: el prrafo es justificado a la derecha.
Tamao del texto.
Para modificar el tamao se utiliza el atributo
SIZE de la marca <FONT>, de la manera
siguiente:
<FONT SIZE="tamao">Texto</FONT>
Ej: <FONT SIZE=10">Texto</FONT>
Colores del texto.
Para dar color a un texto se
utiliza el comando siguiente:
<FONT COLOR="color">Texto</FONT>
Ej: <FONT COLOR=blue">Texto</FONT>
Colores en HTML.
Los colores en HTML se representan mediante un nmero
hexadecimal.
Un nmero hexadecimal se diferencia de un nmero
decimal en que no slo puede tomar valores del 0 al 9,
sino que puede tomar hasta diecisis valores distintos,
que van del 0 al 9, y de la A a la F.

Cada color estar representado por un grupo de seis


dgitos en hexadecimal, precedidos por un signo numeral,
como por ejemplo #FFFFFF.

Se pueden crear colores propios, modificando los valores


de cada uno de los dgitos que forman parte del nmero
hexadecimal.
Listas
Link
Corresponde a la zona en la cual el
usuario har click, para viajar a otra
pgina o a una seccin del mismo
documento.
Esta zona aparece subrayada en el
documento.
<A href=url> ...</A>
Ej: <A href=http://www.google.com> Ir a
google </A>
Link
Enlaces dentro de la misma pgina:
<A name=principio">texto</A>

Link:
<A href="#principio">principio</A>

Enlace a una pgina de la misma carpeta:


<A href=otra.html">otra pagina</A>
Imagen
La etiqueta que se utiliza para la inclusin de
imgenes en una pgina Web es la siguiente:
<IMG SRC=imagen.jpg></IMG>
Para modificar el tamao de las imgenes se utilizan
los siguientes modificadores en la etiqueta <IMG>:
WIDTH: especifica la anchura en pixels de la imagen.
HEIGTH: especifica el nmero de pixels que tendr
de alto la imagen.
Tabla
<table border="1" >
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>