sábado, 29 de diciembre de 2012

Mi editor de texto HTML preferido es ...

Adoble Dreamweaver CS5!



Mi editor de texto HTML que me escogió como compañero es Adobe Dreamweaver CS5 y lo tengo en portable.

Al principio decidí por NotePad++ porque es más ligero y puedo realizar múltiples ediciones, pero cuando vi el comentario de un bloguero del reto en que le gustaba más Dreamweaver que NotePad me hizo recordar en que tiempos atrás cuando practicaba Adobe Photoshop, tenía la ilusión de probar todos sus productos de Adobe así que porqué no probar el Dreamweaver?

Luego de probarlo, la conclusión fue que Dreamweaver tiene más características que el NotePad++, por ejemplo tiene su visor de HTML que luego de escribir el codigo, sólo tienes que hacerle un clic en el campo del visor para que me previsualice mi código HTML, y otra característica que me encantó es que cuando empiezas a escribir, te sale lista de códigos que me ayuda a ver qué más tiene HTML para aprender su de su amplia variedad de funciones.




Aprendiendo a escribir a mano en HTML


El siguiente reto de Webmaking 101 de P2PU consistía en aprender a escribir a mano el código html y que haya pasado 15 minutos escribiendo a mano sin errores, el código es el siguiente:


<!DOCTYPE html>
        <meta charset="utf-8">
        <title> Hola Mundo por Juan Pérez</title>
    </head>
 <body>

        <h1> Hola Mundo por Juan Pérez</h1>
            Este código fue escrito a mano.
        </p>
    </body>
</html>


Cuando empezaba a escribir a mano, me entraba la curiosidad: Para qué sirve head? body? h1? p? todo eso, así que me escapé un rato al Google para averiguar y encontré estas informaciones que me ayudó a comprender su estructura del código html:

!DOCTYPE = Define el tipo de documento.
html = El lenguaje a escribir el código.
head = La información sobre el contenido, útil para los navegadores y para los buscadores de Etiquetas.
charset="utf-8" = Define la codificación del contenido, en el reto se utiliza el utf-8.
title = Es donde pones el título de la información del head.
body = Es el campo del contenido.
h1 = El encabezado del contenido.
p = El párrafo del contenido.

Espero que eso les ayude un poco para entender sus funciones en html.

Completé el reto escribiendo 4 páginas y sí, tenía algunos errores de que no cerraba bien como <title>Hola .. > o <title=Hola> </title> pero poco a poco ya pude dominar el código y aprenderlo de memoria.

Aquí les muestro una parte de lo que escribí a mano:


Disculpen que la imagen se vea borroso.

Bueno, terminado el reto, voy al siguiente!

Presentación

Hola, soy Yuichi, estudio Ingeniería de Informática y de Sistemas en la Universidad Privada San Pedro de Lima, Perú. Me encanta las matemáticas y programación por lo que es una satisfacción estudiar una carrera que me gusta. Mis aficiones son el fútbol, baloncesto, visitar páginas, aprender algo nuevo, diseñar con Photoshop, etc. Tengo sordera y utilizo audífonos retroauriculares para poder escuchar, aunque todavía tengo problemas con lo de seguir el ritmo del sonido para escuchar a mis profesores o a la gente desconocida, pero no me impide para hacer algo que me gusta y por ello con los años he desarrollado mi autodidactismo, una forma de aprendizaje que consiste en que cada persona se convierte en su propio maestro y adquiere los conocimientos por interés.

He visto páginas con HTML5 y son bastantes geniales, y fue ahí cuando nació mi interés de aprender a crear páginas con este lenguaje pero sé que debo empezar desde abajo y aprender los lenguajes de utilidad para la creación de páginas webs.

Gracias por acompañarme en esta presentación y espero su apoyo para aprender más cosas del misterioso mundo virtual.