Escolar Documentos
Profissional Documentos
Cultura Documentos
Introduccin al Desarrollo
Web: HTML y CSS
Mdulo 0 - Presentacin
Vdeo: http://youtu.be/XZt3ngwo4dI
Para que decidas por ti mismo si realmente este ao se cumplen 25 aos del
nacimiento de la Web, te vamos a explicar un poco de su historia. Te
hablaremos de Tim Berners-Lee, de sus ideas y de cmo logr llevar a cabo
su proyecto que finalmente se convirti en lo que hoy conocemos como la
Web.
Las pginas web son documentos que hacen uso del hipertexto y la
hipermedia.
Algo esencial de las pginas web son los enlaces o hipervnculos. Un enlace
se define mediante una URL. Cmo se escribe una URL y qu partes tiene?
No te preocupes, tambin te lo vamos a explicar.
Y para evitar que este primer mdulo sea muy terico, vas a aprender a
crear pginas web utilizando un gestor de contenidos, Blogger.
Pero ojo, eso no es el objetivo de este curso: en este curso vas a aprender
las dos tecnologas que se emplean para crear las pginas web, el lenguaje
de marcado o etiquetado HTML y el lenguaje de hojas de estilo CSS.
Vdeo: http://youtu.be/XZt3ngwo4dI
Este curso es exigente y es muy importante que tengas claro que este curso te va a
requerir de 5 a 10 horas por mdulo. Vas a disponer de ese tiempo?
Si quieres sacar provecho al curso, se constante, planifica un tiempo de aprendizaje
diario, y no seas un "estudiante de fin de semana". El aprendizaje es como el
entrenamiento fsico: no suelen existir atajos y los resultados no son inmediatos.
Pero con esfuerzo, todo llega.
El curso ofrece flexibilidad, pero demasiada flexibilidad es mala. Hay que ser
disciplinado, termina el curso lo antes posible.
Estudia y realiza los ejercicios en pequeos perodos de tiempo, por ejemplo en
perodos de 30-60 minutos. Despus de cada perdodo de trabajo prmiate con
unos 5-10 mnutos de descanso.
Al igual que con el entrenamiento fsico, es muy importante que te diviertas, que
disfrutes con el curso. Si percibes realizar este curso como una obligacin, seguro
que encontrars mil cosas mejores que hacer que sentarte delante del ordenador
para ver vdeos y realizar ejercicios. Pero si te diviertes con este curso, seguro que
no te ser difcil dejar de lado otras actividades para aprender en este curso.
El contenido educativo principal de este curso son una serie de vdeos que hemos
preparado. Cmo tienes que ver estos vdeos? Ahora te lo explicaremos, pero
antes, medita la respuesta a estas preguntas que te planteamos. Crees que se
puede aprender a jugar al ftbol, al tenis o cualquier otro deporte que requiera
tcnica simplemente viendo a gente jugar? Crees que se puede finalizar un
maratn en un tiempo prudencial, pongamos menos de 4 horas, y sin sufrir
simplemente viendo carreras de maratn, sin entrenarse?
S que puede existir gente, muy pocos, unos privilegiados, que pueda aprender la
tcnica de un deporte simplemente por observacin. Sin embargo, la mayora de la
gente necesita practicar, practicar y practicar. Tambin puede existir gente, otra vez
muy pocos, unos privilegiados, que puedan terminar un maratn por debajo de las 4
horas sin entrenarse. Sin embargo, la mayora de la gente necesita entrenar,
entrenar y entrenar.
En este curso ocurre lo mismo. Si quieres aprender, no te puedes quedar con la
simple visualizacin de los vdeos. Tienes que "hacer", tienes que practicar lo que
se te explica en los vdeos. Cmo? Muy sencillo, copia todos los ejemplos que
aparezcan en los vdeos. Aunque los entiendas, aunque creas que son muy fciles,
cpialos, reproduce todo lo que aparece en los vdeos. Y juega con ello, cmbialo,
experimenta, hazte preguntas del tipo "qu pasa si...?" y comprueba lo que ocurre.
A lo largo del curso puede ser que encuentres informacin repetida, eso te ayudar
a reforzar lo aprendido.
Para lograr una concentracin adecuada durante el estudio, un primer paso es
evitar las distracciones. La Web, el espacio en el que se desarrolla este curso es un
"arma de distraccin masiva". Algunos expertos afirman que cada vez es ms difcil
controlar nuestros impulsos de distraccin debido a que estamos constantemente
Abre el curso en una ventana independiente del navegador, evita tener otras
pestaas con otro contenido abiertas a la vez.
Cierra o pon en pausa todos los programas que puedan mostrar algn tipo
de notificacin, como el lector de correo electrnico (por ejemplo, Mozilla
Thunderbird), el programa de comunicacin instantnea (Skype), el programa
de red social (Facebook, Twitter), el programa de almacenamiento en la nube
(Dropbox), etc.
Mrcate un perodo de estudio, durante ese perodo evita pensar en otras
cosas.
Y por supuesto, desactiva las notificaciones del telfono mvil.
Ya por ltimo, en el siguiente video se te explica algo que tienes que tener muy en
cuenta durante el aprendizaje en este curso y, en realidad, en cualquier otro curso
que realices.
Introduccin al Desarrollo
Web: HTML y CSS
Cmo se aprende en este curso? En este
curso y en cualquiera
Vdeo: http://youtu.be/LEow0voaVNk
Vdeo: http://youtu.be/LEow0voaVNk
Introduccin al Desarrollo
Web: HTML y CSS
Este curso es para ti?
Vdeo: http://youtu.be/M0-vNCeufRA
Vdeo: http://youtu.be/M0-vNCeufRA
Introduccin al Desarrollo
Web: HTML y CSS
Por qu es importante que realices este
curso?
Vdeo: http://youtu.be/o3M_D_FVz1k
Vdeo: http://youtu.be/o3M_D_FVz1k
La Web
MS CONTENIDO
Nota: Antes de ensearte a crear pginas web te vamos a explicar ciertas cosas
sobre el contexto del desarrollo web que creemos que debes conocer para
aprovechar al 100% todo lo que ofrece la Web en la actualidad. Adems, as
tambin estars preparado para lo que puede ofrecer la Web en el futuro. No
obstante, si slo quieres aprender lo esencial sobre la creacin de pginas web,
puedes saltarte las siguientes lecciones y puedes pasar directamente al siguiente
mdulo.
En 1989, Tim Berners-Lee llevaba varios aos trabajando en el CERN, la
Organizacin Europea para la Investigacin Nuclear. Aunque Tim era fsico, desde
que haba finalizado sus estudios universitarios se haba dedicado a trabajar en
temas de telecomunicaciones e informtica. En marzo de 1989, Tim escribi un
pequeo informe, Information Management: A Proposal, en el que propona el
desarrollo de un sistema distribuido de gestin de la informacin.
Tim le present el informe a su jefe, Mike Sendall. Mike le devolvi a Tim el informe
con slo tres palabras escritas al principio de la primera pgina, Vague but
exciting..., impreciso pero emocionante...
Poda ser emocionante un informe lleno de grficos extraos? Poda ser
emocionante un sistema informtico?
Justo 25 aos despus, ahora en el ao 2014, estamos celebrando que Tim BernersLee escribi ese pequeo informe. Porque ese pequeo informe que propona el
desarrollo de un sistema de gestin de la informacin para solucionar el problema
que exista para compartir la informacin en el CERN se transform en algo enorme,
la Web.
Para muchas personas, la Web o Internet (son lo mismo?, dentro de poco lo sabrs)
son el invento ms importante del siglo XX. Una encuesta realizada a travs de la
Web no es un mtodo muy cientfico y fiable, pero en la encuesta Los 10 mejores
inventos del siglo XX aparece Internet en el primer puesto, con bastante ventaja
respecto al segundo que es el automvil.
Sin embargo, no todo el mundo piensa as. En el artculo Los que maldicen el 25
aniversario de la Web podemos leer que casi un 20% de los usuarios todava
sostiene que la influencia de Internet sobre el conjunto de la sociedad ha sido
negativa a lo largo del ltimo cuarto de siglo.
Crees que la Web (Internet) es el invento ms importante del siglo XX?
Crees que la Web (Internet) debera aparecer tambin en una lista de los
inventos ms importantes de la humanidad?
Cmo te ha cambiado la vida la Web?
Qu cosas has dejado de hacer en el "mundo real" porque ahora las haces
en el "mundo virtual" de la Web?
Piensa la respuesta a estas preguntas y contstalas a travs del foro del curso.
Internet y la Web
MS CONTENIDO
La Web e Internet son lo mismo? No, no son lo mismo, pero para muchas personas
s que son lo mismo y muchas veces hacen un mal uso de los dos trminos.
En el siguiente vdeo se explica qu es Internet y la Web y descubrirs las
diferencias que existen entre ambos. Los profesores de este curso esperamos que
despus de ver este vdeo tengas claro que Internet y la Web son dos cosas
distintas, aunque relacionadas.
Introduccin al Desarrollo
Web: HTML y CSS
Internet y la Web
Vdeo: http://youtu.be/Puzwh7eI0DE
Pero adems del protocolo HTTP, adems de la Web, por Internet circulan
ms cosas.
Por ejemplo, el protocolo FTP se emplea para la transmisin de ficheros.
Los protocolos SMTP y POP se emplean para el envo y la recepcin de
correos electrnicos.
Y el protocolo Telnet se emplea para establecer conexiones remotas con
otros ordenadores.
Sin embargo, la Web es el sistema ms famoso de todos ellos, y por eso
mucha gente cree que Internet y la Web son lo mismo, pero no es as.
Ya para terminar, me gustara recordarte algunos de los sitios web en los
que puedes encontrar ms informacin sobre m y sobre mi trabajo, y dos
formas de contactar conmigo, a travs de mi correo electrnico
sergio.lujan@ua.es y a travs de mi cuenta en Twitter @sergiolujanmora.
Recuerda que este vdeo forma parte del curso Introduccin al desarrollo
web que est disponible en la direccin idesweb.es.
Muchas gracias por tu atencin.
Vdeo: http://youtu.be/Puzwh7eI0DE
Internet en el mundo
MS CONTENIDO
El acceso a Internet vara considerablemente de un pas a otro. Y
desgraciadamente, un mal acceso a Internet perjudica de forma sustancial la
economa de un pas.
En junio de 2014, la Internet Society public el Global Internet Report 2014. Este
informe va acompaado de un mapa interactivo, Global Internet Report Map, que
muestra varios datos por pases de los que destacan los siguientes conceptos:
Algunos datos son conocidos desde hace aos. Por ejemplo, los pases nrdicos se
sitan entre los diez primeros en porcentaje de penetracin:
DHCP
DHCP (siglas en ingls de Dynamic Host Configuration Protocol, en espaol
protocolo de configuracin dinmica de host) es un protocolo de red que permite a
los clientes de una red IP obtener sus parmetros de configuracin automticamente.
Se trata de un protocolo de tipo cliente/servidor en el que generalmente un servidor
posee una lista de direcciones IP dinmicas y las va asignando a los clientes conforme
stas van quedando libres, sabiendo en todo momento quin ha estado en posesin
de esa IP, cunto tiempo la ha tenido y a quin se la ha asignado despus.
LDAP
LDAP son las siglas de Lightweight Directory Access Protocol (en espaol
Protocolo Ligero de Acceso a Directorios) que hacen referencia a un protocolo a nivel
de aplicacin que permite el acceso a un servicio de directorio ordenado y distribuido
para buscar diversa informacin en un entorno de red. LDAP tambin se considera
una base de datos (aunque su sistema de almacenamiento puede ser diferente) a la
que pueden realizarse consultas.
POP
En informtica se utiliza el Post Office Protocol (POP3, Protocolo de Oficina de
Correo o "Protocolo de Oficina Postal") en clientes locales de correo para obtener los
Introduccin al Desarrollo
Web: HTML y CSS
Historia de Internet: su nacimiento
Vdeo: http://youtu.be/y9patv-7bNs
Empecemos con esta pequea tira cmica en la que parece que el inventor
de Internet se arrepiente de haber inventado Internet:
Volviendo a esta tira cmica del Hombre que invent Internet, quin fue
Y al igual que hay gente que duda de que el hombre realmente llegase a la
Luna, todava hoy en el ao 2012 hay dudas sobre quin invent realmente
Internet. As, recientemente, el 22 de julio de 2012, se public en el
peridico The Wall Street Journal el artculo Who Really Invented the
Internet? (http://on.wsj.com/1epsklu).
En este artculo, el autor afirma que Internet no fue creado por el Gobierno
Federal de los Estados Unidos, sino por la compaa Xerox, la compaa que
invent en el ao 1959 la primera fotocopiadora que tuvo xito comercial.
(Lo siento para los que sean sus admiradores, pero ninguno de los dos, ni
Steve Jobs ni Bill Gates lo inventaron, simplemente lo copiaron y mejoraron)
Cundo, cmo, por qu, para qu, dnde y quin invent Internet?
Por cierto, en la pgina 8 de mi libro dejo bien claro que es un mito que
Internet se creara por los militares para poder disponer de una red de
comunicaciones que soportara un ataque nuclear.
Una vez hayas visto este vdeo, realiza este pequeo test
(http://idesweb.es/test/hi01) para comprobar que has asimilado bien los
conceptos clave del vdeo.
En el sitio web Internet Hall of Fame podemos encontrar otra lista enorme
de personas que contribuyeron de forma significativa al desarrollo y
nacimiento de Internet. Como he dicho antes, de todas ellas slo puedo
destacar a unas pocas.
Despus de ver los tres vdeos de Leonard Kleinrock, realiza este pequeo
test (http://idesweb.es/test/hi02) para comprobar que has asimilado
correctamente los conceptos clave de estos vdeos.
Establecimos una conexin telefnica entre nosotros [UCLA] y los chicos del
Stanford Research Institute (SRI)...
Escribimos la L y preguntamos por el telfono:
Veis la L?
S, vemos la L, fue la respuesta.
Escribimos la O y preguntamos:
Veis la O?
S, vemos la O.
Luego escribimos la G, y el sistema se colg.
Como he dicho al principio del vdeo, no creo que nadie niegue que los
aspectos positivos de Internet superan con creces a los negativos, ya que
Internet ha supuesto un gran avance para la Humanidad. Debido a ello, los
Segn la resolucin del jurado, Se les otorga el premio por haber diseado
y realizado un sistema que est cambiando el mundo al ofrecer
posibilidades antes impensables para el progreso cientfico y social.
Recuerda que este vdeo forma parte del curso Introduccin al desarrollo
web que est disponible en la direccin idesweb.es.
Vdeo: http://youtu.be/y9patv-7bNs