Está en la página 1de 26

Definición de HTTP

HTTP es un protocolo utilizado para solicitar y transmitir archivos a través


de Internet u otra red informática, especialmente páginas web y
componentes de páginas web, esta orientado a transaciones y opera a
través de un esquema petición-respuesta, entre un “cliente” y un
“servidor”. Al cliente que efectua la petición (un navegador o un spider)
se lo conoce como “user agent” (agente del usuario, como es el Internet
Explorer).

HTTP es el protocolo usado en cada transacción Web (WWW), define la


sintaxis y la semántica que utilizan los elementos software de la
arquiectura web (clientes, servidores, proxies) para comunicarse. Es un
protocolo sin estado, es decir, que no guarda ninguna información sobre
conexiones anteriores.
El servidor es aquel en donde se almacenan las páginas de Internet. A la
información transmitida se la llama recurso y se la identifica mediante un
URL. Los recursos pueden ser archivos, el resultado de la ejecución de un
programa, una consulta a una base de datos, la traducción automática de
un documento, etc.
La información que sigue a “http” se denomina el URI (Uniform Resouce
Identifier), más conocido como URL, lo que no es más que la dirección
que estamos visitando. Cuando nos encontramos con direcciones https
nuestro navegador emplea encriptación adicional para proteger la
información que está siendo transferida, especialmente cuando se
realizan transacciones en línea.

¿Para qué sirve HTTP?


La función principal del protocolo HTTP es establecer una conexión con el
servidor y enviar páginas HTML de vuelta al navegador del usuario.
También se utiliza para descargar archivos desde el servidor, ya sea al
navegador oa cualquier otra aplicación que solicita que utiliza HTTP.

¿Qué significa HTTP?


HTTP es la abreviatura de “HyperText Transfer Protocol” que en español
se traduce como “Protocolo de transferencia de hipertexto”

QUE ES HTTP?

Hypertext Transfer Protocol o HTTP (en español protocolo de transferencia de hipertexto) es el

protocolo usado en cada transacción de la World Wide Web. HTTP fue desarrollado por el World Wide

Web Consortium y la Internet Engineering Task Force, colaboración que culminó en 1999 con la

publicación de una serie de RFC, siendo el más importante de ellos el RFC 2616, que especifica la

versión 1.1. HTTP define la sintaxis y la semántica que utilizan los elementos de software de la

arquitectura web (clientes, servidores, proxies) para comunicarse. Es un protocolo orientado a

transacciones y sigue el esquema petición-respuesta entre un cliente y un servidor. Al cliente que

efectúa la petición (un navegador web o un spider) se lo conoce como "user agent" (agente del

usuario). A la información transmitida se la llama recurso y se la identifica mediante un localizador

uniforme de recursos (URL). Los recursos pueden ser archivos, el resultado de la ejecución de un

programa, una consulta a una base de datos, la traducción automática de un documento, etc.

HTTP es un protocolo sin estado, es decir, que no guarda ninguna información sobre conexiones

anteriores. El desarrollo de aplicaciones web necesita frecuentemente mantener estado. Para esto se

usan las cookies, que es información que un servidor puede almacenar en el sistema cliente. Esto le

permite a las aplicaciones web instituir la noción de "sesión", y también permite rastrear usuarios ya

que las cookies pueden guardarse en el cliente por tiempo indeterminado.

Lenguaje HTML

Desde el surgimiento de internet se han publicado sitios web


gracias al lenguaje HTML. Es un lenguaje estático para el
desarrollo de sitios web (acrónimo en inglés de HyperText
Markup Language, en español Lenguaje de Marcas
Hipertextuales). Desarrollado por el World Wide Web
Consortium (W3C). Los archivos pueden tener las
extensiones (htm, html).

Sintaxis:
<html> (Inicio del documento HTML)
<head>
( Cabecera )
</head>
<body>
( Cuerpo )
</body>
</html>

<b> </b> Negrita


<p> </p> Definir parrafo
<etiqueta> Apertura de la etiqueta
</etiqueta> Cierre de la etiqueta
Ventajas:

 Sencillo que permite describir hipertexto.


 Texto presentado de forma estructurada y agradable.
 No necesita de grandes conocimientos cuando se cuenta
con un editor de páginas web o WYSIWYG.
 Archivos pequeños.
 Despliegue rápido.
 Lenguaje de fácil aprendizaje.
 Lo admiten todos los exploradores.
Desventajas:

 Lenguaje estático.
 La interpretación de cada navegador puede ser diferente.
 Guarda muchas etiquetas que pueden convertirse en
“basura” y dificultan la corrección.
 El diseño es más lento.
 Las etiquetas son muy limitadas.
Lenguaje Javascript

Este es un lenguaje interpretado, no requiere compilación. Fue


creado por Brendan Eich en la empresa Netscape
Communications. Utilizado principalmente en páginas web. Es
similar a Java, aunque no es un lenguaje orientado a objetos, el
mismo no dispone de herencias. La mayoría de los navegadores
en sus últimas versiones interpretan código Javascript.

El código Javascript puede ser integrado dentro de nuestras


páginas web. Para evitar incompatibilidades el World Wide Web
Consortium (W3C) diseño un estándar denominado DOM (en
inglés Document Object Model, en su traducción al español
Modelo de Objetos del Documento).

Sintaxis:
<script type="text/javascript"> ...
</script>
Ventajas:

 Lenguaje de scripting seguro y fiable.


 Los script tienen capacidades limitadas, por razones de
seguridad.
 El código Javascript se ejecuta en el cliente.
Desventajas:

 Código visible por cualquier usuario.


 El código debe descargarse completamente.
 Puede poner en riesgo la seguridad del sitio, con el actual
problema llamado XSS (significa en inglés Cross Site
Scripting renombrado a XSS por su similitud con las hojas
de estilo CSS).
Lenguaje PHP

Es un lenguaje de programación utilizado para la creación de


sitio web. PHP es un acrónimo recursivo que significa “PHP
Hypertext Pre-processor”, (inicialmente se llamó Personal Home
Page). Surgió en 1995, desarrollado por PHP Group.

PHP es un lenguaje de script interpretado en el lado del servidor


utilizado para la generación de páginas web dinámicas,
embebidas en páginas HTML y ejecutadas en el servidor. PHP
no necesita ser compilado para ejecutarse. Para su
funcionamiento necesita tener instalado Apache o IIS con las
librerías de PHP. La mayor parte de su sintaxis ha sido tomada
de C, Java y Perl con algunas características específicas. Los
archivos cuentan con la extensión (php).
Sintaxis:
La sintaxis utilizada para incorporar
código PHP es la siguiente:
<?
$mensaje = “Hola”;
echo $mensaje;
?>

También puede usarse:

<?php
$mensaje = “Hola”;
echo $mensaje;
?>
Ventajas:

 Muy fácil de aprender.


 Se caracteriza por ser un lenguaje muy rápido.
 Soporta en cierta medida la orientación a objeto. Clases y
herencia.
 Es un lenguaje multiplataforma: Linux, Windows, entre
otros.
 Capacidad de conexión con la mayoría de los manejadores
de base de datos: MysSQL, PostgreSQL, Oracle, MS SQL
Server, entre otras.
 Capacidad de expandir su potencial utilizando módulos.
 Posee documentación en su página oficial la cual incluye
descripción y ejemplos de cada una de sus funciones.
 Es libre, por lo que se presenta como una alternativa de
fácil acceso para todos.
 Incluye gran cantidad de funciones.
 No requiere definición de tipos de variables ni manejo
detallado del bajo nivel.
Desventajas:

 Se necesita instalar un servidor web.


 Todo el trabajo lo realiza el servidor y no delega al cliente.
Por tanto puede ser más ineficiente a medida que las
solicitudes aumenten de número.
 La legibilidad del código puede verse afectada al mezclar
sentencias HTML y PHP.
 La programación orientada a objetos es aún muy
deficiente para aplicaciones grandes.
 Dificulta la modularización.
 Dificulta la organización por capas de la aplicación.
Seguridad:

PHP es un poderoso lenguaje e intérprete, ya sea incluido como


parte de un servidor web en forma de módulo o ejecutado como
un binario CGI separado, es capaz de acceder a archivos,
ejecutar comandos y abrir conexiones de red en el servidor.
Estas propiedades hacen que cualquier cosa que sea ejecutada en
un servidor web sea insegura por naturaleza.

PHP está diseñado específicamente para ser un lenguaje más


seguro para escribir programas CGI que Perl o C, y con la
selección correcta de opciones de configuración en tiempos de
compilación y ejecución, y siguiendo algunas prácticas correctas
de programación.

Lenguaje ASP

Es una tecnología del lado de servidor desarrollada


por Microsoft para el desarrollo de sitio web
dinámicos. ASP significa en inglés (Active Server Pages), fue
liberado por Microsoft en 1996. Las páginas web desarrolladas
bajo este lenguaje es necesario tener instalado Internet
Information Server (IIS).

ASP no necesita ser compilado para ejecutarse. Existen varios


lenguajes que se pueden utilizar para crear páginas ASP. El más
utilizado es VBScript, nativo de Microsoft. ASP se puede hacer
también en Perl and Jscript (no JavaScript). El código ASP
puede ser insertado junto con el código HTML. Los archivos
cuentan con la extensión (asp).

Sintaxis:
<% %>
Ventajas:

 Usa Visual Basic Script, siendo fácil para los usuarios.


 Comunicación óptima con SQL Server.
 Soporta el lenguaje JScript (Javascript de Microsoft).
Desventajas:

 Código desorganizado.
 Se necesita escribir mucho código para realizar funciones
sencillas.
 Tecnología propietaria.
 Hospedaje de sitios web costosos.
Lenguaje ASP.NET

Este es un lenguaje comercializado por Microsoft, y usado por


programadores para desarrollar entre otras funciones, sitios web.
ASP.NET es el sucesor de la tecnología ASP, fue lanzada al
mercado mediante una estrategia de mercado denominada .NET.

El ASP.NET fue desarrollado para resolver las limitantes que


brindaba tu antecesor ASP. Creado para desarrollar web
sencillas o grandes aplicaciones. Para el desarrollo de ASP.NET
se puede utilizar C#, VB.NET o J#. Los archivos cuentan con la
extensión (aspx). Para su funcionamiento de las páginas se
necesita tener instalado IIS con el Framework .Net. Microsft
Windows 2003 incluye este framework, solo se necesitará
instalarlo en versiones anteriores.

Sintaxis:
Ventajas:

 Completamente orientado a objetos.


 Controles de usuario y personalizados.
 División entre la capa de aplicación o diseño y el código.
 Facilita el mantenimiento de grandes aplicaciones.
 Incremento de velocidad de respuesta del servidor.
 Mayor velocidad.
 Mayor seguridad.
Desventajas:

 Mayor consumo de recursos.


Lenguaje JSP

Es un lenguaje para la creación de sitios web dinámicos,


acrónimo de Java Server Pages. Está orientado a desarrollar
páginas web en Java. JSP es un lenguaje multiplataforma.
Creado para ejecutarse del lado del servidor.

JSP fue desarrollado por Sun Microsystems. Comparte ventajas


similares a las de ASP.NET, desarrollado para la creación de
aplicaciones web potentes. Posee un motor de páginas basado en
los servlets de Java. Para su funcionamiento se necesita tener
instalado un servidor Tomcat.

Sintaxis:
<%= new java.util.Date() %>
Características:

 Código separado de la lógica del programa.


 Las páginas son compiladas en la primera petición.
 Permite separar la parte dinámica de la estática en las
páginas web.
 Los archivos se encuentran con la extensión (jsp).
 El código JSP puede ser incrustado en código HTML.
Elementos de JSP

Los elementos que pueden ser insertados en las páginas JSP son
los siguientes:

 Código: se puede incrustar código “Java”.


 Directivas: permite controlar parámetros del servlet.
 Acciones: permite alterar el flujo normal de ejecución de
una página.
Ventajas:

 Ejecución rápida del servlets.


 Crear páginas del lado del servidor.
 Multiplataforma.
 Código bien estructurado.
 Integridad con los módulos de Java.
 La parte dinámica está escrita en Java.
 Permite la utilización se servlets.
Desventajas:

 Complejidad de aprendizaje.
Lenguaje Python

Es un lenguaje de programación creado en el año 1990 por


Guido van Rossum, es el sucesor del lenguaje de programación
ABC. Python es comparado habitualmente con Perl. Los
usuarios lo consideran como un lenguaje más limpio para
programar. Permite la creación de todo tipo de programas
incluyendo los sitios web.

Su código no necesita ser compilado, por lo que se llama que el


código es interpretado. Es un lenguaje de programación
multiparadigma, lo cual fuerza a que los programadores adopten
por un estilo de programación particular:

 Programación orientada a objetos.


 Programación estructurada.
 Programación funcional.
 Programación orientada a aspectos.
Sintaxis:

Ejemplo de una clase en Phyton:

def dibujar_muneco(opcion):
if opcion == 1:
C.create_line(580, 150, 580, 320,
width=4, fill="blue")
C.create_oval(510, 150, 560, 200,
width=2, fill='PeachPuff')
Ventajas:

 Libre y fuente abierta.


 Lenguaje de propósito general.
 Gran cantidad de funciones y librerías.
 Sencillo y rápido de programar.
 Multiplataforma.
 Licencia de código abierto (Opensource).
 Orientado a Objetos.
 Portable.
Desventajas:

 Lentitud por ser un lenguaje interpretado.


Lenguaje Ruby

Es un lenguaje interpretado de muy alto nivel y orientado a


objetos. Desarrollado en el 1993 por el programador japonés
Yukihiro “Matz” Matsumoto. Su sintaxis está inspirada en
Phyton, Perl. Es distribuido bajo licencia de software
libre (Opensource).

Ruby es un lenguaje dinámico para una programación orientada


a objetos rápida y sencilla. Para los que deseen iniciarse en este
lenguaje pueden encontrar un tutorial interactivo de ruby. Se
encuentra también a disposición de estos usuarios un sitio con
informaciones y cursos en español.

Sintaxis:
puts "hola"
Características:

 Existe diferencia entre mayúsculas y minúsculas.


 Múltiples expresiones por líneas, separadas por punto y
coma “;”.
 Dispone de manejo de excepciones.
 Ruby puede cargar librerías de extensiones
dinámicamente si el (Sistema Operativo) lo permite.
 Portátil.
Ventajas:

 Permite desarrollar soluciones a bajo Costo.


 Software libre.
 Multiplataforma.

Subrayar un Link al pasar el mouse:

Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un
link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que
tenga otro una vez visitado.

<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>

Cuadro explicativo de los enlaces:

Sorprendé a tus visitantes con este asombroso truco. Al pasar el mouse sobre el link,
aparece la explicación de ese link en un cuadro con la cantidad de palabras que
queramos poner.
<p>
<script language="JavaScript"><!--
function escribe(frase){document.desplaza.cuadro.value=frase; }
// --></script>
</p>
<table border="0">
<tr>
<td width="200"><p align="center"><strong>Opciones.</strong></p>

<p><a href="http://www.pauluk.8k.com"
onmouseover="escribe(' Página principal\n ----------------\n\n Cuando hagas Click en este
enlace irás directamente a la página de inicio de mi web');">Página
principal</a><br>
<a href="http://www.suweb.net/users/pauluk/trucosprin.htm"
onmouseover="escribe(' Trucos PC\n -----------\n\n Este enlace te llevará a la página de
Trucos PC en la que podés encontrar muchos más trucos interesantes para realizar e
incluir en tus páginas web');">Trucos PC</a><br>
<a href="http://www.suweb.net/users/pauluk/GLOSARIO.HTM"
onmouseover="escribe(' Glosario\n -------------- \n\n Diccionario de Términos Informáticos.
Enterate el significado de esas palabras de computación que decís todos los días pero
que no sabés exactamente qué significa.');">Glosario</a><br>
</p>
</td>
<td><form name="desplaza">
<p><textarea name="cuadro" rows="8" cols="30"
wrap="physical"></textarea></p>
</form>
</td>
</tr>
</table>

Otra barra con mas colores:

A continuación veremos otro código para ponerle color a la barra de desplazamiento, en


este caso vamos a poder personalizar los colores de la barra, del fondo y los bordes.
Reemplazar los nombres de los colores por otros o por los código de letras y números.
Mas abajo está la tabla de colores.

<style>
<!--
body { scrollbar-face-color: darkgreen ;
scrollbar-shadow-color: yellow;
scrollbar-highlight-color: violet;
scrollbar-3dlight-color: navy;
scrollbar-darkshadow-color: magenta;
scrollbar-track-color: blue;
scrollbar-arrow-color: black }
-->
</style>

Observación: para ver este truco, es necesario tener instalada las últimas versiones de los
navegadores

Crear un formulario:

Con este código podemos crear un formulario para que complete el visitante. Por ejemplo
un libro de visitas, luego que el visitante apriete el botón enviar, los datos serán enviados
a tu casilla de correo.

<H2>Libro de visitas</H2>
<FORM ACTION="mailto:tunombre@tuservidor.com" METHOD="post">

<TABLE>

<TD ALIGN=RIGHT>Nombre:</TD>
<TD><INPUT type="text" size=36 name="nombre"></TD>
<TR><TD ALIGN=RIGHT>Direccion E-mail:</TD>
<TD><INPUT type="text" size=36 name="direccion"></TD>
<TR><TD ALIGN=RIGHT>como llegaste hasta esta pagina?</TD>
<TD><INPUT type="text" size=36 name="procedencia"></TD>
<TR><TD ALIGN=RIGHT>Tus comentatios:</TD>
<TD><TEXTAREA rows=5 cols=30 name="comentarios"></TEXTAREA></TD>

</TABLE>

<INPUT type="reset" value="Borrar todo"> <INPUT type="submit" value="Enviar">

</FORM>

Insertar un sonido o música de fondo:

Si quieren que los visitantes escuchen una canción mientras visitan la Web, o
simplemente recibirlos con una melodía estilo presentación, este es el código que estabas
buscando.

Se recomienda usar sonidos en formato "midi" que son los de menor peso.

<BGSOUND SRC="sonido.mid" LOOP=none>


<WIDTH=200 HEIGHT=55 AUTOSTART="true" LOOP="false" HIDDEN="true">

Pantalla que tiembla:

Al insertar este código, cada vez que entremos en la Web se producirá una especie de
terremoto en el explorador. Un efecto interesante para atraer la atención de nuestros
visitantes.

<html>
<head>
<title>www.pauluk.8k.com</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFFF" text="#000000">


<p>
<script language="JavaScript1.2">

function tremer(n) {

if (self.moveBy) {

for (i = 10; i > 0; i--) {

for (j = n; j > 0; j--) {

self.moveBy(0,i);

self.moveBy(i,0);

self.moveBy(0,-i);

self.moveBy(-i,0);

}}}}

tremer(5)
</script>
<Script language=JavaScript>

function right(e) {

if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){

alert("www.pauluk.8k.com");

return false;

else if (navigator.appName == 'Microsoft Internet Explorer' &&

(event.button == 2 || event.button == 3)) {

alert("www.pauluk.8k.com");

return false;

return true;

document.onmousedown=right;

if (document.layers) window.captureEvents(Event.MOUSEDOWN);

window.onmousedown=right;

</script>
</body>
</html>

Crear un link para download:

Si queremos poner archivos para que los visitantes los puedan descargar a sus
computadoras, solo debemos subir ese archivo a nuestro servidor e insertar en nuestra
Web el siguiente código HTML:
<a href="ejemplo.exe">Descripción del enlace </a>

No existe un comando que inicie la descarga. Lo que sucede es que, siempre que
aparece un tipo de archivo no reconocido por el navegador, este comienza a descargarlo
automáticamente. Ejemplo: Si el navegador no logra abrir un archivo "zip" (compactado),
inicia la descarga automáticamente.

Efecto nieve con cualquier imagen:

Con este truco podés hacer que caigan por la pantalla varias veces la misma imagen con
un efecto estilo nieve. Si querés ver el código y el efecto HACÉ CLIC ACÁ .

Hora y texto en la barra de estado:

Con este truco, podemos hacer que aparezca en la barra de estado la hora de la PC que
entra a nuestra Web y poner el texto que queramos.

<script language="JavaScript">
<!--
mensaje=" |======| www.pauluk.8k.com "
function hora() {
var h = new Date();
window.status="|======| "
+ h.getHours() +":"+ h.getMinutes() +"" +mensaje ;
window.setTimeout('hora()',100);
}
hora()
//-->
</script>

Transformar el cursor en una mira:

Transformá la clásica flechita de Windows en una mira de disparo.


<style type="text/css">
<!--
body { cursor: crosshair}
-->
</style>

Tabla de colores HTML:

Esta tabla contiene todos los códigos para ponerle colores a las barras de
desplazamiento, a las fuentes y muchas otras funciones más. Haga click acá para ver la
Tabla Completa.

Comentario sobre un link en la barra de estado:

Al pasar el mouse sobre el link deseado, veremos en la barra de estado un comentario


sobre éste. Por ejemplo posicionen el mouse sobre Pauluk Computación y vean en la
barra de estado. (para verlo bien en ésta página pasen el mouse varias veces, ya que hay
otro código parecido que lo obstruye).

<a href="http://www.pauluk.8k.com"
onmouseout="window.status=''"
onmouseover="window.status='Acá aparece el mensaje que quieras';return true">
Pauluk Computación</a>

Dificultar copia de página:

Con este recurso sencillo podemos hacer más difícil el acceso al código-fuente o la copia
de imágenes de nuestro sitio. Cuando el visitante haga click con el botón derecho del
mouse, surgirá un mensaje creado previamente por nosotros. Recordemos que a algunas
personas no les gusta este tipo de bloqueo. Nosotros tenemos que decidir si queremos
incluirlo o no en nuestras páginas.

Podemos colocarlo antes de la etiqueta <html> o después de la etiqueta <body>.


<Script language=JavaScript>
function right(e) {
if (navigator.appName == 'Netscape' && (e.which == 3 || e.which == 2)){
alert("Coloca el mensaje aquí.");
return false;
}
else if (navigator.appName == 'Microsoft Internet Explorer' &&
(event.button == 2 || event.button == 3)) {
alert("Coloca el mensaje aquí.");
return false;
}
return true;
}
document.onmousedown=right;
if (document.layers) window.captureEvents(Event.MOUSEDOWN);
window.onmousedown=right;
</script>

Nota: Para evitar este truco, también hay un contratruco, si entrás a una página que tiene
este truco que no te deja copiar imágenes o texto, solo tenés que hacer click con el botón
derecho del mouse sobre la barra de estado y sin soltarlo arrastrarlo hasta la imágen.
Listo, se abrirá el menú como si la página no estuviese bloqueada a la copia. Hay que
tener en cuenta que muy poca gente conoce este truco, por lo tanto podés usar tranquilo
el truco de bloqueo.

Establecer una página como inicio:

Este código html te sirve para crear un link para que el visitante pueda hacer que tu
página sea la de inicio de su computadora. Con solo hacer clic sobre el link creado, tu
página se iniciará automáticamente cada vez que esa persona se conecte a Internet.

<A class=chlnk style="FONT-WEIGHT: bold; CURSOR: hand;


COLOR: #004080; FONT-FAMILY: Verdana" onclick=
"this.style.behavior='url(#default#homepage)';
this.setHomePage('http://www.pauluk.8k.com');">
<FONT face=Arial color=#000000 size=-2><U>
Establecer como página de inicio</U></FONT></A>
Redireccionar una página:

Si tenés una dirección larga y encontraste una nueva mas corta, o tu alojamiento anterior
gratis ahora se hizo pago, con este código podés hacer que cada vez que alguien entre a
tu página vieja, automáticamente se abra en la nueva dirección. Lo único que tenés que
hacer es insertar el siguiente código en el index de tu página vieja:

<HTML>
<HEAD>
<TITLE>Redireccionando rápidamente</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.pauluk.8k.com';
</SCRIPT>
</HEAD>
<BODY>

Códigos de estado HTTP, Soluciones a errores de tu web


Cuando se solicita a tu servidor una página de tu sitio (por ejemplo, cuando un usuario accede
a tu página a través de un navegador o cuando el robot de Google rastrea la página), se muestra
un código de estado de HTTP en respuesta a la solicitud.

Este código de estado proporciona información al robot de Google sobre el sitio y sobre la página
solicitada.

Si tenemos una página web o blog, el saber qué significan esos códigos nos ayudarán a
conocerlos mejor e intentar, si es el caso, solucionar el origen del problema, para que nuestros
lectores o clientes no sufran ninguna mala experiencia, o que los robots de los buscadores
encuentren la información requerida sin penalizarnos.

¿Qué es un código de estado HTTP?


Código de estado HTTP es un valor numérico de tres cifras estandarizado, que representa el
tipo de respuesta que obtiene un usuario cuando accede a cualquiera de nuestras páginas web
a través de un navegador, o cuando un robot de un buscador rastrea las páginas de nuestra
URL esperando respuesta.

Analizaremos los códigos de estado más frecuentes.


Los códigos de estado 1XX (Respuesta provisional)

Códigos de estado que indican una respuesta provisional y requieren que el solicitante realice
una acción para poder continuar.:

 100 (Continue): el navegador puede continuar realizando su petición.


 101 (Switching Protocols): el servidor acepta el cambio de protocolo propuesto por el
mismo navegador, un ejemplo sería un cambio de HTTP 1.0 a HTTP 1.1
 102 (Processing (WebDAV)): aquí el servidor está procesando la petición del navegador
pero aun no ha terminado (evitando que el navegador piense que la petición se ha
perdido cuando no es recibida ninguna respuesta).
 103 (Checkpoint): se va a reanudar una petición POST o PUT que fue abortada.

Los códigos de estado 2XX (Correcto)

Nos indican que la petición del navegador se ha recibido, procesado y respondido


correctamente:

 200 (Ok): indica que la petición del navegador se ha completado con éxito.
 201 (Created): indica que la petición del navegador se ha completado con éxito y como
resultado, se ha creado un nuevo recurso.
 202 (Accepted): aquí la petición del servidor se ha aceptado y se está procesando en
estos momentos, por lo que todavía no hay respuesta alguna.
 203 (Non-Authoritative Information): la petición se ha completado con éxito, pero su
contenido no se ha obtenido de la fuente originalmente solicitada, más bien de otro
servidor.
 204 (No Content): en este caso la petición se ha completado con éxito pero su respuesta
no tienen ningún contenido.
 205 (Reset Content): la petición se ha completado con éxito, pero su respuesta no tiene
contenidos y además, el navegador tiene que inicializar la página desde la que se realizó
la petición.
 206 (Partial Content): la respuesta de esta petición sólo tiene parte de los contenidos,
tal y como lo solicitó el mismo navegador.
 207 (Multi-Status (WebDAV)): la respuesta consiste en un archivo XML que tiene en su
interior varias respuestas y diferentes.
 208 (Already Reported (WebDAV)): aquí el listado de elementos DAV ya se notificó
previamente.

Los códigos de estado 3XX (Redirigido)

Son los que nos indican que el navegador debe realizar alguna acción adicional para que la
petición se complete.
 300 (Multiple Choices): existe más de una variante para el recurso solicitado por el
mismo navegador.
 301 (Moved Permanently): aquí el recurso solicitado por el navegador se encuentra en
otro lugar y este cambio es permanente (este recurso es muy bueno para sitios SEO).
 302 (Moved Temporarily): el recurso solicitado por el navegador se encuentra en otro
lugar, aunque sólo por un tiempo limitado. El mismo navegador es redirigido en forma
automática a la nueva localización de ese recurso.
 303 (See Other): el recurso por el navegador se encuentra en otro lugar. Así, el servidor
no redirige automáticamente al navegador, pero le indica que la nueval URI en la que
puede obtener el recurso.
 304 (Not Modified): en este caso cuando el navegador pregunta si un recurso ha
cambiado desde la última vez que se solicitó el servidor responde con este código cuando
el recurso no ha cambiado.
 305 (Use Proxy): el recurso solicitado por el navegador debe obtenerse por medio del
proxy cuya dirección en la cabecera Location de esta misma respuesta.
 306 (Switch Proxy): este código lo utilizamos en las versiones que son antiguas de
HTTP pero ya no se usa.
 307 (Temporary Redirect): el recurso solicitado por el navegador se puede obtener de
un lugar diferente, pero sólo para esta petición. Las próximas peticiones pueden seguir
utilizando la localización original del recurso.
 308 (Permanent Redirect): el recurso solicitado por el mismo navegador se encuentra
en otro lugar y este cambio es permanente. Pero a diferencia del código 301, no se
permite cambiar el método HTTP para la nueva petición.

Los códigos de estado 4XX (Error de solicitud)

Nos indican que se ha producido un error cuyo responsable es el navegador:

 400 (Bad Request): aquí el servidor no es capaz de entender la petición del navegador
porque su sintaxis no es correcta.
 401 (Unauthorized): el recurso solicitado por el navegador requiere de autenticación. La
respuesta incluye una cabecera de tipo WWW-Authenticate para que el navegador pueda
iniciar el proceso de autenticación.
 402 (Payment Required): este código está reservado para usos futuros.
 403 (Forbidden): la petición del navegador es correcta, pero el servidor no puede
responder con el recurso solicitado porque se ha denegado el acceso.
 404 (Not Found): el servidor no puede encontrar el recurso solicitado por el navegador
y no es posible determinar si esta ausencia es temporal o permanente.
 405 (Method Not Allowed): el navegador ha utilizado un método (GET, POST, etc.) no
permitido por el servidor para obtener ese recurso.

Los códigos de estado 5XX (Error del servidor)


Estos códigos de estado indican que el servidor ha encontrado un error interno al intentar
procesar la solicitud. Este tipo de errores suelen estar provocados por el servidor, no con la
solicitud.

 500 Error interno. Es un código comúnmente emitido por aplicaciones empotradas en


servidores web, mismas que generan contenido dinámicamente, por ejemplo
aplicaciones montadas en IIS o Tomcat, cuando se encuentran con situaciones de error
ajenas a la naturaleza del servidor web.
 501 No implementado
 502 Pasarela incorrecta
 503 Servicio no disponible
 504 Tiempo de espera de la pasarela agotado
 505 Versión de HTTP no soportada
 506 Variante también negocia (RFC 2295)
 507 Almacenamiento insuficiente (WebDAV - RFC 4918)
 509 Límite de ancho de banda excedido. Este código de estatus, a pesar de ser
utilizado por muchos servidores, no es oficial.
 510 No extendido (RFC 2774)

Visualización de Errores de Rastreo: códigos de estado


HTTP
De una forma sencilla, sin necesidad de utilizar ninguna herramienta SEO de pago, podemos
visualizar los errores que presenta nuestra web (códigos de estado) a través de la
herramienta Google Webmaster Tools.

Sólo tenemos que abrir la herramienta, entrar en nuestra cuenta, y pulsar en el menú
lateral “Rastreo“ para que se abra un desplegable. Cliqueamos “Errores de rastreo” para que
Google nos muestre los distintos errores que ha presentado nuestra página cuando el robot de
Google la ha rastreado.

Enviar un e-mail con Asunto y Mensaje:

Con este truco podés hacer que al hacer clic sobre una palabra, se abra el Outlook para
enviar un mensaje con tu dirección, el asunto que quieras y el texto que quieras. Por
ejemplo: Hacé clic acá para mandarme un mensaje
<a href="mailto:pauluk@argentina.com?subject=Prueba.&body=Estoy probando el
truco...">Hacé clic acá para mandarme un mensaje</a>

Abrir un Link en una Ventana Nueva:

Cuando tenemos Links en nuestras páginas y alguien hace clic sobre ellos,
automáticamente se abre esa dirección en nuestra ventana. Con este truco podemos
hacer que al hacer clic sobre un determinado Link, esta dirección se abra en una ventana
nueva, quedando la nuestra también abierta:

<a href="http://www.pauluk.8k.com" target="_blank">Pauluk Computación</a>