CREA TU WEB

A casi todo el mundo le gustaría tener una página  Web personal donde darse a conocer y compartir experiencias.

La mayoría de la gente entre los que me incluyo , disponemos de conocimientos básicos de informática a nivel usuario , pero nada de lenguajes de programación ni otros tecnicismos.

Ante esto, me parecía imposible hacer una pagina Web sin conocimientos de informática pero me llamó la atención que con el procesador de textos Microsoft Word y posiblemente que con cualquier otro procesador de textos, podía guardar mis documentos como una pagina Web, o sea con extensión htm o html.

La mayoría de la gente sabe usar lo básico del procesador de textos Word  y es fácil cambiar el tipo de letra añadir una tabla o insertar una imagen. A partir de esto solo queda guardarlo en formato htm o html y ya tenemos una página Web. Pues manos a la obra.

Menú

 

Contenidos

Introducción

 

El uso de Microsoft Word como creador de páginas Web.

Diseño

 

Como distribuir el contenido de la pagina

Consejos

 

Normas y medidas que nos ayudaran a crear nuestra Web

Espacio en la Red

 

Donde y como volcar tu pagina en la Red

Posicionamiento Web

 

Como hacer que tu Web tenga éxito

Volver al la pagina principal

Introducción

Usar el Microsoft Word no es lo más adecuado para hacer una página Web. De hecho programas como el Dreamweaver del que haremos mención después tiene un filtro para eliminar los códigos html de Word que no sirven. Aun así creo que es la forma más fácil y rápida de empezar a hacer una página Web.

Pues bien, lo primero que tienes que hacer es crearte un directorio en tu ordenador donde guardes todo el contenido de tu página Web. En ella guardas tu página, las fotos que insertas, los fondos, los sonidos, todo.

 Después abrir un documento nuevo de Word y guárdalo como pagina WEB o en formato html, de esta forma el Word te ofrece funciones que antes no tenia, como insertar hipervínculos fondos etc.

Como breve introducción al Word, recordaros que podéis  insertar una tabla desde el menú Tabla y después en Formato puedes cambiar el color y el grosor de líneas como he hecho en el menú superior.

El fondo lo puedes sacar de Formato/Fondo/Efectos de relleno

Las imágenes se insertan desde el comando Insertar/Imagen/Desde archivo, buscándolas en el directorio que habéis creado para la pagina y donde previamente las habéis guardado. Las  imágenes debéis guardarlas  preferiblemente en formato JPEG o GIF procurando que no ocupen mucho para descargarlas fácil. Posteriormente haremos referencia a esto.

Para pulsar sobre una palabra y que te mande a una parte del documento se inserta un marcador y un hipervínculo.

Ejemplo:

Cuando pulsas en esta pagina dentro del menú en diseño pasas directamente a diseño de página. Para esto he seleccionado la palabra diseño  del titulo Diseño de pagina y después le he dado a Insertar/marcador y en el nombre del marcador se pondría escrito diseño y se pulsa agregar.

 Después en el menú se selecciona la palabra Diseño y se da a Insertar/Hipervínculo/Marcador. Posteriormente se pulsa dentro de marcador a la palabra diseño y a aceptar.

 Con esto cada vez que le pulses al menú diseño pasaremos al diseño de página.

 Si quieres pasar de una pagina a otra se inserta un hipervínculo donde queremos poner el enlace y se busca el archivo de la pagina que queremos enlazar. De esta forma se podrá pasar de una página a otra.

 Para pasar de una hoja a otra no hay que poner marcadores. Los marcadores se ponen solo dentro de una página o cuando el enlace es a una parte concreta de otra pagina.

Con los conceptos insertar imágenes fondos tablas hipervínculos y marcadores, tenéis todos los elementos para empezar vuestra pagina Web.

Volver al menú

Volver al la pagina principal

Diseño de la página

Lo primero que debes plantearte es de que va la pagina, que contenidos vas a mostrar y estructurarlos en menús. En base a los contenidos establece un titulo que defina tu página con palabras normales, nada de palabras raras, que nadie escribirá en un buscador.

 Posteriormente una introducción sugerente o saludo a los usuarios que entran en tu pagina invitándolos a entrar.

El menú debe ser claro y hacer una breve reseña de su contenido. Este menú debe permitir enlazar tu página con tus contenidos.

 Después puedes poner enlaces a tu dirección de correo para que la gente pueda contactar contigo y dar su opinión así como un contador o programa de gestión de visitas para que sepas cuanta gente entra en tu Web.

 Los contadores son un código que copias e insertas en el código de tu pagina inicial y cada vez que entra alguien lo contabiliza. Para esto explicaros por encima que el lenguaje informático que emplea la página es el html. Si le dais en el Word a ver y después a código fuente html veréis una serie de letras que son la traducción html de tu página.

 Si se abre la pagina index.html con el bloc de notas de Windows, la ruta es inicio/programas/accesorios/bloc de notas, con esto podéis abrir dicho página y modificar el código así como pegar el código del contador donde os digan. Como programa de gestión de visitas gratuito tenéis http://www.webstats4u.com/ . Aviso, últimamente están metiendo mucha propaganda y al arrancar tu Web te sale propaganda que debes cerrar para entrar por lo que os aconsejo mirar otras posibilidades. Por otro lado como gestor de visitas me parece muy completo. Es el que gestiona esta Web.

Volver al menú

Volver al la pagina principal

Consejos a la hora de diseñar la página.

1.      Crea paginas que tarden poco en cargarse. Si utilizas muchas fotos en una sola pagina pueden pasar minutos para cargarla y casi nadie esta dispuesto a esperar ese tiempo

2.      Crea un menú claro donde la gente pueda llegar a los contenidos sin problemas.

3.      Usa un titulo que defina tu página para que los buscadores lo localicen y te integren. Debe ser claro y escueto.

4.      Procura definir claramente tu página y si quieres que sea visitada ofrece algo atractivo. Tus vacaciones en Burriana le interesan a muy poca gente.

5.      Procura combinar bien los fondos y los textos , deben ser claros y fáciles de leer. Un exceso de información satura al usuario y le hace cambiar de página.

Bueno , pues yo no he cumplido casi ninguno de los consejos que doy. Por una sola razón , es mi página , es mi forma de expresarme y no necesito reglas ni convencionalismo. Con esto quiero decir que una pagina Web personal , que no comercial , es tu forma de darte a conocer al mundo y ejerce tu libertad para hacerlo. Lo importante es que disfrutes haciéndola y si haces disfrutar a mas gente viéndola mejor.

. A veces he tenido problemas con los nombres de los archivos que he creado y he descubierto que

            No puedes usar la Ñ

            No debes escribir con espacios o símbolos

            No uses números en los nombres de los archivos

Pon nombre a los archivos que te recuerden su contenido para poder localizarlos mejor.

El archivo de la pagina principal, la que va a ser la portada de tu pagina Web debes llamarla index.html

Es importante que las imágenes y sonidos que pongas ocupen poco. Por ejemplo si tienes una foto de 1 mega  tendrás que reconvertirla en una foto de 20 o 30kb  ya que si no tardara muchísimo en cargarse en tu página y se hará muy aburrida.

Seguro que hay muchas formas de reconvertir una imagen a un formato menos ¨pesado´. Yo utilizo un programa gestor de imagen como el ACDsee que tiene una opción que permite mandar por correo las imágenes a tres tamaños (grande mediano y pequeño) yo elijo pequeño , creando un correo con los archivos adjuntos de las fotos. Si pinchas sobre estos archivos observas que ocupan entre 20 y 40 kb y puedes guardarlos en el directorio de tu pagina Web con un nombre que te indique su contenido.

Para hacer menús puedes insertar tablas en tu página donde pongas tus contenidos . Si quieres darle animación busca en red páginas de Gifs Animados y tendrás todo tipo de animaciones para insertar en tu página.

Cuando domines esta fase os aconsejo que uséis un programa llamado Deamweaver o el FrontPage los cuales  son un editor de páginas Web y os ofrecen plantillas de páginas ya elaboradas y muchas funciones de forma que podáis hacer una pagina mas profesional. A veces usando estos programas podéis encontraros que cosas hechas con el Word no se reconocen y viceversa. Estos programas tienen una función de depuración del código html de Word quitando todo lo superfluo que Word ha dejado en su página Web. Cuidado al usar estos filtros de códigos ya que a veces se cargan la pagina y no funciona por lo que aconsejo que lo probéis primero con una copia de un archivo y si funciona lo guardáis como el original . Si no funcionara siempre os queda el original sin tocar.

Volver al menú

Volver al la pagina principal

 

Espacio en la Red

Una vez tengas tu página inicial hecha y quieres ponerla en la Red , necesitas buscarte un lugar donde ponerla. Existen dominios o lugares de pago y gratuitos. La diferencia entre unos y otros es que en los gratuitos suele haber un espacio limitado y te insertan propaganda .

Es posible que encontréis varios espacios gratuitos , yo uso el  http://espacio.ya.com/ . En este sitio te indican , al darte de alta , los pasos a seguir donde tendrás un nombre de usuario y una clave. Cada vez que entres en este espacio y pongas tu usuario y tu clave tendrás opción al administrador de archivos desde donde podrás bajar tus archivos desde el directorio que creaste en tu ordenador. Cuando bajes todos tus archivos ya podrás entrar en la dirección de tu página y disfrutar de ella. Si efectúas un cambio en tu página deberás volver a entrar en el administrador de archivos y bajarte la pagina cambiada así como las nuevas imágenes insertadas , archivos de música etc.

Veras que no es tan complicado y no es necesario conocer el código HTML . Con solo trabajar un poco el Word te vale.

Como hemos mencionado antes la página principal con la que arranca tu Web debe llamarse index.html pero el resto de páginas no es necesario, las puedes llamar como quieras siempre con las recomendaciones arriba mencionadas tenidas en cuenta ( nada de ñ ,ni números, ni espacio o símbolos),

Puedes crear una tabla que te sirva de menú y en su casilla mencionas los contenidos de todas tus páginas. Ahora debes insertar un hipervínculo en cada casilla para que cuando pulses en el contenido de la casilla te mande a la página relacionada. En el apartado insertar  de Word da una opción que se llama hipervínculo. Úsala.

Como ya me ha pasado , tengo la precaución de guardar los cambios con otro nombre y comprobar que funciona y después guardarlo con el nombre del archivo bueno. Posteriormente quito la copia . Si ocurriera algo no tendrías que rehacer el archivo de nuevo.

También existen servicios gratuitos (aunque te llenan de publicidad) que te informan de que países entra la gente y que ruta usan, algo muy útil para saber que contenidos les interesa mas a los usuarios de tu Web

Volver al menú

Volver al la pagina principal

Posicionamiento en la Web

Existen conceptos como el posicionamiento de la Web. Parece que la mayoría de gente que solicita algo de un buscador como el Google solo ven los 10 primeros resultados . Por eso encajar tu Web en esa selección es importante. En mi caso e conseguido posicionar esta pagina (El mundo de los hobbies ) en los primeros puesto de buscadores como Yahoo o Altavista pero no se hace mención en Google. Parece ser que cuando más enlaces tengas de otras páginas hacia tu Web más posibilidades tienes de posicionarte bien en buscadores.

Cada buscador tiene un sistema distinto para darte de alta incluso puedes hacer una petición de alta pero eso no implica que te la den.

En la mayoría de los casos tiene un programa robot llamado araña que rastrea la red buscando enlaces y de ahí llegan hasta tu Web incluyéndola en su base de datos.

Por otro lado leen tu código html donde existe un concepto llamado Meta tags que son palabras que le dan información al buscador del nombre de la pagina de su autor , contenido etc. Existen en la red programas gratuitos de generadores de Meta tags donde poniendo la información que te piden generan un código comprensible por los motores de búsqueda de los buscadores mas utilizados e incluyéndote en su selección cuando la petición coincide con la información del meta tag. Ejemplo si pones 50 veces la palabra acuario en tu meta tag de contenido esta claro que el buscador vera que esa información es muy relevante y te posicionara mejor en las búsquedas de acuario. Pero todo tiene su lado malo. Los de Google ya conocen el sistema y si su robot detecta que tienes meta tags de manera abusiva te borran para siempre de su lista. Ojo con esta practica que puede traer problemas en el posicionamiento de tu Web.

Aquí tenéis un generador de meta tags gratuito  http://www.losrecursosgratis.com/altas/generadordemetatags.html . En el debéis rellenar las casillas teniendo en cuenta que debéis poner palabras que tengan relación con el contenido de la Web ya que los motores de búsqueda de los buscadores leen estos meta tags y usan esta información para posicionar vuestra pagina al buscar una palabra en un buscador como Google o Yahoo, entre otros.

En las páginas podéis poner encuestas reloj y calendario foros e infinidad de posibilidades que podéis insertar a través de un código copiado y pegado al código html de vuestra pagina. En el propio espacio.ya.com tendréis estas posibilidades.

Espero que esta información os ayude a confeccionar vuestra página, de hecho es así como he hecho la mía que aunque no es muy profesional colma mis aspiraciones como aspirante a webmaster.

Volver al menú

Volver al la pagina principal

                                                                                                                      Un saludo WEBCASTELLANOS