Find
Great Courses
Create
a Course

This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

course image

Aprende a escribir HTML a Mano, Literalmente.

A medida que vayas avanzando en los retos tendrás que escribir mucho código. Cuando escribes tu propio código (a diferencia de utilizar un programa que genere código automáticamente), se dice que estás escribiendo código a mano. En este reto vamos a tomar esa frase literalmente.

Para completar este reto tendrás que realizar tres tareas, lo cual te va a tomar alrededor de media hora. Vas a necesitar papel, pluma y algún dispositivo para tomar fotos digitales.

Este reto es parte del Webmaking 101 de P2PU.

Start Challenge View Tasks

Publícalo en tu Blog

Busca el mejor de todos los escritos que hiciste y tómale una foto (o escanéalo), asegurándote que el código sea lo suficientemente legible para que otros puedan comprenderlo. Ahora dedícale alrededor de diez minutos a escribir un post en tu blog con la imagen y una redacción breve de tu experiencia. Escribe cuántos intentos tuviste que hacer, o si te pareció frustrante el ejercicio, pero pregúntate a ti mismo por qué - ¿hay algo que pudiste haber hecho diferente para que te resultara más fácil?

Cuando termines de escribir tu post y lo publiques, coloca un link en la sección de discusiones.

Task Discussion

Ruben Rojas said:

He terminado el código de la asignación, subo la imagen aca pueden ver el ejemplo en vivo en http://cdpn.io/EHAmg

on May 11, 2014, 3:24 p.m.
JosueHN said:

Fué más difícil de lo que recordaba, pero siempre satisfecho de codificar a mano:

My blog

on May 5, 2014, 1:50 a.m.
Walter Paoli said:

Hola a todos,

Aquí va el código a mano.

http://miviejoatari.wordpress.com/2013/10/23/html-a-mano-literalmente/

on Oct. 23, 2013, 11:16 a.m.
Paco Rosales said:

Este es mi código a mano http://mipresentacionwebcraft.blogspot.com/2013/10/novedades-de-la-tarea.html

on Oct. 20, 2013, 6:27 p.m.
Joan Sebastian Velásquez Rangel said:

Hola amigos, esta es mi primera oportunidad, codeando con ustedes,
Para mi es todo un gusto !

Ir al blog.

on Sept. 3, 2013, 10:11 p.m.
Juan Pablo said:

Escribiendolo en la PC, despues de varios intentos

http://juanpablo1010.blogspot.com/2013/08/hola-mundo.html

on Aug. 22, 2013, 3:13 p.m.
Anonym said:

Publicado el post.

Aquí pueden verlo: http://pursuingtechnology.wordpress.com

Por "problemas técnicos" no pude sacar una foto, así que aproveché y lo escribí nuevamente allí. Cuanto más práctica mejor, no?

on July 14, 2013, 8:45 p.m.
Etraud said:

Voilà!

Aquí tienen mi tarea: http://electronicdivide.wordpress.com/2013/07/15/disculpen-mi-letra/

on July 14, 2013, 8:27 p.m.
Bryan Rodriguez said:

Aquí está mi tarea: http://bryrodsa.wordpress.com/2013/07/02/escribiendo-html-a-mano/

on July 1, 2013, 10:50 p.m.
american said:

He terminado el ejercicio entrando en HTML. chequenlo en el siguiente link

http://ivanes123.blogspot.com/

on April 18, 2013, 6:47 p.m.
Victor said:

Link al post

on March 26, 2013, 6:02 p.m.
lilganjah said:

hola ,aqui esta mi post

http://deworks.wordpress.com/2013/03/25/my-html-doc/

on March 25, 2013, 2:37 a.m.
disconcert said:

http://earningbadges.blogspot.com.es/2013/03/what-challenge.html

on March 20, 2013, 3:48 p.m.
Daniel said:

Aqui esta mi historia ^^. Trata de como un pequeño niño logra viajar al espacio exterior y conocer al "Sr. Mundo"

Utilize algunas de las etiquetas mas basicas de un documento HTML para darle estructura^{( pense que seria mejor no gastar papel :Y}⁾Yo utilize el editor de texto Sublime Text 2, Si es la primera vez que haces este ejercico, te recomiendo usar el Bloc de Notas o escribir tu codigo en papel hasta aprenderlo :)

on March 20, 2013, 12:27 a.m.
Banica Daniel Dobre said:

¡Uuufff! Es que tardo mas que nadie. ¿Cuando voy a llegar a donde muchos estan ofreciendonos cosas tan maravillosas? No se, de momento voy intentando aguantar con cosas tan dificiles como publicar entradas de blog como esta...

http://iberotransilvan.blogspot.com.es/2013/03/hola-mundo.html

on March 9, 2013, 2:02 a.m.

Daniel said:

MUY BIEN! No te esta iendo nada mal segun veo ^^. Yo creo que hiciste sabiamnete al hacerlo en un editor de texto, asi salvas algunos arbolres y te acostumbras a escribir tu codigo frente al monitor.

on March 19, 2013, 11:43 p.m. in reply to Banica Daniel Dobre

Etraud said:

¿Dónde he leído que has usado el notepad++? para ser un principiante, ¡ya has dado un paso grande!

Saludos

on July 14, 2013, 8:31 p.m. in reply to Banica Daniel Dobre
miguel medina said:

Aqui esta el enlace ya se que mi letra es horrible pero espero que se entienda

on March 7, 2013, 1:52 p.m.

Daniel said:

Te quedo bastante bien ^^. Con el tiempo momorizaras todo y te vendra naturalmente lo que deves de poner dentro de <head></head>,^Nota: Lo que pones en esta etiqueta no se muestra en la pagina.

on March 19, 2013, 11:53 p.m. in reply to miguel medina
Eduardo Jesus said:

listo aqui el post:

http://p2pucurso.blogspot.com/2013/01/blog-post_25.html

on Jan. 25, 2013, 12:31 p.m.
Gastón said:

Terminado, aca va el link:

http://guiafoobar.blogspot.com/2013/01/retos-webmaking-101.html

on Jan. 9, 2013, 8:58 p.m.
Jonathan said:

Pues sí terminé el reto esta disponible acá: http://joinup.posterous.com/pues-solo-segui-8-pasos-para-mi-plantilla-de

on Dec. 8, 2012, 7:44 p.m.
Anonym said:

Listo!

http://gop2pu.wordpress.com/2012/11/27/aprendido/

on Nov. 27, 2012, 12:45 p.m.