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

Words
533
Reading
3 min
Listen
Play
8y


Hola comunidad de steemians aquí nuevamente les saluda juanjosexdd7@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
Dibujando a los SIMPSON Con HTML y CSS, #1 Homero. | Ecency