Inspiration

Google's Made With Code: Comment créer un mème simple et amusant avec HTML

Google's Made With Code: Comment créer un mème simple et amusant avec HTML

Aux États-Unis, 74% des filles manifestent un intérêt pour les STEM (sciences, technologie, ingénierie et mathématiques) au collège mais au lycée, seulement 0,3% des filles envisagent de se spécialiser en informatique. Les données sont stupéfiantes. Selon Fabriqué avec code, l'encouragement des pairs et des adultes est le facteur le plus important pour décider si une fille se spécialise en informatique ou non.

Google a lancé Fabriqué avec code

"parce que même si de plus en plus d'aspects de nos vies sont alimentés par la technologie, les femmes ne sont pas représentées dans les entreprises, les laboratoires, la recherche, les arts créatifs, le design, les organisations et les conseils d'administration qui font de la technologie une réalité." -Fabriqué avec code

Fabriqué avec code a des soutiens assez impressionnants comme le MIT Media Lab, Mozilla, Shapeways, Sew Electric, Girl Scouts of The USA et Girls Inc. Les bénéficiaires et soutiens de Fabriqué avec code représentent plus de 15 organisations différentes. Le site Web est bien conçu et propose une grande quantité de projets amusants que tout le monde peut réaliser.

Les parents de filles ont de bonnes intentions, mais ils n'ont pas toujours les connaissances nécessaires pour les aider à s'adapter et à apprendre de nouvelles technologies. De nombreux parents n'ont pas beaucoup de temps supplémentaire à consacrer à leur propre apprentissage technologique, ils ne savent donc pas par où commencer pour aider leurs filles à explorer ces domaines. Même si Fabriqué avec code s'adresse aux filles, je pense qu'il a aussi un énorme potentiel à enseigner aux parents.

Au lieu de simplement vous parler du site Web, j'ai décidé d'essayer l'un des projets sur le Fabriqué avec code site Web pour voir à quel point il est facile à utiliser. Je ne suis peut-être pas un parent moyen parce que j'ai appris moi-même le HTML au début des années 2000 lorsque j'ai créé des sites Web pour la première fois, mais je n'ai pas activement codé depuis, donc beaucoup de choses ont changé, évidemment. Maintenant, je n'en sais plus que assez pour m'en sortir car je n'utilise qu'un peu de langage HTML et Markdown sur le site Web de Steemit.

Ok, alors plongons dans le site Web et voyons ce qu'il a à offrir en ce qui concerne les projets. Pour tous vos parents, c'est une tâche facile et amusante à faire avec votre enfant. J'ai choisi de créer un mème en utilisant HTML et je vais vous guider à travers les étapes afin que vous puissiez voir à quel point il est facile pour vous deux de le faire.

Voici le mème terminé que j'ai créé en utilisant HTML et la section comment faire se trouve juste en dessous:

[Source de l'image: Leah Stephens via Mozilla]

ÉTAPE 1:Sur la page d'accueil principale, cliquez sur le 'RESSOURCES' bouton dans le coin supérieur droit.

ÉTAPE 2:Cliquer sur 'VOIR LES PROJETS' dans la section PROJETS PARTENAIRES.

[Source de l'image: Fabriqué avec code]

ÉTAPE 3: Cliquer sur 'LANCEMENT' dans la section MAKE A MEME.

[Source de l'image: Fabriqué avec code]

ÉTAPE 4: Une fois la page chargée, cliquez sur le bouton 'REMIX ' bouton.

ÉTAPE 5: Utilisez l'éditeur HTML sur la gauche pour changer différents aspects du meme. Pour faire le "L'INGÉNIERIE INTÉRESSANT EST COOL!" meme, j'ai tapé les mots, changé le texte et la couleur et la taille de l'ombre portée du texte. J'ai également changé la couleur de fond en cyan. Commencez à expérimenter le code HTML, et s'il n'est pas correct, il passera à une couleur rose pour vous avertir que quelque chose ne va pas. C'est un excellent moyen de se familiariser immédiatement avec HTML sans passer beaucoup de temps à lire des manuels.

[Source de l'image: Leah Stephens via Mozilla]

Donc, en gros, dans environ 15 minutes, vous pouvez créer votre propre mème en utilisant HTML. C'est un projet HTML très introductif que n'importe qui peut facilement faire. Vous pouvez, bien sûr, décider d'utiliser votre propre image au lieu de celle qui est chargée par défaut. Au fur et à mesure que vous ou votre enfant parcourez les projets, maîtrisant chaque niveau, il existe d'autres domaines plus avancés du site Web à explorer et à faire.

le Fabriqué avec code La mission du site Web peut être résumée en une phrase:

«Les filles commencent par un amour de la science et de la technologie, mais le perdent quelque part en cours de route. Aidons à encourager cette passion. -Fabriqué avec code

Leah Stephens écrit sous le pseudonyme de Stellabelle. C'est une artiste / chercheuse qui écrit des livres et vous pouvez vous connecter avec elle ici.

VOIR AUSSI: Project Bloks: la plate-forme ouverte de Google pour changer le codage pour toujours

Écrit par Leah Stephens


Voir la vidéo: Fastlane Editor Loutil Ultime pour tous les types de pages de ta boutique Shopify (Octobre 2021).