Como crear un sitio web gratis y sin usar programas

¿Te gusta esto?
¡Danos un aplauso!

Pin It
crear un sitio web gratis y sin programas

¿Es posible crear un sitio web gratis y sin instalar ningún programa en tu computadora? Nosotros tomamos el reto de empezar esta tarea y estamos muy contentos de haberlo logrado. Esta guía te ayudará a crear una página web gratis sin tener que usar software adicional del que ya tienes en tu computadora. De hecho, con estas instrucciones puedes crear un sitio web hasta en tu celular inteligente.

crear un sitio web simple site la manera mas facil de crear un sitio web

Nota: esta es una versión simplificada de nuestro curso gratis: Como crear una página web. Este es un curso completo que te ayuda a crear un sitio web y te toma de la mano para que puedas hacerlo con éxito y sin complicaciones.

Crear un sitio web gratis, sin usar programas: Simple Site

El servicio de Simple Site es la manera más fácil de crear un sitio web, sobretodo si no tienes experiencia en lenguajes de programación como HTML, PHP, CSS o JavaScript. Crear un sitio web no tiene por qué ser difícil ni complicado. Al usar el servicio de Simple Site, obtienes un sitio web profesional sin tener que pagar precios altos por un diseñador. Este servicio es excelente para crear un sitio web sin usar programas adicionales, ya que todos los programas que necesitas Simple Site los tiene incluidos en su servicio.

Aunque este servicio no es completamente gratis, es la manera más fácil y con menos costo de empezar un sitio web para una persona sin experiencia.

Clic aquí para empezar un sitio web con Simple Site

crear un sitio web la manera mas facil simple site

Crear un sitio web gratis sin usar programas: NotePad

Otra manera de crear un sitio web gratis sin usar programas es usando el programa de NotePad. Al usar este método puedes crear un sitio web sin tener que comprar o instalar programas adicionales a los que ya tienes instalados en tu computadora.

Puedes ver como crear un sitio web gratis en este video:

1. Crear un sitio web gratis: mejor editor de texto

Abre el programa Notepad en tu computadora (si estas en una Mac, puedes seguir los mismos pasos con el programa TextEdit). Como una mejor alternativa, te recomendamos usar el programa Notepad++ (puedes ver nuestro reporte sobre este programa en nuestro artículo: El mejor editor de texto de Windows)

Para más información sobre los programas usados para diseñar una página web, visita: El mejor software para crear páginas web

2. Crear un sitio web gratis: la estructura de tu página web

Cuando tengas el programa abierto puedes empezar por escribir lo siguiente (puedes copiar y pegar este texto y también funcionará):

<html>

<head>
<title>
</title>
</head>

<body>
</body>

</html>

3. Crear un sitio web gratis: publicando tus archivos en Internet

Guarda este archivo como index.html y esto le indicará a tu servicio hosting que debes usar esta página como la principal, es decir, la página que tus visitantes verán al principio de visitar tu sitio web. (En el video, nombramos la página como prueba.html, pero te recomendamos dejarla con el nombre de index.html)

crear un sitio web alojamiento para un sitio web

NOTA: Recuerda que para crear un sitio web gratis necesitarás un servicio de alojamiento (también conocido como hosting), el cual será responsable de tener tu sitio web en el Internet para que pueda ser visitado con el resto del mundo. Para más información, visita el paso 2 de nuestra guía gratis para empezar un sitio de Internet: Consiguiendo un plan de alojamiento o hosting

4. Crear un sitio web gratis: insertando texto en tu página web

En este paso aprenderás como editar el contenido de tu sitio web, así que empezaremos por editar la parte <body> de tu sitio web.

Así que editaremos el código de tu sitio web para verse así:

<body>
Hola a todos
</body>

Después de guardar tu archivo y refrescar la página en tu navegador, verás como los cambios a tu sitio web se reflejan en tu programa.

5. Crear un sitio web gratis: el título de tu página web

Ahora es tiempo de darle un título a tu página web. Para esto editaremos el código entre las etiquetas <title>, las cuales muestran el título de la página de Internet.

<title>Inicio</title>

Nota: puedes remplazar la palabra inicio con el texto que quieras.

Al guardar y refrescar la página, verás los cambios definidos en tu sitio web.

6. Crear un sitio web gratis: Añadiendo un título a tu contenido

Después de agregar un título al navegador de la página, pasaremos a incluir un título al contenido de tu sitio web (este será el título que tus usuarios verán al visitar tu página de Internet). Para hacerlo, debes escribir esto después de la primera etiqueta <body>:

<h1> Hola a todos </h1>

Después de guardar y refrescar la página, podrás ver los cambios en tu sitio web. También puedes cambiar el tamaño de este título con las etiquetas <h1>, <h2>, <h3> y <h4>

7. Crear un sitio web gratis: Añadiendo imágenes

Cuando tu página tiene un texto de contenido y tiene un título, es hora de agregarle imágenes, lo cual se hace de esta manera:

Copia la dirección en Internet donde se encuentra tu imagen. Si es una imagen que tienes en tu computadora, puedes usar un servicio como imgur.com para poder subirlas al Internet. Después puedes usar la imagen así:

<img src="http://i.imgur.com/k4lWy.jpg" width="100%" height="100%">

Puedes modificar el tamaño de la imagen cambiando los porcentajes en el código de arriba.

8. Crear un sitio web gratis: Añadiendo párrafos

Para añadir párrafos a tu sitio web, puedes usar la etiqueta <p>. Esto te permitirá agregar texto y deberás cerrar cada párrafo con una etiqueta </p>. En nuestro video, el ejemplo sería:

<p>YouTube es fantástico, recuerda suscribirte a mi canal de YouTube</p>

Al guardar tu archivo, podrás ver el texto que acabas de escribir.

9. Crear un sitio web gratis: dándole color a tus párrafos

Para agregar un poco de estilo y color a tu texto, puedes hacer lo siguiente (tomemos el mismo ejemplo del canal de YouTube):

<font color="green"><p>YouTube es fantástico, recuerda suscribirte a mi canal de YouTube </p></font>

Con este método, todo el texto que incluyas entre las etiquetas <font> será transformado al color que desees.

10. Crear un sitio web gratis: Mejorando el espacio de tu sitio web

Como puedes ver, en nuestro tutorial nuestro texto e imágenes están muy disparejos. Para separar el texto, podemos usar el atributo <br>, el cual nos permite crear nuevas líneas y mejorar la apariencia y el espacio al crear un sitio web.

Nuestro sitio web finalizado

Después de crear nuestro sitio web gratis, el código que obtendremos al final se verá de esta manera:

<html>

<head>
<title>Inicio</title>
</head>

<body>
<h1>Hola a todos</h1>
<font color="green"><p>YouTube es fantástico, recuerda suscribirte a mi canal de YouTube </p></font>
<img src="http://i.imgur.com/k4lWy.jpg" width="100%" height="100%">
</body>

</html>

crear un sitio web gratis

Crear un sitio web gratis y fácil te permitirá entrar en el mundo del Internet y será un oficio muy bien remunerado

Aunque hay mucho más pasos para completar tu sitio web, estos son los pasos básicos que te ayudarán a estructurar un sitio de Internet y serán de gran ayuda al crear una página web. Sin embargo, hay una manera más fácil de crear una página web sin tener que trabajar con código como lo viste en la parte de arriba.

Si te interesa saber más como crear una página web más fácilmente, puedes empezar nuestro curso tutorial gratuito: Como crear una página web. En este curso gratis te tomamos de la mano y te mostramos cada paso para que puedas empezar tu sitio de Internet con el pie derecho y te mostramos como hacer para tener las mejores herramientas para tu sitio de Internet.

¿Tienes preguntas sobre como crear un sitio web gratis y sin usar programas? ¿Necesitas ayuda al crear un sitio web gratis? Entonces déjanos tu comentario para poder ayudarte. Si ya pudiste crear un sitio web y tienes sugerencias para otros, no dudes en dejarnos un comentario también.

Búsquedas recientes:

    alguien ha usado la pagina simplesite
  • costo de simplesite com
  • opinión sobre simplesite
  • paso para crear simplesite
  • que tal funciona simplesite
  • simplesite español

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>