Dibujando a los SIMPSON Con HTML y CSS, #1 Homero.

in dtube •  6 years ago 



Hola comunidad de steemians aquí nuevamente les saluda @juanjosexdd7 Con este articulo quiero dar inicio a una serie de dibujos de los Simpson y quiero comenzar con Homero Simpson realizado con HTML y CSS, espero puedas disfrutar de este y los siguientes articulos.


Fuente

Para la elaboración del Dibujo de Homero Simpson utilice solo HTML y CSS que son tecnologías de fácil aprendizaje y si deseas aprender un poco sobre la documentación de estas tecnologías Puedes consultarla en W3SCHOOLS.COM.


Fuente

Proceso

Para la elaboración del dibujo debes crear una carpeta la cual debes arrastrar hasta el editor de código, una vez abierto el folder debes crear dos archivos los cuales contendrán el archivo HTML y el otro el CSS, en la estructura html debes linkear el css para que este pueda leer los estilos dados. Lo siguiente que debes hacer es crear los contenedores(div) con sus clases o id descriptivos para que tengas noción de lo que estas dibujando.

Una vez creado los contenedores ahora con el css debemos dar los estilos y llenar esos espacios con las clases o id correspondientes yo empece por los ojos para poder establecer el tamaño de la cabeza y la boca. Debes cuidar cada detalle si te das cuenta son demasiadas clases por lo que te recomiendo que te guíes.

Lo siguiente que mas trabajo me llevo fue posicionar la pansa de homero por lo que debes cerciorarte que quede en la posición correcta para que no se deforme el dibujo con siguiente a eso debes posicionar las piernas y los pies.

El brazo y los dedos tienen varios detalles presta atención en cada dedo y guíate para que no te pierdas.

Código.

En cuanto al código, Si estas aprendiendo o deseas aprender en cuanto a programación o desarrollo web, sientente con la confianza de descargarlo, es una iniciativa de código abierta igualmente puedes ir a mi repositorio de github y ver todos los trabajos que he desarrollado y que pronto subiré.

GitHub es una forja (plataforma de desarrollo colaborativo) para alojar proyectos utilizando el sistema de control de versiones Git. Se utiliza principalmente para la creación de código fuente de programas de computadora.

El código de los proyectos alojados en GitHub se almacena típicamente de forma pública, aunque utilizando una cuenta de pago, también permite hospedar repositorios privados.

Fuente: es.wikipedia.org

Mira El Proyecto Aquí...!!!

✅ Dibujo: Ver a Homero.
✅ Repositorio: Ir al Repositorio.
✅ Descargar Archivos: Descargar Aquí

Herramientas Utilizadas

HTML
CSS
Visual Studio Code.
Para grabar y editar: Cantasia Studio
GIT

Musica de fondo

Cadmium - Melody (feat. Jon Becker)
Spag Heddy - Permanent

@JuanJose_xDD @JuanJosexDD

Nota: El autor del Código es @JuanJosexDD7 El materia lo puedes descargar En mi Repositorio de GITHUB, es completamente Open Source Initiative (OSI) por que el material puede ser Usado por terceros, Estudiado, Copiado y Distribuir las Copias Modificadas de igual manera la música de fondo no tienen derecho de autor pero se reconoce sus creadores.

Espero hayas disfrutado de este material, hazme saber tu opinión en los comentarios, no olvides votar Me ayudaría a seguir compartiendo más material de utilidad.


Fuente


▶️ DTube
▶️ IPFS
Authors get paid when people like you upvote their post.
If you enjoyed what you read here, create your account today and start earning FREE STEEM!
Sort Order:  


Gracias por compartir tu contenido con la comunidad de El Arca (@elarca), el mismo ha sido votado por nuestra iniciativa de curación artística @stellae.

Si deseas puedes delegar SP al proyecto: Delegate 25 SP | Delegate 50 SP | Delegate 100 SP | Delegate 250SP | Delegate 500SP o seguir nuestro trail de curación en Steem Auto.

¡Hola!, @juanjosexdd7. Me parece algo muy interesante, no sabia que con HTML y CSS se podría hacer algo tan espectacular, de verdad te felicito, te quedo genial.

Hola @rafaeljr165 ps si amigo recuerda que con la programación el limite es tu imaginación, aunque aquí no haya ningún lenguaje de programación(mas adelante los incorporare) requiere su lógica, si te mantienes atento veras lo que estoy preparando si quieres ver algunas cosas escríbeme por twitter y te muestro.

Congratulations @juanjosexdd7! You have completed the following achievement on the Steem blockchain and have been rewarded with new badge(s) :

You published more than 20 posts. Your next target is to reach 30 posts.

Click here to view your Board
If you no longer want to receive notifications, reply to this comment with the word STOP

To support your work, I also upvoted your post!

You can upvote this notification to help all Steemit users. Learn why here!