En esta página vas a aprender a crear una página web, a escoger un servidor de pago o gratuito, a subirla a internet, a mejorarla y actualizarla a tu gusto e incluso a sacarle un buen provecho económico si lo deseas. No hace falta que tengas conocimientos de nada, simplemente con leer estas lecciones lo vas a lograr, verás. El resultado final será una web igual que esta, con su foro, un top, un directorio de enlaces, optimizada para aparecer en buenas posiciones en los buscadores, con un código html y css válidos, etc, etc.

Además, te lo explicamos todo tan bien que sabrás como personalizar tu página web a tu antojo. Una vez termines el tutorial podrás cambiar los colores, la estructura, los menús, etc, etc para adaptarla a tus gustos. Tras aprender todos los trucos podrás hacer cualquier otro proyecto desde cero con lo que vas a aprender aquí.

Qué vamos a necesitar?

En principio solo conexión a internet y seguir estas instrucciones. El resto de recursos necesarios los conseguiremos de la red, como por ejemplo el software (gratuito) que vamos a seguir para las lecciones, el espacio web (gratuito también) para alojar tu proyecto, el software para el foro, para el directorio y para el topsites (de nuevo, gratis), etc, etc. Si tienes acceso a internet tendrás todo lo necesario. Bueno y un poco de tiempo y paciencia, claro.

Y si no entendemos algo?

En ese caso dispones del foro TASA donde puedes escribir todas tus dudas. Las resolvemos todas, de modo que... si no tienes página web será solo porque no quieres. No hay escusa! Para leer el foro no es necesario registrarse, para escribir tus dudas en él sí (es necesario para poder evitar un poco el Spam, lo siento).

Software Necesario

Un software es un programa informático, lo que ocurre es que al decir software parece que la cosa tiene más importancia, como es una palabra en inglés... ya se sabe... pero no es más que eso, un programa. Para crear nuestra página web necesitamos un programa. Para crear webs hay miles, de pago, gratuitos, regalados, pirateados... Nosotros vamos a ser buenos y usaremos uno gratuito, por ejemplo uno que se llama Html-Kit

De dónde descargar Html-Kit

El Html-Kit es un editor de html y css (entre otros) gratuito. Editor significa que podemos escribir con él y Html y Css son los lenguajes que se usan para hacer páginas web. Es gratuito, esto significa que no has de pagar un duro por él, aunque tienes la opción de pagar para tener acceso a un sin fín de herramientas extra. Por lo pronto, con la versión gratuita nos va a sobrar.

Para conseguirlo, qué mejor que descargarlo desde la página oficial, no? Así estaremos seguros de obtener la versión más moderna. La página es www.htmlkit.com. Ve haciendo clic y se abrirá una ventana aparte, para que puedas seguir leyendo estas instrucciones.

Al acceder a la web de Html-Kit podrás ver en la parte alta un cartelito similar a este:

En el hueco de arriba te preguntan donde oiste hablar de Html-Kit. Puedes poner lo que quieras, la dirección de esta web, un buscador, etc, etc. En el hueco de abajo puedes escribir tu email si deseas recibir información de actualizaciones de este software y cosas así. No son obligatorios ninguno, pero ya que es gratuito no está al menos contestarles a la primera pregunta, no?

A continuación, pulsa en la parte de abajo de ese cuadro, donde pone Download HTML-Kit para proceder a la descarga del archivo. Son unas 2.8 megas, por lo que será algo rápido. Al hacer clic se abre una ventana preguntado si lo deseas guardar o ejecutar directamente. Escoge Guardar y así lo tendrás a mano en caso de que te haga falta:

Tras terminar de bajarlo aparece otra ventana. Escoge Ejecutar para empezar su instalación:

Quizás te aparezca un mensaje como este:

Puedes aceptar y Ejecutar sin problemas. Este programa es seguro. En seguida, el programa empieza a instalarse en tu PC.
 

Cómo Instalar el Html-Kit

Comienza mostando una ventana de bienvenida y preguntándote si quieres seguir o no... parece que aún no ha entendido que "si".. je je:

Como va siendo habitual, ahora aceptamos los las condiciones, cómo no, verdad? Tienes que marcar la casilla que te he marcado en rojo en la imagen de aquí abajo y después pulsar en Next> :

Siguiente paso? Inicarle en que carpeta de nuestro disco duro lo queremos instalar. La opción por defecto es perfectamente válida:

Seguidamente, nos pregunta qué opciones deseamos instalar. Como no hay quien nos pare, nosotros escogemos todas (que chulos somos,eh?). Seguramente no las usemos, pero tampoco es cuestión de perderse algo, así que... tó pa dentro.

Si aún no te has cansado de aceptar y aceptar, aquí tienes otra ventana que te pregunta cuál quieres que sea el nombre del programa en tu barra de programas... aceptamos de nuevo...

Bueno... ahora nos muestra las opciones que se van a instalar. Que majo... pero un poco pesado..

Pulsamos Install y... allá va eso! Se instala en un segundo y claro, para no perder costumbre, nos dice que ya está todo listo. Te recomiendo no dejar marcada la casilla marcada con un circulo rojo por mí. Eso es para descargarte más cosas, pero por el momento vamos sobrados. Quita la marca (mira la foto de abajo) y seguimos, oki?

Hacer un acceso directo al Html-Kit en tu escritorio

Si no igual te cuesta trabajo encontrarlo luego... Basta con ir a Inicio > Todos los programas > Html Kit y en el icono de la ventana que se despliega, hacer clic con el botón derecho del ratón sobre el que pone Html Kit y escoger "Crear Acceso Directo". En ese momento si vuelves a abrir el desplegable verás dos iconos de Html Kit. En el recien creado aparece un "2" al lado. Haz clic una sola vez sobre ese icono y SIN soltar el botón, arrástralo hasta tu escritorio y listo, ya lo tienes a mano. La próxima vez que quieras abrir el Html Kit bastará con darle dos veces a ese icono de tu escritorio.

Arrancando el Html-Kit

En la página anterior nos quedamos en esta ventana:

Aceptamos de nuevo presionando "Finish" y vemos, cómo no, una preguntita....

Dice arriba que las preguntas siguientes (vaya, que no es solo una...) son para ayudarte a configurar el programa, pero que siempre puedes cambiar estas cosas más tarde desde Edit > Preferencias. Esta pregunta de arriba es por si quieres que los archivos HTML se abran siempre por defecto con este programa. Por el momento le diremos que no y al hacerlo, claro, aparece otra pregunta...

Quieres que Html-Kit detecte los navegadores que tienes para usar la vista previa con ellos? Fíjate, a esta le vamos a decir que sí, para que no se diga...

Ahora como ves en la ventana de aqui abajo, pregunta si quieres descargarte enlaces de ayuda e información actualizada.. A esto le diremos que no, pues ya nos estamos cansando de tanta preguntita y queremos ver el programa de una vez..

No contento con la contestación, nos pregunta si queremos verificar si hay alguna versión más moderna del programa... arghhh. Adivina que ponemos?

Y finalmente (espero) nos invita a dar una vuelta por el programa con el tutorial. Lo siento pero no, mi paciencia tiene un límite, je je je.

Bueno. Ahora ya si que si, aparece una ventana preguntando qué tipo de archivo queremos abrir para empezar. Como opciones tenemos:

Create a new file (Crear un nuevo archivo)

Create a new file based on a template (Crear un archivo basado en una plantilla)

etc, etc, etc. Escogemos Create a new File y antes de pulsar OK desactivamos la casilla de abajo del todo, donde pone "Don´t display this screen again" o "No mostrar esta ventana de nuevo".

 Por fin! El programa se deja ver!

 

Traducir el Html-Kit al español

Ahora que tenemos el Html-Kit instalado vamos a traducirlo al castellano para enterderlo mejor... Para ello es suficiente bajar un archivo de la página web oficial de Html-Kit y descomprimirlo en una carpeta de nuestro disco duro.

El archivo necesario lo puedes encontrar en:

http://www.html-kit.com/html-kit/download/plugin/irtranslationspanish/

Pulsa donde pone "start download" que significa "empezar a descargarlo". Al hacer clic allí se abre esta ventana de Windows preguntandote donde guardar el archivo. Hazlo en la carpeta "default" que se encuentra dentro de una de las carpetas donde has instalado el programa:

Una vez guardado el archivo (llamado irTranslationSpanish.zip) descomprime su contenido en esa misma carpeta y listo. La próxima vez que abras el Html-Kit estará en Castellano gran parte del menú, no todo, pero la gran mayoria.

Si te descargas ese archivo y no logras descomprimirlo haciendo doble cllic sobre él, quizás sea porque no tienes ningún programa descompresor instalado. Puedes bajarte el winrar, instalarlo y poder así descomprimir tanto este como los que te bajes en el futuro.