Homilías

Hace un mes comencé a "promocionar" mi blog. La verdad es que se empieza a notar en el número de visitas, comentarios y trackback´s, para los que se encuentren a la busca visitas hacia su blog, aquí van algunos consejitos.

Promocionar mi blog

1. Título de tu blog.
   Pon un título a tu blog, si puedes busca un nombre fácil de recordar, así tus visitantes llegarán de forma más rápida.

2. Alta en Buscadores.
   Debes dar de alta tu página en los buscadores más importantes. Aquí te dejo los enlaces a los más importantes.
      http://dmoz.org/
      http://buscador.ya.com/
      http://www.google.com/intl/es/addurl.html
      http://www.exactseek.com/add.html
      http://beta.search.msn.co.uk/docs/submit.aspx
       http://submit.search.yahoo.com/free/request

3. Alta en los directorios de Blog´s.
      Technorati
      Blo.gs
      Bitacoras.com
      Bitacoras.net
      Blogwise
      Blogarama.com

4. Haz ping a los directorios cuando publiques un post.
   si usas MT, WordPress, puedes añadir algunos sitios en la configuración del blog, en caso de usar otro sistema de bitácoras deberás hacerlo vía Web. También puedes usar Ping´oMatic o el formulario de Bitacoras.net

5.Mantén abierta la comunicación.
   Deja abiertos los comentarios y si tienes posibilidad de trackback también actívalo. La comunicación entre blogs es la base de todo este asunto, permite que tus lectores opinen y comenten.

Esto son algunas ideas que he seguido para promocionar mi blog

*Extraido de Netbur

Como veo que alguno de vosotros estáis interesados en poner música en vuestra página web he aquí como hacerlo

<bgsound src="archivo.mid " loop="infinite">

- El atributo src indica la ruta o ubicación del archivo que te recomiendo que sea en formato midi(*.mid) por eso de la velocidad a la hora de cargar tu página.
- Con el atributo loop estamos indicando cuantas veces se va a repetir nuestro archivo de sonido, con valor 1 lo hace una vez y con valor infinite la toca sin parar.

Como en estos blogs no podéis subir los archivos que queráis os recomiendo usar el espacio gratuito que los proovedores de internet suelen obsequiar con la conexión, entonces poner el src="http://www.mi-espacio-usuarios.com/archivos/sonido.mid"

Esta etiqueta no funciona para poner música en estos blogs, así que lo que podéis hacer es usar un apaño que solo funciona con explorer  que Romántico y Soñador explica en su blog.

Para dar formato al texto de nuestras páginas web podemos usar varias etiquetas.

Estas son algunas de las etiquetas más comunes:

Negrita   -> <b>     Texto en negrita
Cursiva   -> <i>      Texto en cursiva
Subrayado -> <u>   Texto en subrayado

Siempre que abrimos estas etiquetas debemos cerrarla, <b>Texto</b>, <i>Texto</i>, <u>Texto</u>.

El uso de imágenes en cualquier Página Web es algo básico.  La etiqueta que se usa para crear imágenes es <img/>. El formato es el siguiente:

<img src="imagen.gif"/>

- El atributo src indica la ruta o ubicación de la imágen. Si el archivo se encuentra en el mismo directorio escribiremos tal cual el nombre del archivo. Si se encuentra en otra ubicación emplearemos ../  para subir un nivel de directorio, y  directorio/ para entrar en un directorio.

1. - <img src="imagen.gif"/> La imagen está en el mismo directorio.
2. - <img src="imagenes/imagen.gif"/> La imagen está en el directorio imagenes
3. - <img src="../imagenes/imagen.gif"/> La imagen está en el directorio imagenes del nivel superior.

*Esto nos sirve también para indicar el acceso a cualquier archivo dentro de nuestro sitio web, de manera que en el atributo href de un enlace escribiremos href="../archivo.html" para acceder a otro archivo que se encuentra en el nivel superior del directorio en el que nos encontramos o href="documentos/archivo.html" para bajar un nivel y entrar en el directorio documentos donde está el archivo "archivo.html"

A la etiqueta <IMG> se le pueden añadir varios atributos para controlar la manera en que un navegador administra una imagen. Estos atributos son los siguientes:

• - width="x" Permite al navegador predeterminar el ancho, en pixeles, que tendrá tu imagen.
• - height="x" Junto con el atributo width, el navegador puede preparar el espacio necesario para tu imagen antes de que se muestre.
• - border="x" Para añadir o eliminar un borde, donde la x será un valor numérico.
• - align="xxx" Puedes alinear una imagen horizontal y/o verticalmente en una página usando este atributo.
• - alt="descripción_de_la_imagen" El atributo alt te permite describir la imagen para los navegadores de sólo texto, así como etiquetar la imagen antes de que se cargue en una página.
• - hspace="x" horizontal space, se usa para añadir espacio vacío, con un valor numérico, en la coordenada horizontal de una imagen.
• - vspace="x" vertical space, controla el espacio de la imagen en las coordenadas verticales.

- Los formatos más comunes de imágenes para diseño web son *.gif , *.jpg y *.png.

Algo fundamental en cualquier Página Web son los enlaces ( links o hipervínculos). Un enlace nos lleva a otra página web al pinchar sobre él. Esta etiqueta nos sirve tanto para ir de una página a otra de nuestro sitio web o para cambiar a otro sitio diferente. La etiqueta que se usa para crear enlaces es <a></a>. El formato es el siguiente:

<a href="http://www.destino.com">Texto Enlace</a>

- El atributo href sirve para indicar la ruta a la que queremos ir.

- Otro atributo que nos sirve para indicar donde queremos abrir el enlaces es target:

Bueno ahora que ya tenemos el mínimo para crear páginas Web, debemos ir viendo las etiquetas que podemos añadir para dar forma a nuestros contenidos, así como el lugar en el que van esas etiquetas. No podemos poner la etiqueta fuera de las etiquetas , al igual que el va después del . Es importante que cada etiqueta vaya donde le corresponde, sino la página no se verá o se verá mal.

Las etiquetas se pueden modificar en la mayoría de los casos con atributos, cada etiqueta tiene unos atributos específicos que nos permiten modificar elementos relacionados con la etiqueta. Para que quede más claro, un atributo que poseen muchas etiquetas en común es bgcolor ( color de fondo) que aplicada a una etiqueta que ya conocemos como de la manera hará que nuestras páginas Web se vea de color rojo. Poner red no es la mejor manera de forma de especificar un color, normalmente se hace con unos códigos, por ejemplo bgcolor="#ffffff" hará que nuestra página se vea de color blanco o bgcolor="#000000" que sea de color negro. Aquí puedes ver los colores y códigos correspondientes : Tabla de colores seguros

Crear tus páginas web (documento HTML) es muy sencillo solo necesitas un editor como puedes ser el Bloc de notas y un Navegador (Browser) como el Firefox, el Opera o el Explorer.

Las páginas web son codigo HTML que el navegador interpreta para ofrecer el resultado. El HTML es (Hyper Text Markup Language -Lenguaje de Hiper Texto de Marcas) es un sistema para estructurar documentos.

Para que los navegadores interpreten de forma correcta este lenguaje es necesario que el documento HTML contenga básicamente las siguientes etiquetas :

<html> Indica el inicio del documento.
  <head> Inicio de la cabecera.
    <title> Inicio del título del documento.
    </title> Final del título del documento.
  </head> Final de la cabecera del documento.
  <body> Inicio del cuerpo del documento.
  </body> Final del cuerpo del documento.
</html> Final del documento.

Si quieres comenzar con una prueba copia el siguiente código en el Bloc de notas y guardalo en el escritorio como ejercicio1.html

<html>
  <head>       
    <title>Ejercicio 1</title>    
  </head>   
  <body>
    mi primera página web    
  </body>
</html>

*Es bueno tabular las etiquetas para facilitar la lectura del código.

Ahora solo queda abrir el archivo ejercicio1.html con tu navegador favorito