"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

Me encanta esa forma de explicar las cosas y de hacer fácil lo difícil. ¿Para cuándo tienes previsto sacar ese tema VI?

Recomienda visitar: https://www.axiomafv.com/

El tema sexto va un poco lento.... ¡¡¡el trabajo, los clientes, los alumnos... no me queda demasiado tiempo!!!! pero no tardaré mucho en escribir el tema VI

Si hubiese dado con este post antes me habría ahorrado muchos dolores de cabeza con mi web. Gracias por el aporte y ánimo con el tema 6!!

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

Ánimo con el tema 6. Rubén es un fiera y seguro que te ayuda. He tenido el placer de recibir clases suyas y es muy bueno. Saludos,

Recomienda visitar: https://marcosdelavega.com

Has dado en el clavo con este post, realmente creo que este sitio tiene mucho que decir en estos temas. Un saludo desde San Sebastián

Recomienda visitar: https://seicorlan.com/reformas-donostia-san-sebastian/

This is really interesting, You're a very skilled blogger.

I have joined your feed and look forward to seeking more of your excellent post.

Also, I've shared your website in my social

networks!

Recomienda visitar: http://projectfba.com/

alternatives jungle scout

When some one searches for his required thing, therefore he/she wants to be available that

in detail, so that thing is maintained over here.

Recomienda visitar: http://www.byzbw.com/comment/html/?525612.html

alternative jungle scout

Oh my goodness! Incredible article dude! Thank you, However I am experiencing difficulties

with your RSS. I don't understand why I cannot

subscribe to it. Is there anyone else having identical RSS problems?

Anyone who knows the answer will you kindly respond?

Thanks!!

Recomienda visitar: http://www.hunshuiyao.cc/comment/html/?13563.html

jungle scout alternatives

I was excited to find this web site. I want to to

thank you for ones time just for this wonderful read!!

I definitely appreciated every little bit of it

and I have you bookmarked to check out new information on your site.

Recomienda visitar: http://www.dgyuenan.cn/comment/html/?10216.html

buy furosemide online australia how to get diflucan over the counter can you order valtrex online buy ventolin online albuterol tablets albendazole india online diflucan tablet buy lisinopril 5mg accutane generic amoxicillin cream

order arimidex online australia where can i get clomid metformin 143

lisinopril 5 mg cost for valtrex fluoxetine 40mg capsules furosemide pill lisinopril 5 mg

avodart .5mg price sildenafil 100 mg tablet amoxicillin 500 mg where to buy can you buy doxycycline online diflucan pills otc albuterol usa avodart tablets uk buy albendazole without prescription

fluoxetine 20 mg capsule buy doxycycline from canada how much is over the counter diflucan

valtrex 500 mg

lisinopril 10 mg tablet furosemide pill valtrex otc avodart sale albendazole uk online

accutane generic order vardenafil online doxycycline for sale online uk avodart pharmacy prednisone price

zoloft 50 mg avodart capsule 0.5 mg fluoxetine 10mg tablets australia arimidex generic generic prednisone

where to buy lisinopril

albendazole 2 tabs

avodart australia

buy sildenafil

buy doxycycline 500mg metformin 500 mg coupon buy brand name celebrex buy sildenafil furosemide canada zoloft 10 mg clomid otc canada accutane generic avodart price lisinopril tabs 20mg

tadalafil 20mg

sildenafil buy online usa

celebrex 50

where to get albuterol where to buy ventolin buy furosemide 20 mg uk amoxicillin 500 coupon vardenafil price comparison buy sildenafil 100mg uk buy valtrex online celebrex 50 mg how to buy lisinopril online prednisone 5mg pack zoloft 50 mg medicine prednisone 5mg albendazole 400 mg buy furosemide 40 mg tablets uk lisinopril 10 mg fluoxetine 10mg clomid pills accutane for sale cheap tadalafil buy metformin 500 mg

where to buy valtrex generic

arimidex uk sildenafil generic 108 mcg albuterol furosemide generic tadalafil over the counter usa how much is generic celebrex

albendazole 400 mg accutane online cheap levitra generic zoloft 50 mg arimidex generic

diflucan prescription fluoxetine 10mg tablet amoxicillin 500 mg metformin 500 mg price prednisone coupon

metformin 750 mg valtrex over counter celebrex generic over the counter buy avodart 0.5 mg furosemide 20 mg prednisone 2.5 tablet diflucan otc sildenafil 20 mg arimidex for sale uk order vardenafil online buying lisinopril in mexico levitra 20 mg buy doxycycline lisinopril 40 mg clomid 200mg avodart accutane otc amoxicillin buy online india zoloft 4 mg otc albuterol

prednisone price avodart diflucan canada celebrex 200 mg india metformin 500mg tablets price in india can you purchase prednisone for dogs without a prescription buy ventolin inhalers online zoloft 50 mg furosemide\purchase best pharmacy prices for fluoxetine furosemide 20 tablet generic albuterol sildenafil 20 mg amoxicillin 500 mg furosemide 20 mg doxycycline 40 mg generic cost albendazole cost lisinopril 20mg arimidex medication sildenafil where to buy

online lisinopril 60 mg vardenafil doxycycline 100 sildenafil citrate sublingual generic zoloft 50mg cost furosemide 40 mg over the counter

albuterol 90 mcg albendazole tablet generic metformin 500 mg clomid medication where to buy diflucan without prescription

prednisone 60

prednisone 20mg buying amoxicillin furosemide 12.5 can you buy doxycycline over the counter uk url lisinopril hctz prescription drug levitra lisinopril 20 mg 12.5 mg diflucan singapore pharmacy

diflucan over the counter uk ventolin online canada furosemide tablets clomid prescription australia albendazole tablet how much is prednisone sildenafil citrate canada lisinopril 20 mg doxycycline 100mg fluoxetine

doxycycline price 12.5 mg furosemide

generic levitra from canada buy furosemide 20 mg online diflucan 100 mg tab buy sildenafil generic canada buy celebrex online

buy ventolin valtrex.com clomid prescription price order cheap accutane diflucan pill

lisinopril 30

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.