"El problema de nuestra época consiste en que los hombres no quieren ser útiles sino importantes"

Winston churchill
Las personas que se preocupan menos de ser alguien y se centran mas en colaborar con los que le rodean, tienen más salud, más felicidad y están más próximas a alcanzar sus metas

Tema V: ¡¡NECESITAMOS UN SERVIDOR!!

Para alojar nuestros documentos html y css. Por eso nos vamos a Guadalajara a visitar a Rubén Alonso que nos va prestar un servidor...

- No, tranquilos. No os corto el rollo.

Sí, nos vamos de excursión a Guadalajara. En concreto vamos a la casa de Rubén Alonso para asistir a la clase que va a dar hoy sobre una materia que nos interesa mucho en este curso de desarrollo web.

Pero antes de salir hacia la casa de Rubén vamos a centrar los objetivos de este viaje.

Recordemos algunas cosas que ya hemos visto y que nos van a orientar el sentido de todo este viaje:

Recordatorio 1º: Qué hace el navegador Y qué es HTML y CSS.

Ya dijimos que solo hace dos cosas:

- Pedir a algún sitio, sea tu disco duro, sea un servidor de Internet, un documento

- Interpretar y renderizar (dibujar) ese documento.

También hemos visto ayer que lo que mejor digiere el navegador son documentos escritos con el estándar HTML.

“HTML” es un lenguaje para poner marcas a los textos para que el navegador sepa como representar esos textos. Y CSS (hojas de estilo en cascada) aún no hemos visto de qué va, pero sí empezamos a intuir que complementará al html con reglas para “adornar” los textos marcados.

Lo mas importante, lo que hace especial al navegador (Chrome, Firefox, Opera, …) frente a, por ejemplo, Libre Writter, Word u otros “procesadores de texto e imágen” es...

La capacidad del navegador para
pedir un documento a un SITIO que está FUERA
de tu ordenador.

Recordatorio 2º: La buena praxis de trabajo de un desarrollador web.

Ya introdujimos en la clase de ayer (tema IV) la idea de buena praxis con un concepto fundamental:

- Empezar por el principio y terminar por el final, trabajando ordenadamente.

El siguiente concepto esencial para una buena praxis es este otro:

Hay un objetivo finalista por excelencia, que no es otro que….

colocar los documentos, fruto de nuestro trabajo, en un servidor para que sean accesibles al público destinatarios de los mismos.

- Obviamos decir que el trabajo que hacemos en nuestro ordenador NO es accesible al público a través de Internet.

Recordemos la topología que vimos en el tema III, “El largo camino al ISP” :

Topología básica:

Esto es:

- tu navegador solicita, vía un ISP, un documento a un servidor enganchado a Internet, y el servidor devuelve, via el ISP, el documento solicitado.

Pero esta topología aún la podemos simplificar mucho mas:

Así tenemos que:

- tu navegador es capaz de solicitar a un servidor externo un documento y ese servidor se lo entrega para que el navegador continúe con su trabajo.

Y, ahora, volvamos al concepto de buena praxis:

Dado que el objetivo final de nuestro trabajo es ponerlo a disposición de un público que está fuera de nuestro entorno físico, desde un principio…

...DEBEMOS trabajar en un servidor.

Ya hemos visto anteriormente que nuestro navegador puede solicitar documentos, tanto a nuestro disco duro como a otro lugar fuera de nuestro ordenador. Así que podríamos perfectamente hacer, de momento, el trabajo en una carpeta cualquiera de nuestro disco duro y probar, con bastante aproximación, el resultado.

Pero la opción de probar nuestros documentos desde una carpeta del disco solo es válido mientras usemos html y css. Mas adelante, con php y otras herramientas, no podremos hacerlo así.

Así que, para probar nuestro trabajo,

Pero un servidor hay que pagarlo y …

- pero profe, yo sé que hay muchos servidores gratuitos...

Ya llegaremos a eso dentro de varios días. De momento, créeme si te digo que, ni ahora ni mas adelante, los servidores gratuitos son una buena opción para un desarrollador web.

El caso es que necesitamos un servidor y tenemos una solución que nos vale para trabajar de una forma óptima:

Podemos traernos un servidor a casa

Bueno, no vamos a ir a Raiola Networks a pedirle el servidor para traernoslo a clase; mas que nada porque no nos lo iban a dejar.

¡¡PEEEEERO!!

lo que sí podemos hacer es “separar” una parte de nuestro disco duro del resto y en él instalar un servidor.

A fin de cuentas un servidor no es distinto de nuestro ordenador: CPU y discos duros, un montón de discos duros y un montón de CPU’s. Nada mas. ¡Ah!, y un enganche al cable del telégrafo 3.0 ó, comúnmente llamado, “Internet”.

Por eso nos vamos a visitar a mi amigo Rubén Alonso. Él nos va a enseñar cómo instalar un servidor local en nuestro ordenador.

Vamos a Visitar a Rubén Alonso, Autor de “mi posicionamiento web”.

Antes de ir quiero contaros un detalle o dos:

Rubén nos va a enseñar a hacer tres cosas:

1º- Instalar un servidor local en nuestro ordenador al que llamaremos “LOCALHOST” ó “SERVIDOR LOCAL”

2º también va a contarnos como instalar “Wordpress”. En nuestro curso no vamos a hablar de “wordpress” porque lo nuestro es el desarrollo puro. Pero los “CMS”, antes o después, tendréis que usarlos en el trabajo de desarrollo web. Ya hablaremos mas adelante de ellos y veremos que hay muchos para muy diferentes propósitos de desarrollo.

Eso sí, es una buena idea que te vayas familiarizando con los CMS y, mas concretamente, con Wordpress, si tiene idea de hacer un blog algún día.

3º- también nos va a enseñar Rubén cómo “clonar” un wordpress instalado en un servidor público. Esto te interesa si ya eres bloguero y quieres experimentar con tu wordpress sin riesgos para tu sitio.

Obviamente, quiero que prestéis especial atención a la parte en que Rubén nos instruye sobre como montar el servidor local.

Bien, Pues subamos al autocar que hay ahí fuera y vayamos a Guadalajara, a la casa de Rubén Alonso.

Pulsa sobre la imágen, se abrirá el sitio de Rubén en una pestaña al lado. Cuando terminemos de estudiar en casa de Rubén, volveremos aquí a usar el servidor local. ¿Vamos ya…?

- ¡Vaaale!… hoy hemos estado en Guadalajara con Rubén Alonso y hemos aprendido un montón de cosas. Así que, mejro, nos vamos a ir a casa y mañana pondremos en práctica lo que hemos aprendido hoy y veremos la caja “body”, una etiqueta nueva que se llama “div” y escribiremos estilos CSS para estas etiquetas.

...el revuelo de los que huyen, literalmente, del profe…..

- Pero… ¡esperad un momento!… ¡¡QUE ESPERÉIS, LEÑE!!

No pensarías que te ibas a largar a casa sin un ejercicio….

- joer, profe…

Un experimento:

En el tema III (Se abre en otra pestaña) escribimos un archivo html y otro CSS que mostraba una galería de fotos…

pues ahora quiero que hagas lo siguiente:

- con el explorador de archivos seleccionas el archivo CSS, el HTML, y las fotos que usaste para aquel experimento y los marcas para copiar.

- ahora abres la carpeta de esta ruta:

c:\xampp\htdocs\

- y pegas los archivos que habías seleccionado.

- ¡¡¡¡¡muyyyyy importante!!!!!: Arranca el servidor local como te ha enseñado Rubén. ejecutas "xammp" haciendo doble click en su escritorio, y pulsas el boton "start" de Apache. El de MySQL, de momento, no hace falta

- Abres tu navegador y escribes en la barra de direcciones esto:

http://localhost/galería-de-fotos.html

y pulsas “ir”, claro. O “intro”.

Y… Voilá:

¡hasta mañana!

50mm Slats Room Darkening White Venetian Blind.

Recomienda visitar: http://www.video-bookmark.com/user/chelene9o7

NOTAS:
- Si incluyes tu correo electrónico recibirás notificaciones de los nuevos comentarios de este hilo exclusivamente.
- Si solo quieres seguir el hilo pero no comentar, no escribas en la caja de comentarios pero indica tu correo.
- Si ya has comentado o seguido antes el hilo no hace falta que pongas tu correo de nuevo.
- Reservado el derecho de moderación: Aunque tu comentario se publica automáticamente, después será revisado y puede ser eliminado o editado si no cumple con la politica de uso de este sitio. Si se modera, se publicará un aviso en su lugar indicando las acciones de moderación realizadas.