Aprender a Crear una Página Web Paso a Paso

En estas páginas 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.
Qué, la mitad de lo que acabo de decir ni te suena eh? ja ja ja ja, no te preocupes, te lo voy a explicar todo
paso a paso, como si fueras idiota, vale? ja ja ja. Hey, que era broma, no te vayas!!!
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 CCTW 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).
Bien, cómo seguimos las lecciones de esta web?
Arriba verás un menú horizontal con fondo naranja. Desde allí puedes acceder a las distintas lecciones de
este tutorial. Al hacer clic en cada una aparece un menú a la izquierda, con fondo blanco como el que hay
ahora, desde donde accederás a las distintas partes de cada lección. Además, pulsando sobre las flechas
"Siguiente" y "Anterior" de la parte baja de cada página puedes ir avanzando las lecciones por orden. Todo
claro? Pues adelante, basta con pulsar la flecha derecha de aquí abajo.
Recuerda, lee con atención las lecciones, sigue al pie de la letra cada paso y consulta todas tus dudas en el
foro CCTW. Paciencia y... Suerte!!

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

TACHAAANNN!! Por fin! El programa se deja ver! je je je