Continuar con tu página web: ¿Qué hacer con ella?

Una vez hayas conseguido un host que te guste y hayas montado la base de tu página web, viene una de las preguntas más comunes y que debes tener algo claro antes de empezar con la página: ¿Qué hago ahora con mi web? Las respuestas son multiples, pero vamos a concentrarnos en lo más importante que es el camino que has de seguir. Lo primero es saber si has escogido crear un blog personal, una página web dedicada a un famoso o algun tema conocido, una pagina de diseño, un foro, etc.. Ahora voy a explicar un poco cómo seguir adelante cuando vas a crear un blog personal, que es la opción más utilizada.

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).

Encontrar hosting

Hola a todos, despues de un tiempo me he decidido a reaparecer de nuevo, je je. Y esta vez traigo novedades! Asi es, puede ser que muchos de vosotros os suene raro la palabra hosting o host que, en ambas formas, viene a ser lo mismo. Pues bueno, para los que no saben, host es la traducción inglesa de hopedaje (si, aunque suene un poco raro al principio). Existen muchos tipos de host, pero yo hablaré de los gratuitos y los de pago. Suelen ser los más habituales. Puede ser que cuando un experto lea esto piense que no entiendo nada de esto, pero creerme, se de que hablo. Proseguimos con el tutorial. Como iba diciendo, existen dos tipos: uno es el que consigues sin tener que pagar nada y el otro es el que consigues pero pagando, como bien las palabras los dicen.

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)

Empezar con la pagina

Despues de un tiempo sin actualizar mucho (Pido perdon por eso), he visto un nuevo comentario en el que me pedian que continuase con este manual. Y eso es lo que voy a hacer.

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.

Bienvenidos

Bienvenidos al nuevo Network de Who I Am! Donde encontrarás las mejores herramientas y recursos para empezar a crear una pagina web! Lo primero de todo es saber que, para crear una pagina, es necesario aprender el codigo HTML. Y os preguntareis, ¿que significa exactamente? Pues es muy sencillo, el significado de HTML es el acrónimo inglés de HyperText Markup Language, que traducido al español seria algo como Lenguaje de Marcas Hipertextuales. El formato HTML se ha convertido en uno de los formatos más populares y más faciles de aprender, despues podemos encontrar, por ejemplo, el PHP (PHP Hypertext Pre-processor), pero eso es más complicado. Poco a poco iré publicando articulos donde podrás aprender como poder tener tu propia web en poco tiempo. Para empezar a crear tu pagina web, debes de tener el host y el diseño, cuando lo tengas, empezamos.

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!