Dibujando a los SIMPSON Con HTML y CSS, #2 Mark.

in #dtube5 years ago


Sobre el Dibujo.

Hola comunidad de steemians aquí nuevamente les saluda @juanjosexdd7, En el articulo anterior di inicio a la realización de una serie de dibujos de personajes en html y css, dando inicio con Homero Simpson en este post quiero continuar con Mark Simpson, espero puedas disfrutar de este y los siguientes articulos.


Fuente

Para la elaboración del Dibujo de Mark 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

De la misma manera que lo explico en el post anterior debes realizar el proceso de crear el folder y arrastrarlo hasta el editor de código y crear los archivos necesarios para escribir el código.

Ten en cuenta que debes linkear tus estilos para que funcione, una vez hecho esto debes crear en el index.html la estructura básica de html y empezar a crear los contenedores vacíos para realizar nuestro dibujo.

Teniendo los contenedores con las clases y id correspondientes procedes a escribir código css, dado que css nos permite trabajar con variables, los colores los he decidido almacenarlos en variables para no tener que escribir el código hexadecimal y así agilizar el proceso del dibujo, pido disculpas por lo rápido del vídeo ya que es mucho código y el vídeo se torna muy lago por eso puedes descargar el código editarlo y reproducirlo.

Si te das cuenta al iniciar en la parte del css veras que en la parte del pelo tiene muchos detalles y para ello te recomiendo que puedas intentarlo por ti mismo si te pierdes mira el código, una vez terminado esta parte puedes proseguir, quiero aclarar que yo seguí este procedimiento pero esto no quiere decir que debes hacerlo igual que yo en el mundo de la programación el limite es tu imaginación. Un mismo proyecto puede ser desarrollado por millones de maneras distintas y aunque en estos artículos no haya incorporado ningún lenguaje de programación si es cierto que requiere que uses tu lógica al posicionar los contenedores y dar lo estilos que requieran.

El siguiente proceso que se me torno un poco difícil fue el cuerpo al colocar los detalles de las manos sin embargo al final el resultado fue el deseado

Código.

Quiero reiterar que si estas aprendiendo o deseas iniciar en este mundo del desarrollo, con toda confianza descarga el archivo, es una iniciativa de código abierto 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
Alan Walker - Fade [NCS Release]

@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

Sort:  

Esta publicación ha sido seleccionada para el reporte de Curación Diaria.

final de post.png¡¡¡Felicidades!!!

Coin Marketplace

STEEM 0.35
TRX 0.12
JST 0.040
BTC 70753.86
ETH 3589.34
USDT 1.00
SBD 4.75