MAPAS DE SITIO

MAPAS DE SITIO

Un mapa de sitio web (o mapa de sitio o mapa web) es una lista de las páginas de un sitio web accesibles por parte de los buscadores y los usuarios. Puede ser tanto un documento en cualquier formato usado como herramienta de planificación para el diseño de una web como una página que lista las páginas de una web (ya realizada), organizadas comúnmente de forma jerárquica. Esto ayuda a los visitantes y a los bots de los motores de búsqueda a hallar las páginas de un sitio web.

Los mapas de sitio pueden mejorar el posicionamiento en buscadores de un sitio, asegurándose que todas sus páginas puedan ser encontradas. Esto es especialmente importante si el sitio usa menús Adobe Flash o JavaScript que incluyan enlaces HTML.

¿Para qué sirve? 

Los mapas del sitio informan a Google acerca de las páginas de tu sitio web que no podríamos detectar de otro modo. Los mapas del sitio XML, que suelen denominarse simplemente "mapas del sitio", son listas que incluyen las páginas que integran los sitios web. La creación y el envío de un mapa del sitio permiten a Google conocer todas las páginas de un sitio, incluidas las URL que los procesos de rastreo habituales de Google podrían no detectar. Ademásg, también se puede utilizar mapas del sitio para proporcionar a Google metadatos acerca de tipos específicos de contenido de tu sitio, como vídeos, imágenes, contenido para móviles y noticias. Por ejemplo, en una entrada de un mapa del sitio de vídeo se puede indicar el tiempo de ejecución, la categoría y la clasificación de un vídeo y en una entrada de un mapa del sitio de imagen se puede proporcionar información acerca del tema, el tipo y la licencia de una imagen. También puedes utilizar un mapa del sitio para proporcionar información adicional sobre tu sitio (por ejemplo, la fecha de su última actualización y la frecuencia con la que espera que se produzcan cambios en la página).

CSS

LENGUAJE CSS

Definición.- Las Hojas de Estilo (o CSS, por Cascading StyleSheets) son un mecanismo que permiten aplicar formato a los documentos escritos en HTML ó XHTML (y en otros lenguajes estructurados, como XML) separando el contenido de las páginas de su apariencia. Para el diseñador, esto significa que la información estará contenida en la página HTML, pero este archivo no debe definir cómo será visualizada esa información, sino la hoja de estilos asociada a él. Las indicaciones acerca de la composición visual del documento estarán especificadas en el archivo de la CSS. 

Sintaxis 

El código CSS es un código escrito con texto, pero también tiene unas normas de escritura, por otra parte bastante lógicas.

En primer lugar, si lo que pretendemos mediante CSS es modificar el estilo de una o varias etiquetas HTML en una página web, deberemos indicar a qué etiqueta o etiquetas afecta la modificación. Esta parte se llama Selector. Para indicar el selector, salvo casos especiales, escribiremos el nombre de la etiqueta o una referencia a ella. Por ejemplo, si en esta parte escribimos h1, el estilo que apliquemos afectará a todas las etiquetas h1 que haya en la página.

Después tendremos que escribir qué es lo que queremos cambiar de ese texto y cómo. Todo ello formará un bloque, que llamaremos declaración. En CSS se emplean los signos { y } para delimitar este bloque;( fíjate bien que son llaves). De momento tenemos lo siguiente:

Ejemplo: h1 { }

Dentro de las llaves escribiremos qué es lo que queremos cambiar y el nuevo valor que le daremos. Se trata de una serie de palabras clave que indican qué es lo que hay que cambiar. Cada una de estas palabras clave es una propiedad. El valor de esta propiedad lo indicamos escribiéndolo después del nombre de la propiedad, del que va separado por el signo de dos puntos (:)

Ejemplo: h1 { font-size : 12px }

En este ejemplo font-size es la propiedad, mientras que 12px es el valor. Como puede observarse ambas están separadas por el signo de dos puntos. Lo que indicamos en este ejemplo es que el tamaño de letra (font-size) será de 12 pixels (12px) para todos los textos que estén encerrados dentro de una etiqueta h1.

Dentro de una misma declaración (signos de llaves) puede haber más de una propiedad con su valor, éstas deben ir separadas por el signo de punto y coma.

Ejemplo: h1 { font-size : 12px; color : blue }

El signo de punto y coma, se puede poner al final de la última propiedad, no es obligatorio, pero resulta conveniente, por si queremos añadir alguna propiedad más.

El lenguaje CSS se basa en este tipo de estructura, que podemos resumir de la siguiente forma:

selector { propiedad : valor; propiedad : valor; }

Ejemplo 

P {

font-size: 12pt;

font-family: arial,helvetica;

font-weight: normal;

}

H1 {

font-size: 36pt;

font-family: verdana,arial;

text-decoration: underline;

text-align : center;

background-color: Teal;

}

BODY {

background-color : #006600;

font-family : arial;

color : White;

}

HTML

LENGUAJE HTML

Definición.- HTML, siglas de HyperText Markup Language («lenguaje de marcado hipertextual»), hace referencia al lenguaje de marcado predominante para la elaboración de páginas web que se utiliza para describir y traducir la estructura y la información en forma de texto, así como para complementar el texto con objetos tales como imágenes. El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir un script (por ejemplo, JavaScript), el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

HTML también sirve para referirse al contenido del tipo de MIME text/html o todavía más ampliamente como un término genérico para el HTML, ya sea en forma descendida del XML (como XHTML 1.0 y posteriores) o en forma descendida directamente de SGML (como HTML 4.01 y anteriores).

Sintaxis 

La forma de escribir una etiqueta básica es <ETIQUETA>; además la gran mayoría de estas se deben "cerrar" de esta manera: </ETIQUETA>.

Los atributos de una etiqueta definen como va a afectar a lo que se encuentre dentro de ella. Existen varios atributos y estos se incluyen de la siguiente manera dentro de una etiqueta: <ETIQUETA ATRIBUTO>. Muchas etiquetas tienen varios atributos que pueden ser utilizados en la etiqueta de la siguiente manera: <ETIQUETA ATRIBUTO1 ATRIBUTO2>. El valor de un atributo dentro de una etiqueta se expresara de la siguiente manera <ETIQUETA ATRIBUTO="VALOR">.

Etiquetas

Las etiquetas más principales o más utilizadas son las siguientes: 

<HTML></HTML> define un documento de HTML.

<HEAD></HEAD> se encuentra toda aquella información no visible sobre la página.

<TITLE></TITLE>Titulo de mi página. 

<BODY><BODY>se encuentra toda aquella información visible en la pantalla del navegador.

<P></p> para indicar un párrafo nuevo.

<B></B> para indicar negritas.

<H1><H1> para indicar un título.

<IMG> para indicar que aquí va una imagen.

<FONT></FONT>  permitirá asignar la fuente, color y tamaño del texto contenido en ella.

<I></I>Esta etiqueta provoca que el texto contenido aparezca en cursivas.

<U></U>Esta etiqueta provoca que el texto contenido en ella aparezca subrayado.

<UL></UL>Esta etiqueta indicara al navegador de que debe crear una lista básica.

<LI><LI>  para definir los elementos de una lista.

<A></A>  es la que da la propiedad de hipertexto a una página HTML.

<TABLE></TABLE>  nos permite crear una tabla.

<TR></TR>  nos permite crear los distintos renglones de nuestra tabla.

<TD></TD> para crear las columnas.