Descarga gratis esta web y lanza hoy tu proyecto

Descarga gratis esta web y lanza hoy tu proyecto

Descarga gratis esta página web de inicio y lanza hoy tu proyecto

¿Tienes comprado un dominio desde hace meses (¡años!) sin darle ningún uso?

¿Pruebas a acceder a tu dominio desde tu navegador y lo que sale es «Servidor no encontrado», o peor aún, una página de la empresa de hosting?

O quizá tu proyecto web sólo está en tu cabeza y se te hace tan complicado que lo vas postergando.

Si te pasa algo de esto, sigue leyendo, y te enseñaré una forma fácil y rápida de hacer que ese dominio empiece a trabajar hoy para ti.

 

Cuando algunos clientes y amistades me hablan sobre el proyecto que sueñan, o incluso ya tienen en marcha (quizá con una página de facebook), suelen coincidir en que lo único que tienen claro es el dominio.

A mí también me pasa. Cuando empiezo a soñar un proyecto y ya tengo el nombre, lo primero que hago es reservar el dominio. Total, no son más de 8€ al año, y te aseguras poder utilizar el nombre que deseas cuando llegue el momento.

Y ahí está muchas veces el problema. Ese momento parece que nunca llega:

  • Tienes otras prioridades en el día a día (lo urgente gana la batalla a lo importante).
  • Le dedicas algunos ratos, vas apuntando ideas, buscando en internet... pero hay tanto que hacer que pasa el tiempo y tu proyecto soñado sigue en el cajón.

 

Pues esto tiene solución.

Y no estoy hablando de contratarme para hacer tu página web, que si ésa es tu idea estaré encantada de hacerlo :-)

Estoy hablando de publicar hoy tu proyecto.

Gratis.

Y en 15 minutos, si ya cuentas con algunas cosas básicas.

Lo mínimo que se necesita para tener online una página web es:

  • Dominio
  • Hosting
  • Archivo con formato html

Poca cosa verdad?

Aunque es verdad que mi propuesta incluye un poco más:

  • Logo
  • Newsletter

Te lo explico paso a paso.

 

Dominio y hosting

Seguramente ya tienes reservado el dominio. ¡Genial!

Tendrías ahora que contratar también el hosting si aún no lo tienes. Puedes hacerlo con la misma empresa de hosting en la que reservaste el dominio, o en la que recomiendo yo, como te cuento ahora.

Si no tienes hosting, o aún no tienes ni hosting ni dominio, te recomiendo contratarlo con Profesional Hosting, por las razones que explico en este post sobre el hosting perfecto para una página web consciente.

Sea cual sea tu elección de proveedor, elige el plan de hosting más pequeño. En Profesional Hosting le llaman Dominio+, y te costará menos de 29€ al año (en el momento de escribir este artículo), incluido el dominio si lo contratas con ellos también.

 

Archivo html

Te presento mi regalo para ti. Una página web de inicio que puedes personalizar como quieras, totalmente gratis.

 

Sólo tienes que introducir tu nombre y correo electrónico, y si aún no estás en mi lista de email, te incluiré y así podrás ir recibiendo más artículos como éste.

Una vez que descargues el archivo, encontrarás una carpeta (llamada atlantica) con varios archivos dentro, ya preparados para tener tu página web en funcionamiento.

Esta página web que te ofrezco es software libre, tiene licencia GPL. Con ella tienes respetados tus derechos como usuario:

  • Eres libre de usarlo con la finalidad que quieras,
  • compartirlo con otros,
  • modificarlo,
  • y compartir tus modificaciones.

La única condición es que no puedes cambiar la autoría ni la licencia. Así nos aseguramos que la acreditación es respetada y el código siempre será libre.

Así que vamos a por ello.

En la carpeta encontrarás los siguientes archivos:

  • index.html: es el archivo necesario para publicar tu página web.
  • estilo.css: este archivo se encarga de dar estilo a tu web (colores, tipografía, etc.).
  • logo.png: el logo de tacande.net. Ahora te explico cómo poner el tuyo, o qué hacer si no lo tienes aún.
  • favicon.ico: es el logo en pequeñito que sale en la pestaña del navegador cuando se abre tu página. Ahora te explico también cómo personalizarlo.
  • fondo.jpg y fondo_800.jpg son las imágenes de fondo. En breve te detallo también por qué dos y cómo poner una tuya.
  • LICENSE.txt: texto original de la licencia.

Como verás, te incluyo en este set una foto preciosa del fondo marino de mi tierra canaria, hecha por mi chico hace unos veranos.

Te lo regalo también. Puedes hacer uso de ella como creas conveniente. Está libre de derechos.

Pues bien, si el contenido de esta carpeta (los archivos directamente, sin la carpeta que los contiene) lo subes a tu hosting, verás algo como esto:

Vista previa Altántica

 

Ésta es la vista de escritorio, pero además la web es responsive. Esto quiere decir que está adaptada para dispositivos móviles, así que se verá correctamente en móviles, tablets, etc.

Seguramente no querrás ver el logo de tacande.net en tu página web, y lo más probable también es que ese fondo marino no vaya nada con tu proyecto.

No te preocupes, ahora te enseño cómo personalizarlo para ti.

 

Logo

Si tienes ya un logo no tienes más que renombrarlo como «logo.png» y sustituirlo por el de tacande.net que viene incluido en la carpeta.

Si aún no tienes logo y no quieres hacerlo aún, puedes crear una imagen que se llame logo.png y que contenta simplemente el nombre de tu proyecto.

Esta imagen puedes hacerla fácilmente con Gimp (como Photoshop, pero software libre) o cualquier otra herramienta de dibujo que conozcas.

Si no has usado nunca ninguna y quieres algo rápido y fácil, puedes probar canva. Tienes que registrarte para usarlo, pero es gratis y muy muy sencillo. Además te servirá para hacer todo tipo de material gráfico.

 

Favicon

Este archivo es normalmente una versión reducida de tu logo. Pero si no tienes, puedes usar la primera letra del nombre de tu proyecto, por ejemplo.

Este archivo es opcional. Si te haces mucho lío con esto puedes eliminarlo simplemente y ya está.

En cualquier caso, es un detalle de personalización que a mí me gusta usar.

Si te animas, puedes crearlo simplemente abriendo tu logo en Gimp, y escalando la imagen a un tamaño de 16x16 pixeles. Lo guardas como favicon.ico y listo, ya puedes sustituirlo por el que te incluyo en el set.

 

fondo.jpg y fondo_800.jpg

Estos archivos se corresponden con la imagen de fondo. Si quieres poner otra, sólo tienes que ponerle el nombre fondo.jpg y sustituirlo por el original.

Eso sí, procura que al menos tenga 1700px de ancho, ya que se va a usar para que rellene la pantalla del ordenador por completo.

¿Por qué fondo_800? Esta imagen es la misma que la original, pero con 800px de ancho. Se usa para los dispositivos móviles, ya que necesitan menos tamaño pero sobretodo, más velocidad de carga.

 

Index.html

Éste es el archivo principal de tu web.

Para modificarlo, tienes que abrirlo en un editor de texto sencillo (¡Word no!), como el Bloc de Notas, Gedit o como se llame el editor de texto que tengas en tu ordenador.

No te asustes al ver el código. De eso están hechas las páginas web :-)

Sólo tienes que cambiar algunos textos, y además te lo indico en el mismo archivo. Modifica sólo los textos y verás que fácilmente puedes tener tu web.

 

Titulares

 

Las frases a cambiar son:

  • Título de tu proyecto: aparecerá en la ventana del navegador, y debería ser el nombre de tu proyecto, y algún slogan o frase corta.
  • Titular para tu proyecto: título principal de la página.
  • Subtítulo de tu proyecto: subtítulo que quieras añadir.
  • Texto: texto en menor tamaño para explicar más detalladamente el proyecto.

Verás que esta página web incluye un formulario.

La idea es que, aunque no tengas aún hecha tu web, sí puedas desde hoy empezar a aumentar tu lista de correo.

Las personas que visiten tu dominio y les interese lo que les cuentas con la descripción de tu proyecto, tienen la posibilidad de unirse a tu lista.

De esta forma, puedes estar en contacto por email con esas personas interesadas y así avisarles de tus actividades, del progreso de tu proyecto, o del lanzamiento de tu web.

¡Puedes ir creando desde ya tu comunidad!

Si no tienes creada esta newsletter (explicaré en otro post cómo crear una lista de suscriptores con un proveedor externo), puedes simplemente borrar el trozo de código del formulario.

Formulario de newsletter

 

 

Estilo.css

Este archivo define el estilo de la página web.

Aquí te voy a mostrar cómo personalizar los colores del titular y del botón de suscripción.

Cada color tiene un código numérico. Si no sabes qué código tiene el color que quieres usar, puedes utilizar esta herramienta para obtenerlo.

El color del titular se define aquí:

Color Titular

Tan sólo tienes que sustituir el código numérico del color que viene por defecto, por el que quieres cambiar tú.

Y lo mismo ocurre con el color del botón:

Color botón de suscripción

 

Y con el color para el botón cuando se pasa el ratón por encima:

Color botón suscripción hover

 

 

Licencia GPL

Lo único que me queda explicarte es cómo usar la licencia.

El contenido original de los términos de la licencia lo tienes en el archivo LICENSE.txt.

Para respetar la licencia basta con:

  • Incluir este archivo siempre que compartas esta página web de inicio.
  • Mantener intacto el texto que se incluye al comienzo tanto de index.html como estilo.css. El que aparece en esta imagen:

Licencia

 

 

Conclusión

Esto es todo lo que tienes que hacer.

Ya tienes tu página web terminada y lista para publicarse en internet.

Sube a tu hosting los archivos que hayas modificado, sustituyéndolos por los originales, y ya tendrás tu página web en internet.

Como ves, no tienes que esperar a montar tu web completa para dar a conocer tu proyecto y darle uso a tu dominio.

Y si has añadido tu newsletter, puedes empezar ya a crear tu comunidad, de esta forma tan sencilla.

 

Publica ya tu página web, y cítala en los comentarios para que la veamos todos :-)

 

Compartir: 
Come up