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

Estoy muy satisfecho de encontrar esta web. Quería daros las gracias por publicar esta maravilla. Sin duda he saboreado cada pedacito de ella. Os te tengo agregados para ver más cosas nuevas de este sitio .

Recomienda visitar: http://www.trekyourway.com/destinos/cursos-de-ingles-estudiar-en-irlanda-dublin/

¡gracias!, Espero poder serte de mayor utilidad.

Por cierto. Toda vez que manifiestas tanto interés por seguir las nuevas publicaciones, me ha parecido que debía darte de alta en el sistema de notificaciones. No es suficiente que me agregues a "favoritos". Si quieres enterarte DEBES inscribirte.

Si no estás conforme puedes hacer uso de tus derechos "ARCO" en el formulario de "baja". El enlace que añado es para que visites mi pestaña conóceme. Igualmente debes visitar la pestaña política de uso.

Recomienda visitar: https://terzas.es/conoce.html

I really like bringing lace frontal https://www.youtube.com/watch?v=ny8rUpI_98I. They are so manner and good.

Recomienda visitar: https://www.youtube.com/watch?v=ny8rUpI_98I

Has dado en el clavo con este post , realmente creo que este sitio tiene mucho que decir en estos temas . Volveré pronto a vuestro blog para leer mucho más , gracias por esta información .

Recomienda visitar: http://www.reformarium.com/puertas-interior-madera-baratas.html

I wanted to write you this very small note to be able to say thank you yet again for your personal superb views you've shared at this time. It's quite wonderfully generous of you to grant unreservedly what exactly some people could have offered for sale for an e-book in making some profit for their own end, chiefly given that you could possibly have done it in the event you decided. Those good ideas additionally worked to be a good way to realize that other people online have similar keenness just as my very own to know lots more when it comes to this problem. I know there are a lot more enjoyable occasions up front for those who see your blog.

Recomienda visitar: http://www.gouptosky.om

I precisely needed to thank you very much once again. I am not sure the things that I would've created in the absence of the type of tricks shared by you concerning this problem. It became a real frustrating case in my position, however , seeing this expert approach you treated it made me to jump for delight. I am just happier for your information and thus trust you are aware of a great job that you're doing educating the mediocre ones using your webpage. More than likely you've never got to know all of us.

Recomienda visitar: http://www.zuowi

esperando como aprovechar el css y el html en blogger :-)

Recomienda visitar: https://www.gastre.es

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.