Presentación

Un sitio web se tiene que publicar en Internet, para que sirva para algo.
Guardado en tu ordenador no sirve de mucho. Podrías convertir tu ordenador
en un servidor web, pero eso se escapa de los objetivos de este curso.

Pero no te preocupes existen soluciones más sencillas. Esta semana vas a

aprender a publicar un sitio web, en un servicio de alojamiento o hosting.
Existen servicios gratuitos y de pago. En este curso vas a aprender a utilizar un
servicio gratuito, que, para aprender y realizar pruebas está muy bien, pero te
aconsejo que contrates un servicio de pago, cuando necesites tener tu página
web personal o la página de tu empresa en Internet.

Puedes encontrar servicios de pago desde menos de cinco euros al mes,

además también vas a aprender qué son los nombres de dominio y cómo
comprar uno. Aquí te vuelvo a decir lo mismo que antes, puedes publicar un
sitio web con un nombre genérico, pero te aconsejo que realices una pequeña
inversión y compres un nombre de dominio propio. La inversión es pequeña,
depende del tipo de nombre de dominio .es, .com, .net, pero por unos diez
euros al año puedes tener un dominio con tu nombre o el nombre de tu
empresa.

Como comprar n dominio de Internet

Ya tienes tu sitio web, lo normal es que lo hayas desarrollado en tu ordenador,

ahora es el momento de publicarlo y la URL es un elemento importante, cuanto
más simple, corta y diferente a las demás, mejor. Para eso necesitas un
dominio pero, ¿cómo se compra un dominio? ¿Está libre el dominio que yo
quiero?

Ten en cuenta que para elegir nombre de dominio no puedes pedir cualquier
cosa, hay normas e incluso de sintaxis, también hay términos prohibidos.
Pongamos que el dominio es lechugas.com. Comprueba primero que nadie lo
ha registrado antes, es tremendamente fácil, hay un protocolo de Internet,
Whois, que te lo dice.

Podemos usarlo desde la página del gobernante supremo de Internet, la

ICANN. Lo primero que vemos es un resumen de los datos de registro de
lechugas.com. ¡Sí, ya está comprado y lo tiene la organización la empresa
Domains for Sale, DBA, NEWEGG! En realidad este resumen sale de procesar
el resultado de consultar con el protocolo Whois por nuestro dominio deseado.
En este aparece toda la información pública relacionada con el registro y, ¿si
preguntamos por lechugas.net? Este dominio si está disponible, este sí lo
puedo comprar.

¿Qué son los agentes registradores? También es cierto que hay cientos de
sitios web que dan esa y más información, busca Whois en tu navegador y te
saldrán un montón de opciones. Yo voy a la primera que me ha salido, en
whois.com nos vuelven a decir que no, que lechugas.com no puede ser,
tampoco lechugas.es. pero lechugas.net si. ¿Te interesa?
Es normal, whois.com, whois.net y muchos más parecidos son empresas que
comercian con dominios de Internet. Estas empresas se han puesto en
contacto con el ICANN y cumpliendo una serie de requisitos y peajes se
dedican a esto. El propio organismo ofrece un listado de registradores
reconocidos, eso para los dominios de primer nivel, .com, .net y similares. Para
otros, por ejemplo, para el dominio .es, España, habría que acudir a
dominios.es, el servicio de red.es, una entidad pública encargado del registro
en este dominio en particular. Ellos mantienen su propia lista de empresas que
tramitan el registro, sus agentes registradores.

¿Cuánto me va a costar? Depende, hay que tener cuidado con esto, unos
ofrecen únicamente el registro del dominio y otros además servicios de hosting,
housing, cloud. Hablando estrictamente de nombres de dominio comprar,
comprar, no se puede, los nombres de dominio digamos, se alquilan durante un
periodo de tiempo. Lo cierto es que hay que buscar un poco para conseguir el
mejor precio, hay mucha competencia y mucho que leer antes de pagar.

En una empresa muy conocida insistimos en nuestro lechugas.com, ya

sabíamos que estaba ocupado, pero lechugas.net lo podemos conseguir por 10
euros, contratemos.

¿Qué te decía? Esto es más o menos habitual, esta competencia lleva a

ofertas y muchas suelen ser de primer año, te cobramos 10 ahora, pero 25 a
partir del siguiente. Hay una opción interesante que es el Whois privado. Más o
menos para evitar que tus datos personales aparezcan en las bases de datos
públicas de dominios en Internet, la empresa pone los de una oficina suya
virtual. Si alguien quiere contactar contigo, no podrá hacerlo directamente,
antes debe pasar por el registrador, así se evita entre otras cosas, el spam.
Una vez elegida nuestra tarifa, daremos datos personales asociados al
dominio, pagaremos y esperaremos 24 ó 48 horas, hasta confirmar que es
nuestro.

¿Cómo lo renuevo? Prácticamente igual que cuando adquieres por primera

vez, generalmente unos días antes de su expiración, elige por cuánto tiempo
más y paga lo que te digan. Red.es exige que no pasen más de 10 días para
aportar la prueba de haber efectuado el pago, como tú pagas al registrador y el
registrador a Red.es, paga cuando te digan.

¿Por qué hay dominios registrados pero sin usar? Antes de esto, era un
festival: se reservaba en dominios libres que no se iban a utilizar, simplemente,
se adueñaban de ellos sabiendo que el dueño natural lo iba a reclamar y solo lo
ceden por una módica cantidad. Se sigue haciendo, pero ya hay legislación
suficiente como para poder evitar esta especie de secuestro. En esa línea
ciertos nombres de dominio están bloqueados o con ellos corres el riesgo de
que te lo expropien sin más. Sólo un ejemplo reyfelipe6.es.

Nada más, me gustaría recordarte algunos de los sitios web en los que puedes
encontrar más información sobre mí y sobre mi trabajo y cómo contactar
conmigo.
Como publicar un sitio web: Alojamiento (hosting parte1)

Para publicar un sitio web en Internet, lo primero que hay que hacer, es adquirir
un dominio, que es el nombre con el cual los usuarios van a encontrar nuestro
sitio web.

En un videotutorial anterior explique en qué consisten los nombres de dominio.

Una vez que se tiene elegido uno o varios nombres de dominio, el siguiente
paso es publicar el sitio web en Internet. Para ello, podemos montar nuestro
propio servidor web pero, normalmente, eso solo lo haremos si queremos
probar y aprender cómo se hace, porque en realidad, es mejor delegar en una
empresa experta que se dedique a ello, para así, nosotros poder centrarnos en
el desarrollo del sitio web.

Sin embargo, es una opción interesante. Si el sitio web es realmente grande y

complejo necesita mucho espacio de almacenamiento y volumen de
transferencia, una configuración muy particular y además, contamos con un
presupuesto suficiente para comprar el ordenador y contratar la conexión a
Internet necesaria, y por supuesto, tenemos los conocimientos necesarios para
instalar, configurar y administrar todo el sistema.

En especial debemos tener los conocimientos necesarios para mantener

nuestro servidor web seguro y evitar ataques. Por todo ello, no suele ser la
solución más común. La opción más común es contratar un alojamiento o
hosting, que es lo que vamos a ver en este vídeo tutorial.

Según la Wikipedia, el alojamiento web, llamado en inglés web hosting, es el

servicio que provee a los usuarios de Internet, un sistema para poder
almacenar información, imágenes, vídeos o cualquier contenido accesible vía
web, y la Wikipedia continúa, es una analogía de hospedaje o alojamiento en
hoteles o habitaciones, donde uno ocupa un lugar específico. En este caso la
analogía alojamiento web o alojamiento de páginas web se refiere al lugar que
ocupa una página web, sitio web, sistema, correo electrónico, archivos,
etcétera, en Internet o más específicamente en un servidor que por lo general
hospeda varias aplicaciones o páginas web.

En la actualidad existen diferentes tipos de alojamiento gratuitos y de pago.

Respecto al alojamiento gratuito, es útil para publicar páginas personales,
hacer las primeras pruebas cuando se está aprendiendo a hacer páginas web o
cuando no queremos gastar dinero pero, una empresa seria no debería
emplear este sistema, ya que estos sistemas son limitados, ofrecen malas
prestaciones, espacio y tráfico limitado y suelen añadir publicidad a la página
web.

Respecto a los alojamientos de pago, se suele hablar de los siguientes tipos.

Alojamiento compartido, servidor virtual privado, servidor dedicado, housing y
alojamiento en la nube.

El alojamiento compartido es la solución más común, ofrece mejores

prestaciones que la solución gratuita pero a un precio reducido. Se dice que es
compartido por que se alojan las webs de varios clientes, en un mismo
servidor. Es una buena solución para pequeños y medianos clientes, ya que
ofrece una buena relación calidad-precio, al compartirse el servidor, el costo se
reduce considerablemente.

En el servidor virtual privado, mediante un software especial, que crea

diferentes máquinas virtuales en un mismo servidor, la empresa de alojamiento
ofrece al cliente el control de un ordenador, aparentemente no compartido. Es
una buena solución para clientes avanzados que necesitan un mayor control
sobre su servicio web, además, permite aislar nuestro sitio web de posibles
errores que produzcan otros sitios web de otros clientes alojados en el mismo
servidor.

Por otro lado, el servidor dedicado es la solución más adecuada para un cliente
que desea las mejores prestaciones, pero no quiere preocuparse de algunas
tareas de administración y mantenimiento. El cliente alquila o compra un
servidor completo y tiene el control completo sobre él. La tarea de administrar
el servidor puede encargarse, a la empresa de alojamiento o el cliente puede
tener también la responsabilidad.

En el housing, también llamado co-location, la empresa de alojamiento solo se

encarga del cuidado físico del ordenador, básicamente, proporciona sistemas
de alimentación ininterrumpida y un control de la temperatura ambiental y
además, proporciona la conectividad a Internet. Los servicios de housing, son
ideales para clientes que tienen su propia plataforma tecnológica y que desean
alojarla en unas instalaciones adecuadas con una conectividad de calidad.
Finalmente, el alojamiento en la nube, llamado en inglés cloud hosting, es el
sistema más innovador que permite a un gran número de servidores actuar
como un único servidor. Es más seguro porque el sitio web está alojado en
varios servidores, en vez de uno solo y es un sistema muy flexible porque
permite aumentar las prestaciones en función de la demanda. Para un cliente
pequeño o mediano lo mejor es empezar con la opción más básica, con el
servidor compartido y migrar a soluciones mejores y más costosas conforme
aumenten las necesidades.

Respecto al alojamiento gratuito, no voy a detenerme mucho, hay múltiples

opciones y, como son gratuitas, no hay ningún problema en probar varias y
decidir cuál es la más conveniente. Simplemente, voy a nombrar algunas
propuestas interesantes:

Webs.com ofrece numerosas herramientas para crear sitios web de una forma
sencilla. Posee un producto gratuito pero las prestaciones que ofrece son
bastante limitadas, también ofrece varios productos de pago.

Wix.com permite crear sitios web basados en Adobe Flash de forma gratuita,
para ello, ofrece más de 1000 plantillas que podemos emplear para diseñar
nuestro sitio web aunque, si se quiere crear un sitio web compatible con la
mayor cantidad de usuarios, es mejor no utilizar Adobe Flash.
Otra opción es Google Sites, que permite crear sitios web públicos o privados
para compartirlos con los usuarios que nosotros queramos. La principal ventaja
de Google Sites es que permiten integrar fácilmente otros servicios de Google,
como mapas de Google Maps, documentos de Google Docs o galerías de
imágenes de Picasa.

Por último, también se puede optar por usar un gestor de contenidos como
puede ser, Blogger o Wordpress. Blogger es un servicio gratuito que ofrece
Google, permite crear blogs aunque los blogs se pueden transformar en sitios
web que no parezcan blogs. Blogger permite diseñar gráficamente la estructura
de la página web y ofrece numerosas plantillas para cambiar la presentación
visual de la página web.

Respecto a los alojamientos de pago, los productos que ofrecen las empresas
de alojamiento se suelen llamar planes o paquetes. Son numerosas las
características que definen un plan por lo que es difícil realizar comparaciones
entre diferentes planes, sin embargo, hay algunos criterios que nos pueden
ayudar a decidirnos por un plan de alojamiento. Los principales criterios a tener
en cuenta son: la calidad, que la empresa cumpla lo que hemos contratado y
que resuelva los problemas que tengamos rápidamente, el sistema operativo,
que emplea el servidor web, el espacio de almacenamiento que proporciona,
los límites mensuales para la transferencia de datos, la velocidad de
transferencia máxima que podemos tener, los lenguajes de programación web
que permite emplear, si permite crear bases de datos y cuántas, si admite
múltiples dominios y subdominios, otros, como el número de cuentas de correo
que se pueden crear o si proporciona plantilla para crear el sitio web y por
último, claro está, el precio.

En la próxima parte de este videotutorial veremos cada uno de estos criterios

explicados con más detalle.

Como publicar un sitio web: Alojamiento (hosting parte 2)

En esta segunda parte vamos a ver los alojamientos de pago y en concreto los
principales criterios a tener en cuenta cuando se quiere seleccionar un plan de
alojamiento.

Estos criterios son la calidad, que la empresa cumpla lo que hemos contratado
y que resuelva los problemas que tengamos rápidamente, el sistema operativo
que emplea el servidor web, el espacio de almacenamiento que proporciona,
los límites mensuales para la transferencia de datos, la velocidad de
transferencia máxima que podemos tener, los lenguajes de programación web
que permite emplear, si permite crear bases de datos y cuántas, si admiten
múltiples dominios y subdominios, otros, como el número de cuentas de correo
que se pueden crear o si proporciona plantillas para crear el sitio web y por
último, claro está, el precio.

En esta parte de este videotutorial vamos a ver los primeros cuatro criterios y
en la siguiente parte estudiaremos los seis últimos.
Respecto a la calidad, es difícil de evaluarla sin haber probado antes el
servicio. La calidad se puede resumir en que la empresa cumpla lo que hemos
contratado, que resuelva los problemas que tengamos y que nos ofrezca la
máxima disponibilidad y fiabilidad, es decir, que el servidor web donde esté
alojado en nuestro sitio web, no esté apagado o tenga problemas de
conectividad frecuentemente. Algunos indicadores que nos pueden ayudar a
averiguar la calidad de una empresa de alojamiento son, la calidad de la página
web de la empresa de alojamiento, mirando la profesionalidad de la misma, las
opiniones de clientes antiguos y actuales, que encontremos en Internet, el
tiempo que lleva operando la empresa, el nivel de soporte que ofrece la
empresa, por ejemplo, si ofrece una sección de documentación y manuales, o
si ofrece un apartado de preguntas más frecuentes y por último, si la empresa
ofrece un servicio de atención al cliente y resolución de problemas.

Además, hay que comprobar los mecanismos de contacto que ofrece la

empresa, teléfono, correo electrónico, chat, etcétera. Un parámetro importante
es el tiempo de respuesta, pero esto también es difícil de conocer a priori, a no
ser que nos lo garanticen por escrito en el contrato del servicio.

El sistema operativo, en inglés Operating System, es el software que efectúa la

gestión de los procesos básicos de un ordenador y permite la normal ejecución
del resto del software que se quiere emplear. Los dos sistemas operativos que
normalmente vamos a encontrar en los planes de alojamiento son, por un lado,
Linux y por otro Windows. Normalmente, aunque no es obligatorio que sea así
cuando elegimos Linux, tendremos como servidor web Apache, y cuando
elijamos Windows, tendremos como servidor web Internet Information Server.

La decisión de qué sistema operativo elegir depende principalmente del

lenguaje de programación y de los servicios adicionales que queramos utilizar.
Elegiremos Linux cuando queramos utilizar los lenguajes de programación
PHP, Python, Perl o JSP y la base de datos mysql o postgreSQL.

Elegiremos Windows cuando queramos utilizar los lenguajes de programación

ASP o ASO.NET net y la base de datos Access o SQL server.

Normalmente, un alojamiento en Linux es más barato que en Windows, ya que

la empresa de alojamiento se ahorra la licencia del sistema operativo. También
suele ser más barato porque hay mejores herramientas para la administración
de servidores Linux, lo cual abarata el coste de administración. Como podemos
ver en las ofertas de esta empresa de alojamiento, los planes basados en Linux
son más baratos que los planes basados en Windows, siendo el ahorro de un
30% en el caso del plan más caro.

El almacenamiento también llamado espacio web o espacio en disco es el

espacio del sistema de archivos del servidor que nos ofrece la empresa de
alojamiento para almacenar nuestro sitio web. En inglés se suele llamar Disk
Space, Disk Storage o Hosting Space. Se mide en megabytes o gigabytes y en
la actualidad suele empezar a partir de un gigabyte. El espacio web suele ser
un cebo para atraer clientes, a veces, se ofrecen tamaños muy grandes para
que el cliente piense que cuantos más megabytes de espacio, será mucho
mejor. Sin embargo, para la empresa de alojamiento el almacenamiento en el
servidor es lo más irrelevante y económico, por lo que un espacio web muy
grande, no implica obligatoriamente que la empresa de alojamiento sea buena.

En algunos planes de alojamiento nos pueden penalizar si superamos el límite

de almacenamiento fijado, por ejemplo, en este plan de alojamiento nos
ofrecen 200 Mb de espacio en disco, si superamos ese espacio, nos cobrarán
0,5 euros al mes cada Mb de exceso. Es muy importante asegurarse de que
incluye el concepto de espacio web ya que nos podemos llevar la desagradable
sorpresa, de que incluya todo lo que vamos a emplear en el servidor y
entonces el espacio real para el sitio web se verá reducido drásticamente.

Por ejemplo, en este plan de alojamiento nos indican que podemos tener un
número ilimitado de bases de datos Access, pero las bases de datos consumen
el espacio de almacenamiento disponible. El espacio web que necesitamos
depende del tamaño que tenga nuestro sitio web, es mejor ser conservador,
calcular un tamaño aproximado y aumentarlo en un 20-30% por si nos
quedamos cortos en el cálculo o para futuras ampliaciones a corto plazo.
Evidentemente, si ya tenemos desarrollado nuestro sitio web podemos calcular
su tamaño exacto y por tanto el espacio que necesitamos. Pero lo normal es
que lo no tengamos aún el sitio web construido, por ello, vamos a ver cómo
realizar una estimación del tamaño de nuestro sitio web. Podemos estimar el
tamaño total de nuestro sitio web multiplicando el número de páginas que
tendrá por el tamaño medio de la página.

¿Y cómo se calcula el tamaño medio de la página? Si aún no tenemos

desarrollado el sitio web, calcular el tamaño medio de una página es difícil, ya
que una página web se compone de múltiples ficheros como son: el
código HTML, las hojas de estilo, los códigos de script, las imágenes y otros
objetos que puede contener la página. El tamaño o peso de una página es la
suma del tamaño de todos los archivos que componen una página. Pero es
que, además, para complicarlo un poco más, los ficheros que componen una
página web se comparten entre múltiples páginas web, por lo que tomar el
tamaño de una única página como tamaño medio, es una aproximación muy
burda.

De todos, modos vamos a hacer una prueba. Vamos a calcular el tamaño total
de una página web. Para ello, nos vamos al navegador y vamos a calcular el
tamaño de esta página, la página principal de la web de la Universidad de
Alicante. Si pulsamos el botón derecho sobre una zona vacía de la página, por
ejemplo, aquí, y nos vamos a la opción de ver información de la página,
podemos obtener un tamaño, aquí vemos tamaño 24,88 kilobytes. Pero este no
es el tamaño, no es el peso de toda la página web. Este tamaño es
exclusivamente el del código HTML, el de un solo fichero. Para calcular el
tamaño de toda la página tenemos varias opciones. La primera, si tenemos
instalada la barra de herramientas web developer toolbar, esta barra que tengo
yo aquí instalada, nos podemos ir al menú información y dentro del menú
información, tenemos la opción ver tamaño del documento, pulsamos y nos
aparece esta página web donde nos aparece la suma de todos los ficheros que
componen la página web. Esta página, la principal de la Universidad de
Alicante, tiene un tamaño total de 277 kilobytes, que se calculan como la suma
del código HTML, más la suma de las 12 imágenes que componen la página,
más la suma de un fichero de script, JavaScript, más la suma de un fichero de
estilos CSS.

Otra opción que tenemos para calcular el tamaño total de una página web, es
irnos al menú Archivo y elegir la opción Guardar página web, Guardar como.
Yo puedo guardar la página web en una carpeta y a continuación, me voy al
Sistema de ficheros, a la carpeta donde he guardado la página y tengo por un
lado, el código HTML y por otro lado tengo esta carpeta, donde el navegador
me ha guardado todos los ficheros que componen la página. En concreto tengo
las 12 imágenes que aparecen en la página web, más el código de script,
JavaScript, más la hoja de estilo CSS. Por tanto, desde el Sistema de ficheros
yo puedo seleccionar la carpeta y el fichero, pulsar el botón derecho,
Propiedades y, ahora si, este tamaño, que es la suma de todos los ficheros, sí
que representa el peso total de la página web, que coincide como podemos
ver, 277 kilobytes, con lo que nos había dado la barra de herramientas web
developer toolbar, es exactamente el mismo tamaño.

Como he dicho tomar este tamaño, el tamaño de una sola página como
representación de todas las páginas que componen un sitio web, es algo burdo,
ya que hay ficheros que se comparten entre múltiples páginas, por tanto, en
realidad el tamaño puede ser menor o mayor.

Una vez que ya sabemos cómo calcular el tamaño de una página web, vamos
a hacer un ejemplo de cálculo del espacio de almacenamiento que
necesitamos. Supongamos que nuestro sitio web tiene alrededor de 100
páginas y hemos calculado que el tamaño medio de una página web es de 250
kilobytes. Por tanto, nuestro sitio web ocupa en total unos 25 mil kilobytes. 250
X 100, que son aproximadamente 24 megabytes. Por tanto, un gigabyte, que
es el mínimo que suelen ofrecer la mayoría de las empresas de alojamiento en
la actualidad, es más que suficiente para el sitio web de nuestro ejemplo.

La transferencia, también llamada volumen de transferencia o tráfico,

contabiliza el total de datos enviados en un periodo de tiempo, en inglés se
llama File o Site Transfer. Normalmente, se mide en gigabytes/mes y en la
actualidad suelen empezar a partir de un gigabyte/mes. Esta característica sí
que es importante que la contratamos adecuadamente, porque a veces en la
letra pequeña del contrato de alojamiento puede poner que nos penalizan si las
superamos. Por ejemplo, este plan de alojamiento nos ofrece una transferencia
mensual de 2 gigabytes, sin embargo, si nos pasamos, nos cobrarán 15
euros/mes por cada gigabyte de exceso.

El volumen de transferencia también es difícil de calcular, más difícil aún que el

espacio de almacenamiento porque su valor depende del impacto que tenga
nuestro sitio web, de cuántas visitas vayamos a recibir y eso es algo que no
depende de nosotros. Hay que calcular bien el consumo previsto y saber
cuándo lo superaríamos y cuánto había que pagar por él una vez superado el
límite contratado. También hay que tener claro qué incluye. En condiciones
normales, un sitio web consume más tráfico que el correo electrónico y las
transferencias de ftp, por lo que es suficiente con evaluar el tráfico del sitio
web. Muchas empresas de alojamiento anuncian grandes volúmenes de
transferencia, incluso transferencia ilimitada o tráfico ilimitado. Esto es
imposible, ya que la transferencia se realiza a través de un canal de
comunicación con límites físicos, que, además, se comparten con otros cientos
o miles de sitios web. Normalmente, estas afirmaciones son un mero eslogan
comercial que a veces esconden la incapacidad de la empresa de alojamiento
para contabilizar el consumo realizado. El volumen de transferencia que
necesitamos depende del tamaño que tenga nuestro sitio web y del número de
visitas que tengamos. Vamos a ver cómo realizar una estimación del volumen
de transferencia de nuestro sitio web. Podemos estimar el volumen de
transferencia en nuestro sitio web multiplicando el número de visitantes diarios,
por el número de páginas visitadas por cada visitante, por el tamaño medio de
la página y por el número de días en un mes, usamos 30 por simplificar.

Vamos a hacer un ejemplo de cálculo del volumen de transferencia que

necesitamos. Supongamos que nuestro sitio web recibe alrededor de 100
visitantes al día, cada visitante visita cinco páginas y hemos calculado que el
tamaño medio de una página es de 250 kilobytes. Por tanto, en un día nuestro
sitio web tiene un volumen de transferencia de unos 125.000 kilobytes, que son
aproximadamente 122 megabytes, si multiplicamos la cantidad anterior por 30,
obtenemos el volumen total en un mes, que es aproximadamente 3,6 gigabytes
Gb. Por tanto, un gigabyte, que es el mínimo que suelen ofrecer la mayoría de
las empresas de alojamiento en la actualidad, no sería suficiente para el sitio
web de nuestro ejemplo.

Como publicar un sitio web: Alojamiento (hosting parte 3)

En esta tercera parte vamos a continuar con los principales criterios a tener en
cuenta, cuando se quiere seleccionar un plan de alojamiento.

En la parte anterior vimos los cuatro primeros criterios: la calidad de la empresa

de alojamiento, el sistema operativo que se emplea en el servidor web, el
tamaño de almacenamiento proporcionado y el volumen de transferencia.

En esta parte vamos a ver los siguientes criterios: la velocidad de transferencia

máxima que podemos tener, los lenguajes de programación web que permite
emplear, si permite crear bases de datos y cuántas, si admiten múltiples
dominios y subdominios, otros, como el número de cuentas de correo que se
pueden crear o si proporciona plantillas para crear el sitio web y, por último,
claro está, el precio. Veamos cada uno de estos criterios con más detalle.

La velocidad de transferencia o ancho de banda, en inglés Bandwidth, es la

cantidad de datos que se pueden enviar a través de un canal de comunicación
por unidad de tiempo. Para el caso de los servidores web, las medidas se
hacen en kilobits o megabits por segundo. Normalmente en los planes de
alojamiento más económicos no se suele indicar y solo se garantiza en los
planes más costosos. Al igual que con la transferencia, un ancho de banda
ilimitado es totalmente imposible, siempre existirá un límite, aunque haya
algunas empresas que lo prometan.

El ancho de banda indica el límite de transferencia de datos que podemos

alcanzar en un momento determinado. El ancho de banda influye en el tiempo
de respuesta del servidor web y en el tiempo que necesita un visitante para
acceder a una página web, por tanto, es un parámetro que afecta a la
percepción que tienen los visitantes de nuestro sitio web. Vamos a verlo con un
ejemplo sencillo, en el que, con el fin de simplificar el ejemplo, no vamos a
tener en cuenta otros factores que influyen en el tiempo de acceso a una
página web.

Vamos a calcular el tiempo que necesita un usuario para descargar una página
de nuestro sitio web. Suponemos que el tamaño medio de la página es de 250
kilobytes o 2000 kilobits y la velocidad de transferencia que tenemos contratada
en nuestro plan de alojamiento es de 512 kilobits por segundo. Si el usuario se
conecta él sólo dispone de todo el ancho de banda del servidor para descargar
la página web. Realizando una sencilla operación matemática, calculamos que
el tiempo necesario para descargar la página es de casi 4 segundos. Si ahora
se conectan cinco visitantes simultáneamente, el ancho de banda se tiene que
compartir entre los cinco visitantes y por tanto, cada visitante disfruta
únicamente de la quinta parte del ancho de banda disponible y por
consiguiente, el tiempo necesario para descargar una página web se multiplica
por 5 llegando a casi 20 segundos. Como se puede ver en este gráfico que
representa el número de visitantes a lo largo de las 24 horas de un día, existen
momentos en los que el número de visitantes al sitio web es muy bajo, por
ejemplo, entre las 6 y las 7 de la mañana, mientras que existen otros
momentos, por ejemplo, sobre las 5 de la tarde, en el que se alcanza el
máximo. El cálculo del ancho de banda que necesitamos ha de realizarse
teniendo presente los momentos de mayor actividad, lo que hace más complejo
el cálculo, ya que el número medio de visitantes no es un valor apropiado.

El lenguaje de programación, en inglés Programming Language, se emplea

para dar las instrucciones de cálculo al ordenador y permite crear aplicaciones
web. Si nuestro sitio web es estático, no tiene programación, esta característica
no nos importará mucho porque no la utilizaremos. Sin embargo, si pensamos
publicar una aplicación web es muy importante comprobar qué lenguajes de
programación admite el plan de alojamiento que vamos a contratar. Existen
múltiples lenguajes de programación, la decisión de emplear uno u otro
depende más de los gustos y conocimientos que posea la persona que va a
realizar la programación ya que la mayoría de los lenguajes de programación
modernos ofrecen la misma potencia y permiten realizar las mismas tareas con
un costo similar.

La base de datos, en inglés Database, o mejor dicho el sistema gestor de base

de datos, es el software que permite almacenar y posteriormente recuperar, los
datos que necesita una aplicación de forma rápida, segura y estructurada. Si
nuestro sitio web es estático y no tiene programación, la base de datos, es otra
característica por la que, en principio, no nos tenemos que preocupar mucho.
Respecto a los sistemas gestores de base de datos que podemos encontrar en
los planes de alojamiento, si el sistema operativo es Linux, se suelen ofrecer
MySQL y PostgreSQL, mientras que si el sistema operativo es Windows, se
suelen ofrecer Microsoft Access y Microsoft SQL Server.

El dominio o nombre de dominio en inglés, Domain o Domain name, es el

nombre mediante el cual los visitantes van a encontrar nuestro sitio web. A un
mismo sitio web se puede llegar a través de diferentes nombres de dominio, el
emplear uno o varios nombres de dominio, es más una cuestión de imagen o
de estrategia empresarial, que una cuestión técnica. Por otro lado, los
subdominios, permiten crear subdivisiones del dominio principal. Normalmente
se emplean para crear sitios web adicionales, bajo el paraguas del sitio web
principal, por ejemplo, los subdominios se pueden emplear para crear sitios
web adicionales, en función de la situación geográfica. Algunas empresas de
alojamiento ofrecen un número ilimitado de dominios y subdominios.
Necesitaremos disponer de múltiples dominios y subdominios si queremos
organizar el sitio web en diferentes secciones, como puede ser por la situación
geográfica, como hemos visto antes o por el contenido.

Otras características que pueden interesar comparar entre distintos planes de

alojamiento son el número de cuentas de correo electrónico de FTP y SSH que
nos ofrecen. Si se facilitan scripts y librerías preinstaladas, las aplicaciones web
preinstaladas que existen como de foros, de blogs, gestores de contenidos, de
comercio electrónico, el panel de control que ofrece que es la herramienta que
permite gestionar el plan de alojamiento, si ofrece análisis estadístico de las
visitas al sitio web y acceso directo a los ficheros de registro o logs, que es
donde se almacenan los datos estadísticos de las visitas al sitio web, si ofrece
un servicio de copias de seguridad, si ofrece el servicio cron, que permite
programar procesos en segundo plano para que se ejecuten de forma
periódica, si se pueden realizar conexiones seguras al servidor con SSL y si
tiene capacidades de streaming de vídeo y audio.

Y por último, claro está, el precio. Hay que encontrar un equilibrio entre lo que
queremos obtener, qué calidad queremos y el precio que estamos dispuestos a
pagar. Al comparar las ofertas de diferentes empresas de alojamiento,
podemos encontrar lo más acorde a nuestras necesidades, y un factor que
influye en el precio, es el periodo de contratación. Muchas empresas de
alojamiento ofrecen grandes descuentos si se realizan contratos por periodos
largos de tiempo. Por ejemplo, si se contrata el alojamiento por uno o dos años,
se pagará mucho menos que si se realiza el contrato por trimestre. Además,
normalmente, un alojamiento en Linux es más barato que en Windows ya que
la empresa de alojamiento se ahorra la licencia del sistema operativo. También
suele ser más barato porque hay mejores herramientas para la administración
de servidores Linux, lo cual abarata el coste de administración. En este ejemplo
concreto de esta empresa de alojamiento, para el plan más costoso, para el
plan más avanzado, podemos lograr un ahorro del 30%, si contratamos un plan
basado en Linux en vez de Windows. Los agentes registradores, las entidades
autorizadas para vender los nombres de dominio, también suelen ofrecer
planes de alojamiento, normalmente suelen ofrecer un paquete completo que
incluye el registro del nombre de dominio y el alojamiento. Pero no hay ninguna
obligación en contratar ambos productos a la vez, el nombre de dominio y el
plan de alojamiento se pueden contratar a diferentes empresas.

Como existen múltiples empresas, tanto españolas como de otros países que
ofrecen planes de alojamiento, la decisión de qué plan contratar puede ser un
poco complicada. Para ayudarnos existen algunas páginas web donde se
realizan comparativas de alojamientos pero hay que tener cuidado y
asegurarse de que la comparativa es reciente y está actualizada con las
últimas prestaciones y precios.

Para finalizar algunos consejos: fíjate un precio máximo que estás dispuesto a
pagar y a partir de ahí, busca el plan de alojamiento que te ofrezca mejores
condiciones, si no estás seguro de la elección que has realizado, lo mejor es
probar por un periodo corto de tiempo, por ejemplo, un mes o un trimestre y. si
tienes varios sitios web, lo mejor es no poner todos los huevos en la misma
cesta, contrata los planes de alojamiento con diferentes empresas y así podrás
comprobar realmente cuál te resulta mejor para tus necesidades.

Como se publica un sitio web en Internet (Parte 1)

¿Por qué hay que publicar un sitio web en Internet? Un sitio web se compone
de diferentes ficheros, las páginas HTML y todos los ficheros como imágenes y
vídeos que se emplean en las páginas HTML. Un sitio web se desarrolla en un
ordenador, que se suele denominar servidor de desarrollo. En muchos casos,
el servidor de desarrollo es el ordenador personal con el que trabaja el
desarrollador web. El servidor de desarrollo normalmente no está
permanentemente conectado a Internet, lo cual plantea un problema ya que los
usuarios que quieran acceder al sitio web se pueden encontrar con la
desagradable sorpresa de que no pueden, en ciertas ocasiones, acceder
porque el ordenador está apagado o desconectado de Internet. Además, el
servidor de desarrollo suele ser un ordenador que no está preparado para dar
servicio a cientos de usuarios a la vez. Sin embargo, el servidor de producción
está preparado y configurado para atender las peticiones de cientos de
usuarios de forma concurrente. Claro, seguramente se te está ocurriendo la
genial idea de comprarte un mega súper ordenador y montarte un servidor de
producción en casa. Sí, lo puedes hacer, como ejercicio para aprender es una
muy buena opción, pero como generador de dolores de cabeza también es una
muy buena opción.

Es mejor que delegues las funciones del servidor de producción en los expertos
en la materia como son las empresas de alojamiento o hosting. Una vez
desarrollado un sitio web, se debe copiar del servidor de desarrollo al servidor
de producción para que esté disponible para cualquier usuario, en cualquier
momento. La copia de un sitio web desde el servidor de desarrollo, hasta el
servidor de producción se puede realizar de diferentes formas. Una muy común
es mediante FTP, File Transfer Protocol, el protocolo de transferencia de
archivos. Para realizar el envío se tiene que usar un programa específico que
se llama cliente de FTP. Normalmente, la mayoría de los sistemas operativos
incluyen un cliente de FTP sencillo, por ejemplo, éste es el cliente de FTP de
línea de comandos, que incluye Microsoft Windows. Para usar este programa
tienes que conocer los comandos de FTP, afortunadamente, existen programas
mejores, sólo hay que buscar un poco. Por ejemplo, para Windows es muy
popular winSCP, un programa gratuito, aunque también existen otros
programas de pago, como smartFTP, que se puede probar durante 30 días.
También existen clientes online de FTP, como net2FTP, que es ofrecido por
muchas empresas de alojamiento.

Como se publica un sitio web en Internet (Parte 2): cliente FTP

En el vídeo anterior, "Cómo se publica un sitio web en Internet parte 1" te

expliqué que para que un sitio web se pueda usar, se debe copiar desde el
servidor de desarrollo hasta el servidor de producción, para que esté disponible
para cualquier usuario en todo momento. La copia se suele realizar mediante
FTP, File Transfer Protocol, el protocolo de transferencia de archivos. Para
realizar la copia se tiene que usar un programa específico que se llama cliente
de FTP. En este vídeo vamos a utilizar un cliente de FTP llamado FileZilla. Este
programa es gratuito, así que, lo puedes descargar. Como puedes ver, este
programa está disponible para diferentes plataformas, Windows, Linux y Mac
OS X, además, como es un proyecto opensource, un proyecto de código
abierto, también te puedes descargar el código fuente.

Lo primero que te descargas no es el programa en sí, sino un administrador de

descargas, que te hará unas preguntas. Una vez instalado el programa te
recomiendo que consultes la documentación básica, las instrucciones de uso
básicas y cómo configurar FileZilla y la red local.

Te voy a mostrar a continuación, un ejemplo real de uso. Este es el programa

que voy a usar para realizar la transferencia de FTP, FileZilla. Este programa
permite cambiar el interfaz, ahora mismo se está mostrando con el interfaz por
defecto, pero si me voy al menú Edición, Opciones, tengo una opción llamada
Interfaz, donde puedo cambiar la distribución de los paneles. La distribución por
defecto, se llama Clásico, pero puedo poner otra serie de distribuciones. En mi
caso, como dispongo de una pantalla panorámica, una pantalla de Full HD, lo
voy a cambiar a pantalla panorámica que me muestra una distribución más
adecuada. En esta distribución a la izquierda, tenemos el sitio local, el sitio
local es mi ordenador, el disco duro de mi ordenador. En el primer panel
aparece la estructura de directorios y a la derecha, aparece el contenido del
directorio que tenga seleccionado. A la derecha tenemos lo mismo, pero para el
sitio remoto, para el servidor de FTP al que me voy a conectar. Ahora mismo
aparece vacío porque no está establecida ninguna conexión, hay diferentes
formas de establecer una conexión. Tenemos la posibilidad de realizar una
conexión rápida, para ello simplemente, tengo que introducir estos datos,
nombre del servidor, nombre de usuario, contraseña y puerto, por tanto,
necesito estos datos de mi servidor en el cual voy a publicar mi página web.

El ejemplo lo voy a realizar con un sitio web que tengo alojado en Hostinger.
Hostinger es una empresa de alojamiento que ofrece hosting gratuito y también
hosting de pago. He elegido Hostinger simplemente porque la conozco, no es
que sea la mejor o la peor, simplemente porque la conozco.
El primer paso es obtener los datos de mi cuenta de FTP, aquí tengo creado
este sitio web, esta cuenta y me voy a la opción de Administrar y busco los
datos de FTP, en concreto tenemos aquí, Acceso FTP y se me proporcionan
los datos que yo voy a necesitar en el programa FileZilla, para establecer la
conexión, tenemos servidor, nombre de usuario, contraseña y puerto. El puerto
lo podemos dejar vacío para que use, como vemos aquí, el puerto
predeterminado para FTP, que es el puerto 21. Por tanto, este dato no hace
falta meterlo, pero estos tres sí que los necesitamos, servidor, nombre de
usuario y contraseña.

Vuelvo a la página de mi empresa de alojamiento Hostinger y tenemos los

datos que necesito, en primer lugar, tenemos el nombre de host o el nombre
del servidor, copio todo esto, copiar y me lo llevo a FileZilla y lo copió aquí, en
servidor. A continuación, necesito el nombre de usuario, repito lo mismo, me
voy a los Datos y busco el nombre de usuario, usuario FTP, y copio todo esto,
copiar y pegar y por último, necesito la contraseña, que evidentemente, pues
aquí no me aparece, me aparecen unos puntitos, pero que la tengo ya
guardada en otro sitio y simplemente pues la pego y le doy a conexión rápida.
Al establecer la conexión en este panel, va a salir el log, el registro de la
conexión y se activarán estos dos paneles, vamos a verlo. No es necesario,
pero podría yo consultar el log, el registro y ver lo que ha ocurrido. En este
caso, todo ha ido bien, la conexión se ha establecido correctamente, si no se
puede, me saldrían aquí algunos mensajes de error.

Por ejemplo, voy a cambiar el nombre de usuario, voy a borrar esto de 32, le
doy a conexión rápida, le digo que aborte la conexión actual, aunque podría
establecer una conexión en una nueva pestaña, podría tener dos conexiones
abiertas, voy abortar la actual y se intenta conectar y esta vez no se puede
conectar. Claro, porque este usuario no existe, así que, presta atención cuando
te conectes mediante FTP. Para ver lo que ha ocurrido, consulta la ventana de
registro de log.

Voy a volver a poner el usuario correcto, le doy a conexión rápida y ahora otra
vez se ha podido conectar. Bien, aquí aparece digamos, que el disco duro del
servidor remoto al que me estoy conectando, este no es el disco duro de mi
ordenador, que es este, sino que es de un ordenador al cual ahora mismo me
estoy conectando. Aparece una estructura de directorios, el directorio raíz, que
tiene dos directorios, logs y public, subrayado HTML y además en el raíz
aparece un fichero que pone, “No cargar aquí”. Yo aquí no tengo que cargar mi
sitio web que lo tengo aquí preparado, ¿dónde lo tengo que cargar? Lo tengo
que cargar a la carpeta "Public_html", pero si no lo sé, no hay problema, me lo
explica aquí mi sitio de alojamiento: me dice "Carpeta donde cargar archivos" y
justo me indica que "Public_html". Antes de subir los ficheros, vemos que ya
hay algo, hay un fichero llamado default.php y un fichero punto htaccess.

Si yo accedo a mi sitio web, le doy a recargar, vemos que me sale esta página.
Está es la página por defecto que me proporciona mi empresa de alojamiento.
Es justo este fichero default.php. Cuando yo era suba a mi sitio web aparecerá
mi página.
Mi sitio web es muy sencillo está compuesto de dos páginas, ahora lo veremos,
y tenemos una carpeta, img, donde he almacenado una imagen que va a
aparecer en la primera página. Para subir mi sitio web, lo puedo hacer de
varias formas: puedo seleccionar todo el contenido, botón derecho, le doy a
subir o simplemente lo selecciono y puede arrastrarlo, yo lo arrastró y se ha
subido sin problemas. Podemos ver cómo en la pantalla, en el Panel de registro
han ido apareciendo muchos comandos y mucha información y aquí, en este
Panel de estado aparecen transferencias satisfactorias y se me informa de los
tres ficheros que acabamos de subir, aparece la ruta local y la ruta del servidor
remoto el servidor de destino donde lo he subido por FTP y todo se ha subido
correctamente.

Yo ya tengo subido mi sitio web y lo podría probar. Si yo ahora recargo, ya me

aparece mi página, "Prueba de FTP". En la página aparece una imagen, tengo
puesto el enlace a la segunda página y de la segunda página puedo volver a la
primera página, es un ejemplo muy sencillo.

¿Por qué ha aparecido automáticamente mi página? Pues porque le ha

llamado "index.html", los servidores web normalmente están configurados para
buscar unas páginas por defecto. En este caso, este servidor web, busca en
primer lugar la página "index.html" y la muestra y si no la encuentra mostrará la
página "default.php". Si yo, por ejemplo, ahora le cambió el nombre, lo
renombró y la llamo, por ejemplo, "Principal", pues al volver aquí a mi sitio web,
ahora no volverá a salir mi página, sino que saldrá a la página por defecto, ya
que, no existe "index.html". Yo sí que puedo acceder a mi página pero tengo
que escribir su nombre, el nombre del archivo. Repito, si yo quiero que aquí,
por defecto, salga mi página principal, mi página principal se tendrá que llamar
"index.html". Volvemos al navegador y ahora al recargar, fíjate que vuelve a
salir mi página.

Sencillo, ¿verdad? Bien, recuerda que cuando trabajamos con FTP estamos
transfiriendo archivos de nuestro ordenador, de nuestro disco duro a un disco
duro remoto, al servidor de FTP y en cualquier momento puedes volver a subir
una nueva versión. Eso sí, cuando vuelvas a subir una nueva versión, por
ejemplo, voy a subir este fichero, pues evidentemente se me va a avisar de que
estoy intentando sobreescribir un fichero que ya existe y se me indicará lo que
quiero hacer, si sobreescribir, cambiar el nombre, etcétera. Lo típico que
aparece cuando también estoy copiando un fichero entre dos directorios en mi
propio disco duro, que puede ocurrir que ya exista un fichero con el mismo
nombre. Sencillo ¿verdad? Ahora te invito a que veas la tercera parte de este
vídeo, en el que se muestra el uso de un cliente de FTP online, es decir, a
partir a través de página web.
Como se publica un sitio web en Internet (Parte 3): cliente FTP

En la primera parte de este vídeo te expliqué que para que un sitio web se
pueda usar se debe copiar desde el servidor de desarrollo hasta el servidor de
producción, para que esté disponible para cualquier usuario en todo momento.
En la segunda parte de este vídeo, te expliqué que la copia se suele realizar
mediante FTP, File Transfer Protocol, el protocolo de transferencia de archivos
y para realizar la copia se tiene que usar un programa específico que se llama
cliente de FTP. Te mostré el uso de un cliente de FTP llamado FileZilla, un
programa que tienes que descargar e instalar en tu ordenador.

Pero, ¿qué pasa si no quieres instalar un programa en tu ordenador o incluso

no puedes hacerlo por alguna razón? No hay problema, existen alternativas
como por ejemplo el uso de clientes de FTP online, que es lo que te voy a
mostrar en este vídeo. En concreto te voy a mostrar el uso de un cliente de
FTP, llamado Net2FTP, vamos a verlo.

El sitio web que tengo desarrollado es un sitio web muy sencillo, lo voy a
publicar en un dominio que tengo alojado en Hostinger. Hostinger es una
empresa de alojamiento que ofrece alojamiento gratuito y alojamiento de pago.
Estoy usando Hostinger, no porque sea ni la mejor ni la peor de las empresas
de alojamiento, simplemente porque es una de las que conozco.

Para realizar la subida del sitio web, la publicación del sitio web, tenemos que ir
a nuestra cuenta de Hosting, administrar y normalmente las empresas de
Hosting nos van a ofrecer una opción de administrador de archivos, en
concreto, Hostinger me ofrece dos administradores de archivos, uno antiguo y
uno más moderno. Voy a usar el más moderno y, cuando entro en él, se me va
a abrir el cliente Net2FTP. Aquí lo tenemos, ahora mismo, nada más abrirse se
muestra el contenido del ordenador remoto, el disco duro del servidor, al cual
me voy a conectar (realmente ya estoy conectado), y al cual voy a subir mis
páginas web. Fíjate que aquí aparece un fichero que pone "Do not upload
here", no subas aquí nada, ¿dónde tenemos que subir nuestro sitio web? Lo
tenemos que subir a la carpeta al directorio public_html, entro en ese directorio
y me encuentro ya una serie de ficheros aquí es donde yo debo de subir mi
sitio web.

En primer lugar, voy a probar mi sitio web que se llama "idesweb.esy.es",

aparece la página por defecto, de mi sitio web, que es la página que produce
este fichero default.php, un fichero que ya me deja aquí, en mi directorio, la
empresa de alojamiento. Yo aquí voy a subir mi sitio web, que lo tengo aquí. Es
un sitio web sencillo, compuesto de un directorio que contiene una imagen y
dos páginas web.

Lo puedo subir fichero a fichero o puedo subirlo todo de golpe. Le doy aquí a la
opción de Upload y como digo, puedo seleccionar fichero a fichero, o tengo la
opción de subir un fichero comprimido que, al subirse, se descomprimirá
automáticamente. Esta es la opción que voy a emplear, porque es la más
cómoda, así que, en primer lugar, voy a comprimir todo mi sitio web. Lo puedo
comprimir de distintas formas aquí, por ejemplo, en Windows, puedo usar la
opción integrada en el sistema operativo, Enviar a carpeta comprimida en Zip o
puedo usar algún programa de compresión, por ejemplo, aquí tengo el
programa 7 Zip y podría obtener el mismo resultado.

Voy a usar la opción de Enviar a, Carpeta comprimida y me ha generado aquí

un fichero zip, que lo voy a llamar "Mi sitio web" y este es el fichero que voy a
subir. Vuelvo al cliente net2FTP, seleccionar archivo, muy importante, en este
lado no seleccionar el archivo aquí, porque esto es para ir subiendolos uno a
uno. Selecciono el archivo y me voy a mi sitio web, que está en el escritorio,
Carpeta idesweb y voy a subir el fichero zip comprimido. Puedo subir varios a
la vez si quiero, le doy a subir y ya se ha subido. Me aparece el resultado de la
subida y dice que el fichero se ha subido bien y me indica que se ha
descomprimido el fichero y que además, se ha creado un directorio. Fijaros,
aquí ha salido un mensaje de error, pero esto es un problema de net2FTP, no
es un problema nuestro y muy importante, esto simplemente un comentario:
este tipo de errores no deberían de aparecer, los mensajes de error, cuando
desarrolles un sitio web, esto puede ser un problema de seguridad.

Volvemos hacia atrás y ya nos encontramos con que aparecen mis dos
ficheros, aparece la carpeta y dentro de la carpeta está la imagen que yo he
subido, y lo podemos probar. Si yo me voy a "Mi sitio web" y le doy a recargar,
va a desaparecer la página por defecto y aparece mi sitio web, con las dos
páginas que he desarrollado.

Aquí en este cliente de FTP puedo hacer más cosas, como puedes ver aquí
puedo copiar, mover, borrar, renombrar los ficheros, las carpetas, puedo
cambiar permisos, puedo hacer muchas cosas, lo típico que se suele hacer con
un explorador de sistema de ficheros, interesante ¿verdad?

HTML5: Computación en la nube

Hoy en día todo el mundo conoce las tres www, la World Wide Web, la web, el
invento que más ha cambiado nuestras vidas en los últimos 15 años.

La web es un sistema de distribución de información, basado en hipertexto e

hipermedia, accesible a través de Internet.

Un elemento esencial de la web es HTML, el lenguaje de marcado que se

emplea para crear las páginas web. HTML permite describir la estructura y el
contenido de una página web, principalmente texto, aunque también permite
incluir otros objetos como imágenes y vídeos. HTML se compone de etiquetas
que se escriben siempre entre los símbolos menor y mayor. Existen etiquetas
para crear párrafos, insertar imágenes, crear formularios y muchas otras más
cosas.

La web y el lenguaje HTML fueron inventados por Tim Berners-Lee a finales de

los años 80. A finales de 1990, Tim Berners-Lee puso en marcha el primer
servidor web usando un ordenador Next. Desgraciadamente, hoy en día no
queda una copia de esa primera página web, sin embargo, sí que existe una
versión posterior de esa primera, en concreto de noviembre de 1992. Como
podemos ver en esta imagen, al principio, las páginas web eran estáticas, sólo
proporcionaban información y no ofrecían ningún tipo de interacción más allá
de navegar de una página a otra.

El lenguaje HTML evolucionó y posteriormente apareció DHTML,

el HTML dinámico, que permite crear sitios web interactivos, utilizando una
combinación del lenguaje de marcado HTML, las hojas de estilo en cascada
CSS, el lenguaje interpretado JavaScript y la jerarquía de objetos DOM.

Unos años después apareció Ajax, una técnica de desarrollo web, que permite
crear aplicaciones interactivas que se ejecutan en el navegador.

Hoy en día la práctica totalidad de los sitios web 2.0, como Facebook, Gmail o
Google Docs funcionan gracias a Ajax, pero la web está en continua evolución
y para que siga avanzando, necesita una tecnología nueva. ¿Cuál? La nueva
tecnología es HTML 5, la quinta y última versión, por ahora, del lenguaje de
etiquetado HTML.

Esta nueva versión incorpora nuevas etiquetas, como veremos en otro vídeo,
muchas de las cuales están orientadas al desarrollo de las aplicaciones
web. HTML 5 va a facilitar el desarrollo de aplicaciones web y va a mejorar sus
prestaciones y rendimiento. Gracias a HTML 5 y las aplicaciones web, se va a
extender la computación o informática en la nube, un paradigma que permite
ofrecer servicios de computación, a través de Internet.

En la computación en la nube todo lo que puede ofrecer un sistema informático

se ofrece como servicio de modo que los usuarios puedan acceder de forma
remota a través de Internet. Además, los datos se almacenan de forma
permanente, en servidores de Internet y se envían al navegador bajo demanda.
Veamos las principales ventajas que ofrece la computación en la nube.

En la computación en la nube, las aplicaciones que usamos y los datos con los
que trabajamos están almacenados en la web, por lo que se puede acceder a
ellos desde cualquier ordenador que esté conectado a Internet y tenga un
navegador web. Al estar las aplicaciones almacenadas en la web, siempre
están actualizadas a la última versión, ya no es necesario preocuparse por las
versiones de las aplicaciones, se actualizan automáticamente y no hay que
descargar ni instalar las aplicaciones y tampoco hay problemas con los datos
que no funcionan en las nuevas versiones.

La web es una plataforma abierta basada en estándares aceptados, por eso las
aplicaciones web se pueden utilizar desde cualquier ordenador con cualquier
sistema operativo. Lo único que necesitamos es un navegador web, como
Google Chrome, Microsoft Internet Explorer, Opera o cualquier otro similar.
Pero, además, hoy en día no nos tenemos que limitar solo al ordenador,
también podemos utilizar las aplicaciones web desde otros dispositivos, como
los teléfonos móviles.
Con la computación en la nube desaparece el concepto de ordenador personal.
Ahora cualquier ordenador es tu ordenador personal, sólo es necesario que
esté conectado a Internet y disponga de un navegador web. Si te roban tu
ordenador o se rompe no es un problema grave, puedes seguir accediendo a
tus aplicaciones y datos desde cualquier otro ordenador. Además, con la
computación en la nube ya no son necesarias las copias de seguridad porque
el proveedor de la aplicación web se encarga de ello.

Por último, como las aplicaciones se ejecutan en la nube, ya no es necesario

descargar e instalar software en el ordenador, lo que reduce enormemente las
posibles infecciones por virus.

¿Pero son todo ventajas con la computación en la nube? La primera objeción

que se plantea a la computación en la nube es la protección de los datos. Se
supone que los datos en la nube están más seguros pero no siempre es así y
prueba de ello son varios casos famosos de sistemas de computación en la
nube que han tenido graves problemas recientemente. Por ejemplo, en octubre
de 2009 se publicó la noticia de que miles de usuarios del teléfono Sidekick,
que empleaba un sistema de almacenamiento en la nube habían perdido todos
los datos, agenda, mensajes, SMS, fotografías, etcétera, debido a un fallo en el
sistema, además, la copia de seguridad también falló.

También, en octubre de 2010, se supo que unos 150.000 usuarios de la red

Facebook habían perdido parte de sus datos, como los contactos o fotografías.
Más recientemente, en octubre de 2010, y también relacionado con Facebook,
se supo que esta red social tiene graves problemas de seguridad que permiten
que cualquiera con un mínimo de conocimientos pueda hackear una cuenta.
Por último, en febrero de 2011, se supo que Google también había tenido
problemas con su servicio de correo Gmail y que miles de usuarios habían
perdido los datos de sus cuentas.

Otra objeción evidente es que con la computación en la nube sin conexión a

Internet, un ordenador no sirve para nada. Afortunadamente, este problema
cada vez será menor ya que la disponibilidad de Internet es cada vez mayor y
al final, será como la de la electricidad, que damos por supuesto que siempre la
tenemos ahí, a nuestra disposición.

En resumen, las principales ventajas que ofrece la computación en la nube son:

permite acceder a las aplicaciones y datos desde cualquier sitio, desaparece el
concepto de versión de las aplicaciones, permite utilizar las aplicaciones y
datos desde cualquier dispositivo, cualquier ordenador o dispositivo puede ser
tu ordenador personal, las copias de seguridad ya no son un problema y por
último, reduce el impacto de los virus y otras amenazas similares.
 HTML: Formularios - Parte 1

¿Qué son los formularios? Según la W3C, un formulario HTML, es una sección de un

documento que contiene contenido normal, código, elementos especiales llamados
controles y rótulos para esos controles. Los usuarios, normalmente, rellenan un formulario
modificando sus controles antes de enviar el formulario a un agente para que lo procese, a
un servidor web, a un servidor de correo, etcétera.

¿Para qué se utilizan? Pues justamente para eso, para permitir que el usuario envíe
información al servidor, formularios de registro o accesos sitios web o formularios de
contacto, hasta para escribir un comentario en Facebook estamos utilizando un formulario.

Te presento las etiquetas básicas para formularios, vamos a ir analizando las una a una.

La etiqueta form, es fundamental para que el resto de elementos puedan ser enviados.
Todos los campos que se quieren enviar, deben estar entre las etiquetas form y /form. Esta
etiqueta no tiene representación gráfica.

Action es el único atributo requerido para la etiqueta form, espera una cadena de texto que
especifique la URL o ruta a la acción de destino que procese los datos de la petición, es
posible utilizar una ruta absoluta o una relativa.

Method indica la forma de enviar la información. Este atributo acepta dos valores, get y
post. Si no se utiliza el formulario se enviará por defecto mediante el método GET. No es
común la expresión, realiza una petición get a la URL http://www.idesweb.es, más bien
diríamos algo así, como, entra en idesweb.es. Sin embargo, para el trabajo con formularios
es necesario saber distinguir entre dos tipos de peticiones que a un cliente le hacen
servidor, get y post hay más pero no las comentaré en este tema.

Get es el método que utilizamos normalmente al navegar. Al utilizarlo en un formulario, los

datos de envío son visibles en la URL, como parejas, nombre, igual, valor. Esta forma de
envío está limitada y el límite depende de cada navegador. Utilizaremos get normalmente
en los casos en los que el resultado del envío sea siempre el mismo y cuando queramos
que el resultado se pueda guardar, por ejemplo, en un formulario de búsqueda.

Post es un método un poco más seguro que get. Para el envío de información sensible,
como pueden ser contraseñas, ya que los datos no son visibles en la URL del navegador.
Además, post no tiene límite en el envío y posibilita la subida de ficheros al servidor. Un
formulario de registro podría ser un buen ejemplo de uso del método post.

Accept-charset espera una lista de juegos de caracteres separados por comas.

Normalmente, utilizamos el estándar y unicode UTF-8 y puede que alguna vez veas en eso
los formularios el juego late in one o ISO-8.859-1 que define el alfabeto latino. No es un
atributo muy común y probablemente no llegues a usarlo en formularios.

Enctype especifica el tipo de codificación por defecto, application/x-www-form-urlencoded y

convertir a todos los espacios en signos suma y caracteres especiales en valores ASCII
hexadecimal.

Multipart/form-data se utiliza cuando vayamos a subir ficheros mediante el formulario y

text/plain sólo convierte los espacios en signos de sumar pero los caracteres especiales no
son convertidos.
La etiqueta input es de las más utilizadas en formularios. Con ella podemos definir gran
parte de los controles típicos de, entradas de tipo texto, casillas de verificación y de opción
conocidas como radio, archivos, contraseñas, campos ocultos y botones varios. En
seguida los estudiaremos en profundidad pero antes quiero destacar que la etiqueta input
no tiene etiqueta de cierre y por tanto, es interesante que la cierres debidamente para
cumplir con los estándares.

El atributo name es común a todos los campos de formulario, no exclusivo de input.

Espero una cadena de texto que indica el nombre que recibirá el campo al ser enviado. Si,
por ejemplo, enviamos un formulario con un elemento cuyo atributo name sea igual a
email, el servicio responsable de procesar ese formulario poder trabajar con un campo de
nombre email.

Para la etiqueta input, type es uno de los atributos más importantes ya que define en qué
se convertirá el control, pese a que no es obligatorio, es recomendable su uso por defecto
es de tipo text.

Checkbox indica que el campo será una casilla de verificación. Después veremos ejemplos
sobre cómo utilizar este y otros tipos de elemento input.

Radio dibujará una casilla de acción o un botón tipo radio. Si todavía no te suena, no te
preocupes, con los ejemplos te quedará más claro.

File muestra un botón que abrirá una ventana para seleccionar un archivo, también
muestra el nombre o la ruta del archivo dependiendo del navegador.

Password genera un campo de texto enmascarado, ideal para campos de contraseña.

Hidden es un campo oculto para almacenar información que el usuario no vaya a introducir
de forma activa, por ejemplo, podríamos incluir el tiempo que ha tardado el usuario en
rellenar el formulario.

Button mostrará un botón.

Submit dibuja un botón enviar que, al pulsarlo, enviará el formulario a la acción que
corresponda.

Image, utiliza una imagen con la misma función que el botón de tipo submit. Me gustaría
destacar que en la actualidad, esta opción es poco utilizada.

Y reset inserta un botón que reiniciara el formulario, borrando los datos insertados por el
usuario.

Disabled deshabilita el campo para que no pueda ser utilizado. Para cumplir con
estándares argumento, igual valor, disabled sea igual a la cadena disabled. La
representación depende del navegador pero el campo queda totalmente inutilizable.

Readonly funciona de forma parecida a disabled pero aplicado por ejemplo a un input de
tipo text sería posible seleccionar el texto y copiarlo.

Ciertos campos necesitan de un atributo value para completar su funcionalidad como

veremos en los ejemplos a continuación.

Ahora que ya conoces todos los atributos comunes a etiquetas input vamos a profundizar
un poco en cada tipo.
El tipo de input por defecto es text, no en vano, el campo de texto es el más común. Los
input de tipo texto pueden limitar el número de caracteres que se insertan, esto es útil, por
ejemplo, para controlar que ciertos campos que en base de datos están limitados no
lleguen con más datos de los que se puedan almacenar.

Maxlength es el atributo encargado de ello y el valor debe ser un número entero.

El atributo size también espera un número y se traduce en la anchura del campo de texto
en caracteres, es decir, un input con 6 3 será lo suficientemente ancho para mostrar tres
caracteres, pero no cuatro. Al estar directamente relacionado con el estilo, desaconsejo el
uso de este atributo. En la medida de lo posible, trata de separar la estructura de estilo en
tus desarrollos web, te facilitará el mantenimiento.

El campo value, en input de tipo texto, indica el valor que tiene este campo por defecto, por
ejemplo, y aunque la actualidad no se realiza esta práctica, podríamos poner el texto
Buscar en un campo para aclarar su funcionamiento. Este texto no se borrará cuando el
componente obtenga el foco y el usuario deberá borrarlo para poder insertar su propia
cadena, normalmente, esta práctica se realiza apoyándose en JavaScript o con atributos
nuevos de HTML 5. Los inputs de tipo checkbox insertan casillas de verificación. Como
estas casillas suelen organizarse en grupos de selección múltiple, es importante que el
atributo name de todas las casillas de verificación del mismo grupo tenga el mismo
nombre, de forma que, al recibirlas, el servicio destino sepa que esos valores
corresponden al mismo campo.

El atributo checked toma como valor el texto checked e indica que la casilla aparece
marcada por defecto. Observarás en los ejemplos que, por cuestiones de elegibilidad,
omito a otros atributos que puedan ser necesarios.

El atributo value en este tipo de elementos es imprescindible. Le indica al formulario qué

valor debe enviar si la casilla está activada. Si no se declara, el formulario enviará
información imposible de procesar.

Los input de tipo radio se representan como casillas de opción, también conocidas como
botones radio. La particularidad de estas casillas es que, a diferencia de las de
verificación, sólo es posible seleccionar una de las opciones. Para que el control funcione
correctamente, es necesario que todos los elementos de cada grupo de casillas de opción,
tengan el mismo valor para el tributo name. Del mismo modo que las casillas de
verificación, un input de tipo radio, mediante el atributo checked, se mostrará seleccionado
por defecto. El atributo value del input seleccionado, será el que se envié junto al
formulario.

Los input de tipo file ofrecen la posibilidad al usuario de adjuntar archivos al envío del
formulario. Según la w3schools, con el atributo accept es posible especificar los tipos de
archivo que aparecen para ser seleccionables, pero, ni está implementado por todos los
navegadores mayoritarios, ni supondrá filtro alguno, ya que la opción de Todos los
archivos, permitirá a los usuarios subir cualquier tipo de archivo. Recuerda que la etiqueta
form tiene un atributo enctype que debe tener el valor multipart/form-data para el envío de
archivos. Es como un ver campos que a priori parecen de tipo texto y al tratar de escribir,
aparecen puntos o asteriscos, en lugar de los caracteres introducidos, estos son los
campos de texto enmascarado o type password. Estos campos tienen las mismas
opciones que los campos de tipo texto. A veces es interesante trabajar con campos ocultos
para enviar información que creemos útil, pero que el usuario no insertará de forma
directa, por ejemplo, como comentábamos, antes sería posible que un método en
javascript contabilizará el tiempo que tarda el usuario en rellenar el formulario y lo
introdujera en este campo antes de enviarlo.
En campo type hidden solo son útiles atributos name y value puesto que no son visibles
para el usuario.

Los botones son otro elemento común en los formularios. Cada vez es más raro verlos con
los estilos del navegador por defecto, puede que porque sean demasiado feos o porque no
encajan en el diseño de la web. Para cada tipo de botón se utiliza un tipo de input
diferente. Vamos a verlos todos.

Al marcar un input como tipo submit se dibujará un botón con el texto "Enviar" cuya acción
será la de enviar el formulario, al destino marcado en el atributo action, de la etiqueta form.

Los botones de tipo reset suelen tener un texto similar a restablecer. Este botón "reinicio el
formulario", dejándolo como si el usuario no hubiese modificado nada. También es posible
insertar botones con otro tipo de acciones, para ello se establece el atributo type=button.
Para dotar de acción a estos botones es necesario trabajar con eventos JavaScript, bien
intrusivo mediante atributos como onclick o bien no intrusivo haciendo uso de librerías o
scripts no incrustados en HTML. Esto se verá en el tema de JavaScript.

Existe un tipo raramente utilizado que consiste en usar una imagen como botón. Si
establecemos el atributo type=image podremos ver este resultado. Para este tipo de input
se utilizan, del mismo modo que para las imágenes, los atributos alt, para incluir un texto
alternativo, y src, para especificar la ruta a la imagen. Este tipo de botones están a medio
camino entre estructura y diseño por lo que desaconsejó su uso. Podremos trabajar el
estilo del botón mediante CSS.

El atributo value empleado en botones, especifica el texto que aparece en el botón, salvo
en el caso de los botones de tipo imagen, que, obviamente, no muestran texto. Para no
alargarme un exceso el vídeo he dejado el resto de etiquetas de formularios para un
segundo vídeo.

En resumen, los formularios se envían mediante dos métodos GET y POST. Con GET el
envío está delimitado y la información enviada es visible, sin embargo, es útil para poder
guardar el resultado en marcadores o favoritos. Y con POST, el envío no tiene limitación y
los datos no son visibles en la URL, además, permite la subida de archivos. Todas las
etiquetas del formulario deben ir entre etiquetas form y /form para que su información sea
enviada con el formulario. Hemos visto que la etiqueta input es muy versátil.

Para terminar, te dejo cuatro consejos que espero que sean útiles, fuera de las etiquetas
forma y /form es posible utilizar elementos de formulario, serán visibles, pero no se enviará
la información, repasa el código. Especifica siempre el atributo type, necesitarás un botón
submit para enviar el formulario, en la medida de lo posible, separa el contenido de estilos,
lo agradecerás cuando tengas que mantener la web.

Puedes hacerme llegar cualquier duda a través de mi correo electrónico o de mi cuenta en

twitter y si realmente te quedaste con ganas puedes pedirme algún caso práctico por estas
vías.
Aspectos clave
En el siguiente vídeo se explican los formularios tradicionales con HTML (qué es un
formulario, para qué sirve un formulario), se muestran las etiquetas y atributos que se
emplean en un formulario y los métodos de envío (GET, POST). Además, se explican los
siguientes controles de un formulario:

 input.
 text.
 checkbox.
  radio.
 file.
 password.
 hidden.
 button.
 submit.
 image.
 reset.

HTML: Formularios - Parte 2

En el vídeo anterior vimos las etiquetas form e input, así como los atributos. Si llegaste a
este vídeo antes que la primera parte, te recomiendo que antes de continuar veas
formularios primera parte para no perderte.

Select permite generar listas desplegables y listas de selección múltiple, además del
atributo name, que es fundamental para el manejo de los datos enviados por el formulario,
como ya vimos en la primera parte del vídeo, select permite utilizar el atributo multiple para
generar listas de selección múltiple. Cuando te haya presentado todos los elementos
necesarios, te enseñaré un ejemplo de lista desplegable y lista múltiple.

Para definir cada una de las opciones de la lista utilizamos la etiqueta option, cuyo atributo
value, será el valor del elemento select, cuando se envíe el formulario. Entre option y
/option, incluimos el texto que queramos mostrar al usuario.

Este sería un ejemplo de lista desplegable, que seguro utilizas habitualmente, y al añadir el
atributo multiple, a la etiqueta select, se transforma en una lista de selección múltiple, para
seleccionar más de un valor es necesario mantener pulsada la tecla control en PC o la
tecla command en Mac, antes de hacer clic sobre los elementos a seleccionar, a partir del
segundo. Además, podemos agrupar las opciones encerrándolas entre etiquetas optgroup
y /optgroup, para facilitar el uso de listas con muchos elementos.

En el ejemplo, puedes ver cómo quedaría el control con agrupación de opciones, fíjate que
la etiqueta optgroup, tiene un atributo label, mediante el cual se especifica el texto que
aparece en el desplegable, los títulos de grupo no son seleccionables.

Seguramente habrás notado que resulta incómodo insertar grandes cantidades de texto
mediante input de tipo texto, para ello, existe un control específico en HTML llamado
textarea, de nuevo, el atributo de name es necesario, fíjate si lo será que no dejo de
repetirlo.

Textarea permite definir el área visible de una forma un tanto peculiar, del mismo modo
que size, en los input de tipo text, tomaba como parámetro el número de caracteres de
ancho. Textarea define la anchura mediante el atributo cols, por defecto a 20 y el alto
mediante rows, por defecto a 2.

En los campos textarea es posible hacer uso de la tecla intro para introducir saltos de
línea. Cuando el área visible sea demasiado pequeña para el texto contenido, el control
textarea, mostrará barras de desplazamiento, típicamente la barra de desplazamiento
vertical.

El elemento label no muestra absolutamente nada en pantalla y sin embargo, es una

etiqueta que mejora la usabilidad y accesibilidad de los formularios. Una etiqueta label
asocia un texto a un control, de forma que, al pulsar sobre el texto, se activa el control
asociado en la mayoría de los navegadores. Además, relaciona el control con su propósito,
fundamental para usuarios que utilicen algún tipo de ayuda a la navegación. Para
relacionar un label con su control de usuario se utiliza el atributo for del primero. Este
atributo espera el identificador del control de formulario con el que se va a asociar. En este
ejemplo, puedes ver como el atributo for, coincide con el atributo i, del componente de
formulario con el que se quiere asociar. Al pulsar sobre el texto de las etiquetas label se
activará la casilla asociada mejorando la usabilidad. ¿Quién no ha hecho clic sobre el texto
de una casilla de verificación esperando que ésta se marcará? Y, además, también mejora
la accesibilidad o, en tu smartphone, ¿no te resulta más fácil pulsar sobre un texto que
sobre una pequeña casilla? Recuerda incluir el atributo value, que he omitido, para mejorar
la legibilidad del código.

Fieldset agrupa elementos de un formulario que están relacionados entre sí. Por ejemplo,
podríamos agrupar los datos personales de un usuario en un fieldset y los datos bancarios
en otro. Además, este control dibuja un marco alrededor de los componentes encerrados
entre fieldset y /fieldset. Para facilitar la lectura del formulario es posible dotar de un título a
los componentes agrupados escribiéndolo entre las etiquetas legend y /legend. Por
supuesto, la etiqueta legend se debe ubicar entre fieldset y /fieldset.

En el ejemplo puedes ver un formulario en el que un usuario incluiría su nombre y correo

electrónico y los temas que quiere cursar. Mediante la etiqueta fieldset, he agrupado los
datos personales en un grupo y los temas en otro, utilizando la etiqueta legend, he titulado
el primer grupo como "Perfil" y el segundo como "Temas". Y eso es todo sobre formularios
por el momento.

En esta segunda parte hemos visto el uso de las etiquetas select y option, para insertar
listas desplegables o de selección múltiple, permitir al usuario escribir texto con más de
una línea de forma cómoda mediante textarea, cómo hacer más accesibles nuestros
formularios utilizando etiquetas label, para asociar texto a controles y a agrupar controles
en conjuntos, con fieldset, para hacer los formularios más digeribles para el usuario.

Y si me lo permites te dejo tres consejos que espero te sean de utilidad: utiliza textarea en
lugar de input, de tipo texto, cuando el usuario vaya a escribir cantidades de texto
considerables. Usa select en lugar de input de tipo radio, cuando ofrezcas tres o más
posibilidades al usuario y en la medida de lo posible, facilita el trabajo a otros usuarios
mediante la etiqueta en label. Recuerda que, como dice Tim Berners-Lee, el poder de la
web reside en la universalidad, facilitarle el acceso a todo el mundo, sin importar
limitaciones, es un aspecto esencial.

Puedes ampliar información y ver ejemplos utilizando tu buscador favorito en alguna de las
páginas de tutoriales como html.conclase.net y htmlquick.com o probando y modificando
online los ejemplos Try Yourself, de la w3schools.com.Te recuerdo que, para hacerme
llegar cualquier duda, tienes disponible mi dirección de correo electrónico y mi cuenta en
twitter y si, como te comenté en el primer vídeo te quedaste con ganas puedes pedirme
algún caso práctico a través de estas vías.

Aspectos clave
En el siguiente vÃdeo se explican los formularios tradicionales con HTML y los siguientes
controles de un formulario:

 select.
 option.
 optgroup.
 textarea.
 label.
 fieldset.
  legend.

[A+] Alojamiento (Hosting) Gratuito

Hola, bienvenido al video alojamiento gratuito del curso Introducción al desarrollo web.
Este vídeo ha sido creado por Dulce Isis Segarra López y Rómulo Espinosa Montoya,
ambos somos alumnos de Ingeniería multimedia, en la Universidad de Alicante. Puedes
contactar con nosotros mediante nuestro email o seguirnos en nuestras cuentas de Twitter
y Tumblr.

En este vídeo te voy a contar los puntos más importantes que debes tener en cuenta a la
hora de elegir un alojamiento web gratuito. Puede que alguno de los términos que se
emplearán no te sean familiares, por ello, en primer lugar, sería recomendable que vieras
el vídeo "Cómo publicar un sitio web: alojamiento", que está dividido en tres partes. Viendo
estos vídeos primero, te será más sencillo entender muchos de los conceptos básicos
sobre alojamiento web.

En cualquier caso, os recuerdo que un alojamiento o hosting es un servicio que nos provee
un sistema para poder almacenar tanto nuestras páginas web, como imágenes, vídeos,
audios, etcétera. El alojamiento web gratuito es útil, para: páginas personales, pruebas y
ahorrar dinero pero, tenemos la desventaja de que, por regla general, suelen incluir
publicidad en nuestro sitio web y las prestaciones son más limitadas que en el caso del
alojamiento web de pago. Una vez tengamos claro que el alojamiento o hosting gratuito se
ajusta a nuestras necesidades, hay que saber en qué fijarnos a la hora de elegir entre las
múltiples propuestas existentes. Algunas de las características que se deben atender a la
hora de decantarse por un hosting u otros son, en primer lugar, la calidad. Aquí debemos
fijarnos en si el servicio es óptimo, si tiene algún tipo de servicio técnico, si posee la
suficiente variedad de opciones, si está disponible usualmente y en la dificultad para
administrar nuestro sitio. En definitiva, que sea eficiente y eficaz.

En segundo lugar, debemos atender al sistema operativo que emplea, ya que esto limitará,
normalmente, el lenguaje de programación y las bases de datos que podremos emplear,
así como los servicios extra que queramos utilizar.

También tenemos que tener en cuenta el almacenamiento, ya que de ello depende que
podamos incluir mayor o menor cantidad de datos en nuestra web.

El límite de transferencia es muy importante ya que si nuestra web tiene mucho tráfico y el
límite de transferencia es menor de lo debido, nuestra web no soportará esta cantidad de
tráfico y además puede ser penalizada.

Hay que tener cuidado con el lenguaje de programación que nos permite utilizar el hosting
a elegir ya que puede que no sea el lenguaje que deseemos utilizar.

El sistema operativo, probablemente, determinará el tipo de base de datos que podamos

utilizar en el alojamiento escogido. Nos deberemos fijar en qué base de datos se ajusta a
nuestras necesidades y si el hosting lo permite.

También es importante el número de dominios y subdominios que vamos a necesitar ya

que normalmente su número es limitado.

Según el alojamiento web que escojamos, puede que nos aparezca una publicidad más o
menos molesta. Hay que tener cuidado con el tipo de publicidad porque le puede resultar
molesta al usuario de nuestra web.
Ahora, os recomiendo una web en la que podréis ver comparativas, tanto de alojamiento
gratuito, como de pago. La web es http://verhosting.com. Es una web muy completa, ya
que compara en función de todo tipo de criterios, como pueden ser el precio, el lenguaje
utilizado, el sistema operativo y muchas más características.

[A+] Alojamiento (Hosting) Gratuito - hostinger.es

Hola, bienvenido al video alojamiento gratuito Hostinger.es, del curso Introducción al

desarrollo web. Este vídeo ha sido creado por Dulce Isis Segarra López y Rómulo
Espinosa Montoya, ambos somos alumnos de Ingeniería multimedia, en la Universidad de
Alicante. Puedes contactar con nosotros mediante nuestro email o seguirnos en nuestras
cuentas de Twitter y Tumblr.

En este vídeo te voy a mostrar cómo puedes, con unos sencillos pasos, subir tu página
web a un alojamiento web gratuito. Para más información sobre alojamiento web gratuito
os recomiendo que veáis el vídeo "Alojamiento gratuito" perteneciente al curso idesweb.

En este caso, utilizaremos el servicio proporcionado por hostinger.es. Además, te

comentaré brevemente las prestaciones que ofrece dicho servicio. Hostinger.es ofrece una
serie de características que hacen que sea un alojamiento web gratuito muy interesante.
Alguna de sus prestaciones son los siguientes: 2 gigas de almacenamiento, 100 gigas de
tráfico de datos, interfaz en español, permite el uso de PHP, tiene un sencillo creador de
sitios web, permite la carga de 50 script, acceso mediante FTP a través de dos usuarios
(aunque no está permitido el acceso anónimo)...También permite dos bases de datos
mySQL, dos subdominios, tareas programadas, streaming de audio y vídeo, dos correos y
por último soporte básico.

Además, nos brinda otra serie de características que podéis ver en el siguiente enlace
(http://www.hostinger.es/hosting-web). Ahora, voy a contaros los pasos que debes seguir
para crear una cuenta en hostinger.es y subir una página web de ejemplo.

En primer lugar, vamos a la página de hostinger.es y, arriba a la derecha, pulsamos en

Crear cuenta. Nos aparecerá el siguiente formulario de registro, donde deberemos rellenar
todos los campos y pulsar en Crear cuenta, ubicado en la parte inferior de dicho formulario.

El siguiente paso, será acudir a nuestro correo electrónico y darle al enlace de activación,
que aparecerá el correo que Hostinger.es nos habrá enviado. Tened en cuenta que he
dicho correo podría estar en la carpeta de correo basura o correo no deseado.

Automáticamente, nos remitirá a una página como la que puedes ver en pantalla, aquí
deberemos rellenar los campos, siendo los más importantes el Nombre y la Contraseña del
dominio. Una vez rellenado todos los campos, pulsamos en crear y habremos creado así,
nuestro primer dominio. Cabe destacar que podremos crear un subdominio de
Hostinger.es o emplear un dominio que hayamos adquirido previamente. Como podéis ver,
se nos indica que la cuenta está siendo creada y que puede tardar hasta 12 horas. Esto se
debe a que se debe distribuir la información por los servidores de nombre de dominio,
DNS. También podemos ver que se nos indica que la contraseña de la página web ha sido
establecida.

Por último, en la parte inferior podremos ver la cuenta que hemos creado. Cuando la
cuenta se haya creado y esté activa, podremos acudir otra vez al panel de control y
veremos que la cuenta aparece como activa. Ahora podemos acceder a Administrar.
En el panel de administración nos aparecerán muchas opciones, pero ahora mismo la que
nos interesa es Importar sitio. En Importar sitio podemos cargar los archivos de nuestra
página web comprimiéndolos todos en un archivo.zip. .tar o .tar.gz. En nuestro caso, es un
archivo .zip. Para cargarlo pulsamos sobre Seleccionar archivo y lo buscamos en la
ubicación correspondiente a nuestro ordenador, lo seleccionamos y pulsamos en Abrir.

En la parte inferior derecha nos aparecerá un recuadro que nos indicará el progreso de la
carga de la página web. Una vez estén cargados los archivos y el dominio este activo,
podremos escribir la dirección de nuestra página web, en este caso,
mipaginaidesweb.16.mb.com y ver el resultado. Como podéis ver, es una página muy
simple que nos muestra tan solo el texto Hello World y el logo de la Universidad de
Alicante. Por supuesto, la página puede ser mucho más complicada siempre y cuando
nuestro alojamiento web lo permita.

Otro punto importante es que no es necesario subir el sitio web al completo cada vez que
queramos realizar un cambio sobre el mismo. Supongamos que hemos realizado cambios
en nuestra página principal y queremos actualizarla para que aparezca en la parte inferior
el texto, “algo ha cambiado”. Para ello, en primer luga,r cambiamos nuestro index.html.
Acudimos entonces al Panel de control y pulsamos otra vez en Administrar. Después,
pulsamos sobre la opción Administrador de Archivos 1. Nos aparecerá la siguiente
pantalla, en ella, debemos pulsar sobre public_html. En la pantalla que aparece a
continuación, podéis ver todos los archivos y directorios de nuestra página web. En
nuestro caso, queremos cambiar la página index.html, que es nuestra página principal.
Hay diversas formas de editarla pero en este caso, vamos a subir la página nuevamente.
Para ello pulsamos sobre la opción Upload. La pantalla en la que nos encontramos ahora
es la pantalla de subida de archivos, aquí debemos pulsar sobre seleccionar archivo y se
nos abrirá la ventana de selección de archivos.

Ahora simplemente buscamos nuestro nuevo archivo index.html y pulsamos sobre Abrir.
Una vez hecho lo anterior, debemos pulsar sobre el símbolo de aprobación verde que
podéis ver en pantalla. Si todo va bien, nos aparecerá una notificación con el estado de
nuestra acción, es decir, se nos indicará si todo ha sido realizado con éxito.

Para terminar el proceso, acudimos de nuevo a nuestra página web y vemos que aparece
el texto "algo ha cambiado" y, por lo tanto. la página principal ha sido modificada.

Por último, me gustaría decir que como siempre lo mejor en estos casos, es probar las
diferentes posibilidades, que nos brindan diferentes páginas de alojamiento y quedarnos
con aquella que más se ajuste a nuestras necesidades.

[A+] Alojamiento (Hosting) Gratuito - 000webhost.com

En este vídeo te voy a mostrar cómo puedes con unos sencillos pasos subir tu
página web a un alojamiento web gratuito. Para más información sobre
alojamiento web gratuito, os recomiendo que veáis el vídeo "Alojamiento
gratuito", perteneciente al curso idesweb.

En este caso, utilizaremos el servicio proporcionado por 000webhost.com

Además te comentaré brevemente las prestaciones que ofrece dicho servicio.
000webhost ofrece una serie de características que hacen que sea un
alojamiento gratuito muy interesante. Algunas de sus prestaciones son las
siguientes: 1500 megas de almacenamiento, 100 gigas de tráfico de datos
permiten el uso de PHP, tiene un sencillo creador de sitios web, permite la
carga de ese script, acceso mediante FTP a través de un usuario permitido
bases de datos mySQL, nos permite cinco subdominios y cinco dominios, cinco
correos, soporte básico... Además, nos brinda otra serie de características que
podéis ver en el siguiente enlace (http.//www.000webhost.com/features).

Ahora voy a contaros los pasos que debeis seguir para crear una cuenta en
000webhost.com y subir una página web de ejemplo.

En primer lugar, vamos a la página de 000webhost.com y nos desplazamos a

la parte inferior de dicha página y pulsamos Order now.

Nos aparecerá el siguiente formulario de registro, donde deberemos rellenar

todos los campos, siendo el más importante, el Nombre del dominio.

Una vez rellenados todos los campos pulsamos en Create my account, ubicado
en la parte inferior de dicho formulario. De esta manera, ya habremos creado
así nuestro primer dominio. Cabe destacar que podremos crear un subdominio
de 000webhost.com o emplear un dominio que hayamos adquirido
previamente.

El siguiente paso será acudir a nuestro correo electrónico y darle el enlace de

activación que aparecerá en el correo que 000webhost nos habrá enviado.
Tened en cuenta que dicho correo podría estar en la carpeta de correo basura
o correo no deseado.

Automáticamente nos remitirá a una página, como la que podéis ver en

pantalla. Podemos observar que la web está en proceso de construcción, pero
en poco tiempo estará activa. Si actualizamos la página, veremos que ya está
activa.

Cuando la cuenta ya está activa, podemos pulsar en Go to control panel para

subir los archivos que componen nuestra web.

En el panel de administración nos aparecerán muchas opciones, pero ahora

mismo la que nos interesa es File Manager.

Antes de que aparezca esta página, nos pedirán la contraseña para acceder al
directorio de ficheros. Esta contraseña será la misma que la de nuestra cuenta.
En File Manager podremos cargar los archivos de nuestra página web, para
ello, accedemos a la carpeta, public_html.

En la pantalla que aparece a continuación, podéis ver todos los archivos y

directorios de nuestra página web, ahora pulsamos sobre la opción Upload.

La pantalla en la que nos encontramos ahora es la pantalla de subida de

archivos. Aquí podremos subir todos los archivos de nuestra web en un archivo
comprimido .zip .tar .tgz o .gz. en la parte derecha o subir archivos individuales,
en el caso de querer subir un archivo o reemplazar uno ya existente, en la parte
izquierda.
En este caso, pulsaremos en Seleccionar archivo, en la parte derecha, ya que
subiremos un archivo .zip. Ahora, simplemente, buscamos nuestro archivo
página.zip y pulsamos sobre Abrir.

Una vez hecho lo anterior, debemos pulsar sobre el símbolo de aprobación

verde, que podéis ver en pantalla. Si todo va bien, nos aparecerá una
notificación con el estado de nuestra acción, es decir, se nos indicará si todo ha
sido realizado con éxito.

Para terminar el proceso, acudimos a nuestra página web y podemos ver que
todo se ha realizado con éxito.

En el caso de que deseemos editar algún archivo de forma individual, podemos

volver al panel de administración y acceder nuevamente a File Manager. Para
acceder a los archivos de nuestra web, recordad que debemos pulsar en
public_html.

Una vez aquí, si deseamos editar por ejemplo el archivo index.html, pulsamos
en Edit. Aquí ya podemos hacer las modificaciones que creamos oportunas y
cuando hayamos terminado, podemos pulsar en el icono de Guardar, para
guardar los cambios.

Por último, me gustaría deciros que, como siempre, lo mejor en estos casos es
probar las diferentes posibilidades que nos brindan las diferentes páginas de
hosting o alojamiento y quedarnos con aquella, que más se ajuste a nuestras
necesidades.