Las ventajas de tener un propio blog personal es que desarrollas tu imáginacion y tu vocabulario, además de entretener a los demás. Eso luego puede servirte si, por ejemplo, quieres escribir algun cuento o alguna novela, aunque sea personal, como mucha gente hace. ¿Qué ocurre si no se te ocurre un tema para hablar? No te preocupes, no es necesario que actualices diariamente. Tan solo con postear una o dos veces por semana, para hacer saber que no has abandonado la web, está bien. Puedes comentar temas que te parezcan interesantes, incluso puedes escribir un articulo sobre alguna noticia relacionada con tema reciente. Pero recuerda no escribir un post demasiado largo, así no aburrirás a la gente que lo lee y seguiran visitando tu blog para leer cosas nuevas.

Si decides hacer la página web sobre una estrella de cine o rock, es mucho más sencillo porque puedes encontrar noticias sobre dicho/a artista en cualquier página de medios de comunicación, o en otras páginas del mismo artista (pero recuerda que siempre tienes que acreditar la página de donde consigues la información) y conseguir imágenes de la misma manera.

Espero que os haya servido de algo este artículo, y en el próximo intentaré colocar algunas herramientas para que podáis personalizar vuestra página web. (Y también procuraré actualizar más pronto, no tardaré tanto tiempo, tranquilos).

Para encontrar en host de pago, es muy facil, es más, son de los que más hay en internet, pero, por suerte, hay mucha gente que ha hecho uso de ellos y ofrece hospedaje gratuito solo a cambio de poner Google Ads y publicidad. Suelen ser más aconsejables si no entiendes mucho de pago por internet. No voy a hacer una lista de los mejores host porque yo no soy de hacer publicidad. Pero si quieres encontrar uno de activación inmediata, te aconsejo que busques en directorios de hostings for free (poniendo esto en cualquier buscador, ya tienes lo que buscas).

Si prefieres un hosting de pago, ya pueden encontrar una gran variedad, incluso algunos que te ofrecen 200 GB e incluso mucho más (teniendo en cuenta que en los gratuitos, lo máximo que te dan son 20GB, esta muy bien).

Bueno, esto es lo más facil que puedes aprender sobre Cómo montar una página web. Asi que, ya sabeis, si teneis alguna duda ponerla en los comentarios o enviar un email! (Yo reviso el correo todos los dias)

Una vez aprendidos estos codigos, hay que empezar a crear la pagina. Yo os lo voy a explicar po div porque por table es mas dificil, por lo menos para mi. Empezamos situando la imagen (layout). Es lo mas sencillo, normalmente suele ser este codigo:

<div style=“position:absolute; top:0px; left: 0px;”>

Aunque suele variarse dependiendo del lugar donde quieras situar la imagen. “Top” quiere decir en que parte va estar situada la imagen, mas arriba o mas abajo, si pones 0, significa que va estar arriba del todo, si vas aumentando, va bajando la imagen. Y “Left” es lo mismo, solo qu, en vez de ser de arriba a abajo, es de izquierda o derecha, cuando mas pongas, mas para la derecha va, y cuando menos, mas cerca del borde izquierdo.

Ahora solo falta situar el resto del contenido. Te preguntaras.. ¿Como? Pues muy facil, solo tienes que coger el mismo codigo y añadirle en el style un width. Esto significa ancho , es decir, la anchura de la “caja” donde estara el texto. Puedes probar varios tamaños hasta que se ajuste al que mejor quede. Recuerda que al final del numero tienes que añadirle “px”. Ejemplo:

<div style=“position:absolute; top:200px; left: 300px; width=”200px;”>

Y luego, despues del codigo, le añades el contenido. Por ejemplo, si quieres ponerle “Estadisticas”, solo tienes que poner:

<div style=“position:absolute; top:200px; left: 300px; width=”200px;”><b>Estadisticas</b></div>

Andrea comento algo sobre el cutenews, bueno, pues eso es depede de como lo quieras poner, si quieres te ayudo a colocarlo en tu pagina. Mira mi email mas abajo.

Espero que os haiga ayudado y recordar que detras del codigo div, siempre tiene que tener una terminacion </div> .

Si no entiendes nada de esto, enviame un email a leannweb@hotmail.com y yo te lo explico de una forma mas simple, pero por favor, no me agregueis al messenger, solo por correo.

Primero, empiezas por crear la cabezera, poniendo <html> <header> que es donde ponremos algunos datos basicos, pero estos no se muestran al usuario que visita la pagina, pero que sin ellos, no se puede crear dicha pagina. Aqui os dejo algunas de las cosas importantes dentro de la cabezera:

• <title>: Es lo que llamamos, titulo, es lo que se verá encima de la ventana.

Ejemplo: <title>Herramientas webmasters y más paraprincipiantes</title>

• <link>: Esto lo podemos utilizar apra vincular hojas de estilo* .

Ejemplo: :<link rel=”stylesheet” href=”/style.css” type=”text/css”>

El “style.css” se puede cambiar por el nombre donde tienes la hoja de estilo, si la tienes nombrada como “diseño.css” lo deberias de poner así:

<link rel=”stylesheet” href=”/diseño.css” type=”text/css”>

Pero recuerda, siempre debe de acabar en .css, ya que, como las iniciales indican, Cascading Style Sheets, es hoja de estilo en cascada.

Una vez añadido esto (es lo más sencillo del codigo) lo cierras con lo siguiente: </header> . Ya que cada vez que abres una etiqueta, debes cerrarla añadiendo lo mismo pero con un “/”.

Ejemplo:<header></header>

Cuando cierras el header, abres una nueva etiqueta, <body>, es donde el usuario que visita la pagina ve, lo que se muestra en el navegador. Dentro de esta etiqueta se pueden añadir muchas más. Aqui algunas:

• <a>: Hipervínculo o enlace, dentro o fuera del sitio web. Debe definirse el parámetro de pasada por medio del atributo href. Por ejemplo: <a href=”http://www.google.com”>Google</a> se representa como Google. Dentro de este apartado existen diferentes “target” para diferentes tipos de enlaces:
  • _blank: Este tipo de target sirve para abrir el enlace en otra ventana. Ejemplo: <a href=”urldelenlace” target=”_blank”>texto enlazado</a>.
  • _top: Este sirve para frames. Para que aparezca en la ventana superior, por decirlo de alguna manera. Ejemplo: <a href=”urldelenlace” target=”_top”>texto enlazado</a>.
  • personalizada: En esta puedes poner el titulo que quieres, normalmente sirve para abrir frames. Si en el frame, le pones como titulo “noticias”, en el enlace deberás poner:

  <a href=”urldelenlace” target=”noticias”>texto enlazado</a>.

Ahora os halare de als formas de colocar el contenido, puedes utilizar <div> o <table>.

• <div>: Eliges tu el area de la pagina, lo malo es dependiendo de la resolución de la pantalla, porque no es lo mismo tener una de 1280×1024 que una de 800×600. El contenido es diferente al que ve uno al otro.

• <table> : Esta es mejor, porque teniendo diferentes resoluciones, las dos se pueden ver igual.

Y por ultimo, las formas del texto:

• <li><ol><ul>: Etiquetas para listas.
• <b>: Texto en negrit
• <i>: Texto en cursiva
• <u>: Texto subrayado

Una vez puesto el contenido, lo cierras y colocas: </body></html>.

Hay más codigos, pero yo os coloco los más importantes para una pagina. Más adelante subiré scripts y más codigos para mejorar tu web. Espero que te haya servido el tutorial y hayas aprendido algo. ¡Comentad que os ha parecido!

]]> http://miprimerwebsite.wordpress.com/2007/07/31/bienvenidos/feed/ 3 Sandra