martes, 31 de marzo de 2015

HACER UNA PAGINA WEB

La construcción de la página web parece complicada pero en realidad si se conocen las etiquetas básicas y el orden en que aparecen, solo es necesario ir copiando de una a otra, sustituyendo las fotos, los colores y los textos. Primero una breve explicación de lo que significa cada cosa y después las pondremos en nuestra página modelo, tal y como aparecen. 

DOCTYPE

No es obligatoria, pero ayuda a la correcta interpretación de la página. Marca el estandar del lenguaje que se va a utilizar y encabeza todo. 

Hay tres posibilidades, en la primera, el HTML exige html estricto, la segunda admite combinar sistemas y la tercera se usa cuando se van a usar frames y FRAMESET sustituye a BODY. 






CÓDIGO:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.O//EN">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.O Transitional//EN">

<!DOCTYPE HTML PUBLIC
 "-//W3C//DTD HTML 4.O Frameset//EN">HTML

Obligatoria, es el lenguaje que vamos a usar y abre la página si no se pone la anterior.
Dentro del HEAD van:
    TÍTULO

    Obligatorio, nombre de la página, es importante porque aparecerá en la pestaña, va introducido por la etiqueta title.

    METATAGS

    Son las características de la página que van a rastrear los buscadores. Son muy importantes para la difusión de la página ya que se usan además para incorporar información técnica que usan los navegadores como el grupo de caracteres usado, el tiempo de expiración del contenido, si lo hay, la posibilidad de dejar la página oculta y calificar su contenido. 
CÓDIGO:
1._ Título de la Web: <meta name='title' content='url-de-la-web' />

2._ Identificación del autor y la licencia que se use:
<meta name='author' content='Nombre autor' />
<meta name='owner' content='Nombre autor' />
<meta name='copyright' content=Copyright del contenido' />

3._ Idioma y códigos de los caracteres propios: 

<meta http-equiv='content-language' content='Spanish' />
<meta name='language' content='es' />
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
CHARSET 

Con este atributo se fija el conjunto de caracteres de la página, el navegador al recibier esta etiqueta META ordenará al sistema operativo cargar los caracteres de escritura necesarios para que se vea bien la página. Si no los tiene instalados generará una ventana de aviso para su descarga.
[code] <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />[/code]

Aunque para el castellano debemos poner: "charset=ISO-8859-1", para no tener problemas con las eñes o los acentos a veces es necesario cambiarlo por este "charset=utf-8"

4._ Distribución del contenido de la web es global, regional, privado...

<meta name='distribution' content='global' />
6._ Edad del publico al que va dirigido: general / mature / restricted

<meta name='rating' content='General' />
7._ Robots: Autorización a los motores de búsqueda para indexar la información y publicitar los enlaces de la página web. Si no se prohibe, se indexa por defecto.

Indexación total.
<meta name='robots' content='index,follow' />
<meta name='robots' content='all'/>
Indexación parcial.

<meta name='robots' content='index,nofollow' /> (Se indexa la página, no los enlaces)
<meta name='robots' content='noindex,follow' /> (Se indexan los enlaces, no la página)

Si no se quiere indexar.
<meta name='robots' content='noindex,nofollow' />
<meta name='robots' content='none'/>
8._ Meta para hacer compatible el Chrome con el Internet Explorer 

<meta content='chrome=1' http-equiv='X-UA-Compatible'/>

9._ Esta le dice a los robots cada cuanto tiempo se actualiza la web para que la revisen:
<meta name='revisit-after' content='1 day' />
<meta name='revisit-after' content='7 days' />



COMENTARIOS GOOGLE+

Suscríbete vía email ¡gracias!:

Delivered by FeedBurner