
Cuanto más popular es una web más posibilidades hay de atraer visitantes molestos, como spammers. Es inevitable, pero se puede hacer algo al respecto. El método más sencillo es banear la dirección IP de ese usuario, aunque no es un método infalible en el 90% de los casos será suficiente. Lo que haremos será, a partir de una dirección IP, bloquear el acceso de ese usuario a nuestras páginas.

Antes que nada necesitaremos la IP, para ello usaremos el siguiente código:

```php
<?php $ip = $_SERVER['REMOTE_ADDR']; ?>
```

Luego pondremos dentro de un vector (array) las direcciones que queremos bloquear:

```php
$ips_baneadas = array('10.0.0.1',’192.0.0.1’);
```

$contador = count($ips_baneadas);

Ahora comprobaremos mediante un bucle si el IP del usuario está dentro del array de IP's baneadas:

```php
for ($i=0; $i<$contador; $i++) { 
  if($ip == $ips_baneadas[$i]) {
  die("Lo sentimos, estas baneado . $ip");
  }
} ?>
```

Otros usos para este script: también podemos usar este script si sólo queremos que un determinado usuario con un cierto IP acceda a una página concreta.


Útil script para bloquear el acceso de una dirección IP a nuestras páginas

Banear IP con PHP

banear-ip-con-php


Desde hace ya unos años se hizo muy popular en algunas webs creadas con PHP poner al final de la página el tiempo total que el servidor tardó en interpretar y procesar la archivo antes de enviarlo al navegador del usuario. El dato no aporta demasiada información útil para un visitante, pero es curioso lo aceptado que ha sido para muchos webmasters poner una frase del tipo "La página fue generada en XX segundos/milisegundos" en el pie de sus páginas.

El código para realizar este contador es muy sencillo. Veamos antes los pasos que seguiremos:

1.  Necesitaremos saber el instante de tiempo actual como referencia, para ello utilizaremos la función [microtime()](http://www.php.net/manual/en/function.microtime.php).
2.  Usaremos la función [explode()](http://ww.php.net/manual/en/function.explode.php) para pasar el valor dado por microtime a un vector (array).
3.  Sumaremos las dos partes del array (los micro-segundos con los segundos).
4.  Repetiremos los pasos 1,2 y 3 en el pie de página.
5.  Encontraremos el tiempo total de carga restando el tiempo final obtenido al final de página con el tiempo inicial del paso 1.
6.  Redondearemos y enviaremos el resultado al navegador.

El código es el siguiente:  
Esta parte irá en las primeras lineas del archivo .php que queremos evaluar.

```php
<? 
$t_tiempo = explode(" ",microtime()); 
$t_tiempo = $t_tiempo[0] + $t_tiempo[1]; 
$tiempoinicial = $t_tiempo; 
?>
```

Esta otra parte irá en las últimas lineas del mismo archivo.

```php
<? 
$redondear = 3; // numero de decimales a redondear. 
$t_tiempo = explode(" ",microtime()); 
$t_tiempo = $t_tiempo[0] + $t_tiempo[1]; 
$tiempofinal = $t_tiempo; 
$totaltime = ($tiempofinal - $tiempoinicial); 

echo "La página se ha cargado en :". redondear($totaltime,$redondear) ." segundos"; 
?>
```

Así de sencillo!


Sencillo script para contar el tiempo que tarda PHP en procesar un archivo para luego mostrarlo en el navegador

Tiempo de carga de una página web

tiempo-de-carga-de-una-pagina-web


Con este tutorial sobre AJAX comprobaremos lo fácil que es actualizar el contenido de una página web en tiempo real sin que un usuario tenga que actualizar el navegador.

La idea es muy simple, javascript se encarga de llamar remotamente a un archivo, ejecutarlo para luego extraer la información y mostrarla en nuestra página de forma transparente para el usuario.

El archivo a llamar puede contener la información que queráis por ejemplo puede ser un contador de usuarios online. Para simplificar y ver cómo funcionará el resultado de este tutorial os recomiendo crear un archivo llamado _ajax.php_, ponemos un número cualquiera (en un caso real el archivo ajax.php contendría el código para contar los usuarios online) y guardaremos el archivo.

Ahora creamos un archivo llamado _codigo.php_ con este código:

```js
var RequestObject = false;
//directorio donde tenemos el archivo ajax.php
var Archivo = 'http://localhost/ajax.php';

// el tiempo X que tardará en actualizarse
window.setInterval("actualizacion_reloj()", 2000);

if (window.XMLHttpRequest) RequestObject = new XMLHttpRequest();
if (window.ActiveXObject) RequestObject = new ActiveXObject("Microsoft.XMLHTTP");

function ReqChange() {
  // Si se ha recibido la información correctamente
  if (RequestObject.readyState==4) {
  // si la información es válida
    if (RequestObject.responseText.indexOf('invalid') == -1) {
    // Buscamos la div con id online
      document.getElementById("online").innerHTML = RequestObject.responseText;
    } else {
    // Por si hay algun error document.getElementById("online").innerHTML = "Error llamando";
    }
  }
}
```

```js
function llamadaAjax() {
  // Mensaje a mostrar mientras se obtiene la información remota...
  document.getElementById("online").innerHTML = "";
  // Preparamos la obtención de datos
  RequestObject.open("GET", Archivo+"?"+Math.random() , true);
  RequestObject.onreadystatechange = ReqChange;
  // Enviamos
  RequestObject.send(null);
  }

  function actualizacion_reloj() {
  llamadaAjax();
}
```

Usuarios Online
---

Resumiendo, el contenido del archivo _ajax.php_ se cargará dentro de la etiqueta div con id online del archivo _código.php_ . Este sencillo ejemplo es la base para crear muchas otras utilidades interactivas más complejas.

* Atención: En algunos navegadores como IE8 cachea las llamadas por el método GET, es por esto que en la función llamadaAjax(), al llamar el archivo ajax.php le pasamos como parámetro un valor diferente cada vez para que crea que es otro archivo. Este método no es nada elegante. Porque aunque es difícil, se podría repetir el valor aleatorio. Para solucionar esto lo mejor es que el archivo que se llama en este caso ajax.php contenga en la cabecera alguna instrucción que deshabilite la cache:

```php
<?
 header("Cache-Control: no-cache");
 header("Pragma: no-cache");
?>
```

Estas instrucciones deben ponerse arriba del todo del archivo php que llamemos.

Por último, decir que este método es el que se usaría con javascript puro solamente. Hoy día es recomendable utilizar frameworks como JQuery que nos ahorran mucho código y facilitan hacer llamadas remotas.


Tutorial indispensable que sirve como punto de partida para hacer llamamientos a archivos remotos en tiempo real sin que el usuario tenga que actualizar el navegador

Actualizar el contenido en tiempo real con AJAX

actualizar-el-contenido-en-tiempo-real-con-ajax


A veces cuando reestructuramos nuestras webs también modificamos las url de nuestro contenido. Muchas veces esas url estarán indexadas en los buscadores y al cambiarlas todo ese tráfico lo podemos perder. Por eso vamos a ver algunas de las técnicas más usadas para redireccionar ese tráfico a donde nosotros queramos.

**Técnica 1 - Página de Error Personalizada**

Podemos crear una página de error, para cuando los usuarios accedan a las antiguas direcciones se encuentren con estas páginas de error.

Inconvenientes:

1. Perderás posiciones en los principales buscadores porque trataran las páginas como si fueran una página inexistente. Y por lo tanto deberemos esperar mucho tiempo a que el buscador vuelva a encontrar la página en la nueva url.

2. Los visitantes de tu web deberán investigar dónde se encuentra el contenido que ellos estaban buscando, haciéndoles perder la paciencia y salir de tu sitio.

**Técnica 2 - META REFRESH**

Un meta refresh se puede implementar entre los tags <head> de tu código en una página en blanco nombrada como la página antigua, que automáticamente redireccionará a tus visitantes en una nueva página. Ejemplo:

```html
<HEAD>   
<META HTTP-EQUIV="refresh" content="0;URL=http://www.webtutoriales.com/tutoriales">   
<TITLE>La página ha cambiado de dirección </TITLE>   
</HEAD>
```
  
Por culpa de malos usos de los spammers no recomendamos especialmente esta técnica para redireccionamiento de urls. Sin embargo la podemos usar para páginas que no estaban indexadas.  
  
**Técnica 3 - 301 Redirect**  
  
Un "301 redirect" es la forma más eficiente y eficaz para redireccionar urls. De echo es la opción que más recomiendan los buscadores. Esta técnica es prácticamente transparente al usuario (sólo puede ver el cambio de url en la barra de direcciones de su navegador), y además es el método más rápido.  
  
Este tipo de redirección se implementa en un archivo .htaccess.  
  
Cuando un visitante pide una página que se encuentra en un directorio concreto, el servidor Apache lo primero que hace es comprobar si hay un archivo .htaccess en ese directorio. Éste archivo contiene información específica sobre cómo manejar errores, opciones de seguridad y de redireccionamiento entre otras.  
  
El código 301 se interpreta en el servidor como "movido permanentemente". Antes que nada necesitarás un archivo **.htaccess** en el directorio donde estan alojadas todas las páginas. Puedes crear uno con el bloc de notas si no existe. Nota: Fíjate en poner un "." al principio del nombre de archivo. Este archivo no tiene extensión.  
  
El código de redireccionamiento es así:  

```
redirect 301 /tutoriales/viejo.htm http://www.webtutoriales.com.com/tutoriales/nuevo.htm
```

Así de simple, guarda el archivo y súbelo al servidor. Para probarlo deberías acceder a la dirección vieja y instantáneamente serás redireccionado a la nueva. Te recordamos que debes poner la ruta completa de la nueva página (siempre empezando con "http://...") tal y como está en nuestro ejemplo.  
  
```
redirect 301 (instrucción que nos dice que la página se ha movido)
```
  
/tutoriales/viejo.htm (la ruta del directorio original y el antiguo nombre de archivo)  
  
http://www.webtutoriales.com.com/tutoriales/nuevo.htm  (nueva ruta y archivo dónde seremos redireccionados)  
  
**Redireccionar sitios completos con 301**  
  
La directiva 301 es una herramienta muy potente. También es posible redireccionar sitios completos. Por ejemplo:  

```
redirect 301 / http://www.domain.com/  
```
  
Supongamos que guardamos esta directiva en el .htaccess del servidor donde se aloja webtutoriales.com. El primer "/" indicaría que cualquier aceso a webtutoriales.com sería automáticamente redireccionado a domain.com


Redireccionar tus páginas viejas con .htaccess para no perder el tráfico de los buscadores

Redireccionar

redireccionar


El crecimiento explosivo en el uso de los sistemas de información y de Internet para todo tipo negocios ha impulsado el sector de servicios de hosting. En este tutorial podrás encontrar información útil sobre algunas de las consideraciones a tener en cuenta para escojer un servicio de hosting adecuado.

El precio de hosting para páginas web puede variar muchísimo en la red. Opciones como la capacidad del disco, ancho de banda, panel de control y sistema operativo entre otras determinan los requisitos para tu sitio.

**1) Tamaño, Escalabilidad y Espacio de Disco**  
¿El contenido de tu web crecerá en el tiempo o sólo necesitas publicar un tipo de contenido que expirará en el futuro?

- El sitio de una empresa con menos de 20 páginas con imágenes de poco peso, con un disco de 60MB habría suficiente.
- Si lo que buscas es publicar un sitio con muchas imagenes, archivos de música o videos considera una cuenta de hosting con un disco de unos 500MB para empezar.
- Para un sitio personal pequeño (cómo un blog con poca cantidad de imagenes), con 40MB ya estaría bien para empezar.
- En cambio, si se trata de alojar una web que necesita publicar mucha información, ofrecer servicios públicos o de intranet, considera escoger un server dedicado.
- Si por el contrario estás creando una startup que en cualquier momento puede dispararse el tráfico de forma ingente, existen servicios de hosting basados en la escalabilidad como Amazon EC2 que sólo pagas lo que consumes.

Actualmente, muchos proveedores de hosting ofrecen servicios que exceden el requisito de espacio de disco estándar. Aunque cómo más mejor, no siempre es necesario. El espacio de disco se puede ampliar más adelante si en un momento dado nos quedamos sin él.

Por eso recomendamos que se considere una empresa de hosting que pueda responder ante un crecimiento de tus webs y negocios, de forma que no se nos vuelva en contra en el futuro.

**2) Plataforma y Requisitos Hardware.**  
Actualmente en el mundo del hosting rigen dos tipos de servidores web por excelencia (aunque por supuesto hay más, estos son los más utilizados): Apache Web Server y Windows Server. La elección de uno de estos determinará que sistema operativo deberemos utilizar. Por ejemplo, Apache web server es compatible tanto con Linux como con Windows, pero si queremos un rendimiento óptimo será mejor utilizar el primero.

También es importante considerar la memoria RAM que se instalará en cada server, pues será muy importante según el trafico que tengamos y afectará directamente al rendimiento del servidor cuando haya muchos usuarios online concurrentemente. Por ejemplo en este sitio de [fuentes](http://www.fontreactor.com) se tuvo que instalar más RAM debido al servicio gratuito de previsualización de tipos de letra porque el servidor se ahogaba y acababa colgándose.

Sea cual sea la plataforma que escojas, determina cuáles son los objetivos de tu web. Basándote en estos requisitos, determina la compatibilidad con la aplicación o lenguaje de programación que deseas usar. Cuando tengas todos estos elementos en mente podrás decidir fácilmente que plataforma es la más adecuada para tu negocio.

**3) Cuentas de Correo**  
Recomendamos que el proveedor de hosting ofrezca cuentas de email con acceso mediante web y con POP3. Las mejores son esas con panel de control. Generalmente, deberías tener almenos 5 cuentas para cada 3 usuarios. Bastantes empresas ofrecen cuentas de email ilimitadas, obviamente cuanto mayor sea el plan de hosting mayor facilidades nos darán. Servicios como auto respuesta, aliases, y redireccionamiento de email es muy común.

**4) Software y Servicios**  
Un buen hosting deberá usar medidas de seguridad así como estabilidad en el tiempo de servicio online. Algunas de las características que ofrecen y que son imporantes a tener en cuenta son las que siguen.

**a) Base de datos**  
Determina los requisitos de tus proyectos y decide si se necesita una base de datos. Si quieres guardar muchas transacciones, una base de datos puede ayudar muchísimo. MS Access, MySQL y MS SQL son algunas de las más comunes hoy en día.

**b) Lenguaje de Scripting**  
Es importante saber si el hosting que contratarás tiene soporte para lenguajes de programación que usarás para tus sitios, para no llevarnos un disgusto más adelante. Aunque, por ejemplo, el lenguaje asp (Microsoft® Active Server Pages) además de en Windows también se puede utilizar en Linux® o Unix®, es recomendable utilizar el primer sistema operativo, y al revés si por ejemplo usamos el lenguaje PHP.

**c) Cuentas FTP**  
El protocolo de transferencia de archivos (file transfer protocol) es el método por excelencia para subir y bajar archivos a nuestra cuenta de hosting.

**d) Analizador del log de Accesos**  
Es preferible que el proveedor de hosting nos facilite algun software para analizar los logs de nuestras webs, de forma que podamos ver todas las estadísticas que genera (visitantes, ancho de banda usado, y un largo etc).

**e) Panel de Control**  
El panel de control es un servicio que nos facilita la empresa de hosting para ayudarnos a administrar nuestra cuenta eficientemente. Es una herramienta muy útil para hacer las tareas rápidamente y dinámicamente.

**f) Opciones para Ecommerce**  
Si queremos vender un producto en la red, deberemos encontrar un proveedor de hosting que ofrezca una selección de características ecommerce y servicios para procesar los pagos. Algunas de las características a tener en cuenta son los carritos de compra y SSL (secure socket layer) para hacer nuestras transacciones con targetas de crédito más seguras.

**g) Componentes**  
Muchas veces necesitaremos que en nuestro servidor se instalen nuevos componentes para añadir nuevas funcionalidades a nuestras webs. Por ejemplo, si queremos generar imágenes dinámicamente y nuestro servidor linux no tiene la librería necesaria (GD), es recomendable tener un servidor que ofrezca el soporte necesario para instalar este componente.

**h) Coste**
Comprueba los planes de hosting atentamente. Algunas opciones de hosting son opcionales. Ten en cuenta que puedes ahorrar algun dinero si pagas por adelantado tu hosting por ejemplo en un año. También es imporante notar que el precio de alojamiento compartido (compartir recursos del sistema con otros clientes) varia mucho del alojamiento dedicado (servidor propio).

Con estos puntos básicos esperamos que te hayas echo una idea de lo importante a tener en cuenta de una forma general. Buena suerte en tu búsqueda!


Información sobre los puntos más necesarios a tener en cuenta para escoger un servicio hosting a medida

Escoger un alojamiento web adecuado para nuestro sitio

escoger-un-alojamiento-web-adecuado-para-nuestro-sitio


Supongamos que tenemos un directorio con miles de enlaces. Sería conveniente repasar cada cierto tiempo los links del directorio para no mostrar las webs que ya no existen o se han movido, etc.

Para ello podemos usar la función fsockopen() de PHP. Ejemplo:

```php
<?php

if(!(@fsockopen("google.com", 80, $errno, $errstr, 20))) 
{
  echo "La url google.com no funciona<br />";
}
?>
```

La función fsockopen permite iniciar una conexión socket (concepto por el cual dos programas se intercambian información). El primer parámetro es la dirección URL, el segundo el puerto, los dos siguientes son para errores estándares de PHP y finalmente el último, es el tiempo de vida máximo que se le dará a cada conexión.


Script para comprobar si una web está online

Comprobar si una url existe

comprobar-si-una-url-existe


Tienes un sitio que funciona perfectamente. Lo has testeado con diferentes navegadores bajo múltiples resoluciones, el HTML sigue los estandares marcados por la W3C y el CSS es impecable.

Incluso cumpliendo todo lo anterior, a veces olvidamos que hay más dispositivos que la pantalla, como el caso de la impresora.

**¿Porqué es importante?**

Como más texto contenga su sitio, más razón habrá para pensar en las impresoras. Mucha gente prefiere imprimir muchas páginas en vez de leerlas directamente en el monitor. De esta forma es mucho más fácil y cómodo.

Dándole a los usuarios la posibilidad de imprimir las páginas estás haciendo tu sitio mucho más usable. Al mismo tiempo, estas animando a la gente a hablar de tu sitio a otra gente.

**¿Cómo hacerlo?**

Tener un sitio con versiones imprimibles de los contenidos se puede hacer de muchas formas distintas. Una forma recomendada es usando CSS. Aunque no lo soportan los navegadores antiguos, CSS es una buena elección porque elimina la necesidad de crear versiones de páginas imprimibles diferentes de las páginas corrientes. La misma página puede tener un estilo para los navegadores y otro para las impresoras!

Vamos a empezar, abrimos el Bloc de Notas y empezamos creando un nuevo archivo CSS.

**Modificando el diseño...**

El primer paso es eliminar todo lo superfluo en una versión imprimible de una página. Anuncios publicitarios, menus de navegación, y todos los graficos innecesarios. Empezemos definimiendo la primera clase CSS en el nuevo archivo que acabamos de crear.

```css
.borrar {
  display: none;
}
```

Seguidamente debemos pensar sobre el ancho de la página. Si tus páginas son demasiado anchas, lógicamente no cabrán en el papel. Los problemas con el ancho de una página suelen ocurrir porque contienen tablas con tamaño fijo. La solución es usar porcentajes en vez de tamaños fijos o simplemente asegurarse que el tamaño fijo no es demasiado ancho. Para que las páginas se impriman correctamente, deberían tener una ancho de unos 600 píxeles.

Como el codigo CSS sobreescribe al HTML, es fácil cambiar el ancho de las tablas. Por ejemplo, definiendo un ancho relativo de 100% se puede hacer con la siguiente clase:

```css
.ancho { 
  width: 100%;
}
```

**...y no olvides los detalles!**  
Tu próxima preocupación es la fuente.La que usas para mostrar en la pantalla puede no ser la mejor para leer en el papel. Fuentes Sans-serif, como Arial, Verdana, Helvetica son consideradas perfectas para leer en la web. Por otro lado, en el papel es recomendado usar fuentes como Times New Roman.

Además del estilo de fuente, será necesario considerar el tamaño. La fuente ha de ser lo suficientemente larga como para pueda ser leída en condiciones. Nunca demasiado grande ya que ocuparía demasiado espacio. El tamaño óptimo recomendado está entre 12 y 14 (puntos).

Considera configurar el color de fondo de color blanco y el texto de color negro con CSS. Algunas impresoras imprimen fondos con imagenes y colores, lo que significa un gasto de tinta excesivo en algunos casos. Algo aún peor es que el texto y el fondo sean de colores parecidos, algo que hace el texto imposible de leer.

En este caso en vez de usar una clase definida por nosotros, es normalmente más cómodo cambiar el modo en que se muestra el texto dentro de la etiqueta html, BODY. Configurando la fuente de color negro a 12 puntos, la fuente Times New Roman y el fondo blanco se puede hacer de la siguiente forma:

```css
body { 
  background-color: white; 
  font-family: "Times New Roman", Times, serif;
  font-size: 12pt; 
  color: black;
}
```

**El toque final**

Después de crear la hoja de estilos hay que enlazarlo con los archivos HTML. Para hacer esto, simplemente copia el siguiente código entre las etiquetas <header> y </header>

```html
<link rel="styleSheet" href="http://www.mydomain.com/styles.css" type="text/css" media="print">
```

Ahora lo que hay que hacer es poner las clases CSS que hemos creado en el lugar apropiado de nuestros archivos HTML.


Aprende cómo configurar tu sitio para que se puede imprimir correctamente sobre papel

Preparando páginas para impresión

preparando-paginas-para-impresion


Con tantas resoluciones distintas (640x480, 800x600, 1024x768, etc.), navegadores (Internet Explorer, Netscape, etc.),  
i plataformas (Windows, Mac, etc.), es muy complicado diseñar una página que se vea bien en todas estas configuraciones.

Para diseñar una página que encaje en todas las configuraciones empezemos por definir el primer objetivo: nunca debemos forzar a un usuario a usar la barra de desplazamiento (el scroll) horizontalmente. En otras palabras, nuestra página siempre debe de caber en la resolución en la cual es vista. Esto puede sugerir que tenemos que diseñar nuestra página para el mínimo denominador común, es decir para la resolución 640x480, pero, generalmente, menos de un 1% de los usuarios de Internet utilizan esta resolución considerada arcaica (era común cuando se vendían las pantallas de 14" años atrás).

Podemos tomar la desición de ignorar esta resolución (forzar a un 99% de los usuarios a leer a esta baja resolución para acomodar al 1% restante no sería nada eficiente) y dedicarnos a resoluciones a partir de 800x600. Teniendo en cuenta que a la hora de escribir este artículo la resolución más extendida es ésta, debemos optimizar nuestra página al máximo para 800x600.

Ahora viene otra pregunta, deberíamos diseñar una página con tamaño fijo o deberíamos especificar el ancho de la página en términos de porcentajes?

Hay pros y contras para los dos métodos. La principal ventaja del diseño a tamaño fijo es que la disposición siempre quedará como tenías previsto (no sufrirá cambios), incluso vista en resoluciones superiores. La principal desventaja es que los usuarios con tamaños de pantalla mayores, con resoluciones más altas, verán el diseño pequeño y con muchos espacios vacíos alrededor de la página.

La ventaja de establecer el ancho de la página en términos de porcentaje (por ejemplo a 100%) es que la página se ajustará ella misma a la resolución de cada pantalla. El principal beneficio de este método es que no habrá espacios vacios y toda la pantalla será utilizada. La desventaja es que los usuarios con resoluciones de pantalla inferiores podrán sentirse molestos al leer frases extremadamente largas en un reducido espacio.

Si decides utilizar el tamaño fijo de 800x600, debes tener en cuenta que no todos los 800 píxeles de ancho los podrás usar para la web puesto que algunos los usarán los navegadores para la barra de scroll. Para acomodarse en la mayoría de navegadores, especifica el ancho de tu página entorno a 750 píxeles.

Si por el contrario decides especificar tu ancho de página en términos de porcentaje (100%) no tendrás ese problema. Sólo revisa que se ve aceptablemente en resoluciones superiores.


En este tutorial se discute los parámetros a tener en cuenta a la hora de decidirse por la resolución que deben tener nuestras páginas web.

El dilema del ancho de una página

el-dilema-del-ancho-de-una-pagina


Un mapa de caracteres ASCII es simplemente una manera de mantener todos los caracteres imprimibles o mostrados por pantalla en una lista. Todos los ordenadores guardan la información como conjuntos de 1 y 0 (bits), no como los caracteres que nosotros vemos. Un grupo de 8 bits hacen un byte, 4 bits hacen un nibble y dos nibbles hacen un byte.

De esta forma en 8 bits podemos representar números desde 0 hasta 255, a cada valor la máquina le asigna un carácter. Veamos algun ejemplo:

- el número 32 representa un espacio
- del número 48 hasta el 57 son los números naturales desde el **0** hasta el **9**
- del 65 hasta el 90 son letras de **A** hasta la **Z** en mayúsculas
- de 97 hasta 122 son letras de **a** hasta la **z** en minúsculas

Este método de ordenación se usa como estándard para que de alguna manera todos los ordenadores funcionen de la misma forma a la hora de trabajar con caracteres.

**Los caracteres no aparecen igual en todos los ordenadores**

Para poder controlar exactamente qué caracteres se muestran en cada código HTML, es necesario especificarlo en el header del documento. Ya que hay distintos tipos de carácteres ASCII dependiendo del idioma. Por ejemplo para representar el idioma Chino será necesario muchos más carácteres que para representar el Inglés. Vemos un ejemplo (mapa ascii recomendado para los europeos):

`<META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">`

**La necesidad de un mapa de caracteres ASCII**

Para mostrar algunos caracteres especiales en HTML podemos escribir, por ejemplo:

`&lt; &amp; &gt; &copy;`

Y en el navegador aparecerá

`< & > ©`

![Tabla ASCII](2004/12/content_tabla_ascii.gif)

Ahora en vez de usar estos códigos especiales usaremos la notación ASCII.

`&#60; &#38; &#62; &#169;`

`< & > ©`

Teniendo un mapa como este puede ayudarnos cuando necesitamos saber qué número hace qué caracter.

**Cómo usar este mapa**

Si quieres escribir un caracter de la tabla ascii puedes pulsar la tecla ALT + el número en DECIMAL, por ejemplo: si pulsas la combinación de teclas ALT+126 se escribirá el caracter **~**


¿Qué es el código ASCII (american standard code for information interchange)? Identifica sus códigos mediante los mapas de caracteres. Tabla ascii.

Todos los artículos