+
Inspirasi

Google Made With Code: Cara Membuat Meme Sederhana dan Menyenangkan dengan HTML

Google Made With Code: Cara Membuat Meme Sederhana dan Menyenangkan dengan HTML

Di Amerika Serikat, 74% anak perempuan menyatakan minatnya pada STEM (Sains, Teknologi, Teknik, dan Matematika) selama sekolah menengah, tetapi di sekolah menengah, hanya 0,3% anak perempuan yang berencana mengambil jurusan ilmu komputer. Datanya mencengangkan. Berdasarkan Dibuat Dengan Kode, dorongan dari teman sebaya dan orang dewasa adalah kontributor terpenting dalam memutuskan apakah seorang gadis mengambil jurusan ilmu komputer atau tidak.

Google diluncurkan Dibuat Dengan Kode

"karena meski semakin banyak aspek dalam hidup kita yang didukung oleh teknologi, wanita tidak terwakili di perusahaan, laboratorium, penelitian, seni kreatif, desain, organisasi, dan ruang rapat yang mewujudkan teknologi." -Dibuat Dengan Kode

Dibuat Dengan Kode memiliki pendukung yang cukup mengesankan seperti MIT Media Lab, Mozilla, Shapeways, Sew Electric, Girl Scouts of The USA dan Girls Inc. Penerima dan pendukung Dibuat Dengan Kode berjumlah lebih dari 15 organisasi yang berbeda. Situs web yang dirancang dengan baik ini memiliki banyak proyek menyenangkan yang dapat dilakukan siapa saja.

Orang tua dari anak perempuan bermaksud baik, tetapi mereka tidak selalu memiliki pengetahuan yang tepat untuk membantu mereka beradaptasi dan mempelajari teknologi baru. Banyak orang tua tidak memiliki banyak waktu ekstra untuk mempelajari teknologi mereka sendiri, jadi mereka tidak tahu harus mulai dari mana selama membantu putri mereka menjelajahi bidang ini. Meskipun Dibuat Dengan Kode ditujukan untuk anak perempuan, menurut saya juga memiliki potensi yang sangat besar untuk mengajar orang tua.

Alih-alih hanya memberi tahu Anda tentang situs webnya, saya memutuskan untuk mencoba salah satu proyek di Dibuat Dengan Kode situs web untuk melihat betapa mudahnya digunakan. Saya mungkin bukan orang tua biasa karena saya belajar sendiri HTML di awal tahun 2000-an ketika saya pertama kali membangun situs web, tetapi saya belum aktif membuat kode sejak saat itu, jadi banyak yang telah berubah, jelas. Sekarang saya hanya cukup tahu untuk bertahan karena saya hanya menggunakan sedikit HTML dan bahasa penurunan harga di situs Steemit.

Oke, jadi mari selami situs webnya dan lihat apa yang ditawarkannya sejauh proyek berjalan. Untuk Anda semua orang tua di luar sana, ini mudah dan menyenangkan untuk dilakukan dengan anak Anda. Saya memilih untuk membuat meme menggunakan HTML dan saya akan memandu Anda melalui langkah-langkahnya sehingga Anda dapat melihat betapa mudahnya Anda berdua melakukannya.

Berikut meme lengkap yang saya buat menggunakan HTML dan bagian how-to ada tepat di bawahnya:

[Sumber Gambar: Leah Stephens melalui Mozilla]

LANGKAH 1:Di halaman beranda utama, klik 'RESOURCES' tombol di pojok kanan atas.

LANGKAH 2:Klik 'LIHAT PROYEK' di bawah bagian PROYEK MITRA.

[Sumber Gambar: Dibuat Dengan Kode]

LANGKAH 3: Klik 'MELUNCURKAN' di bagian MAKE A MEME.

[Sumber Gambar: Dibuat Dengan Kode]

LANGKAH 4: Setelah halaman dimuat, klik 'REMIX ' tombol.

LANGKAH 5: Gunakan editor HTML di sebelah kiri untuk mengubah berbagai aspek meme. Untuk membuat "TEKNIK MENARIK ITU KEREN!" meme, saya mengetikkan kata-kata, mengubah teks dan warna drop shadow dan ukuran teks. Saya juga mengubah warna latar belakang menjadi cyan. Mulailah bereksperimen dengan kode HTML, dan jika tidak benar, itu akan berubah menjadi warna merah muda untuk mengingatkan Anda bahwa ada sesuatu yang tidak benar. Ini adalah cara yang bagus untuk langsung mengenal HTML tanpa menghabiskan banyak waktu untuk membaca manual.

[Sumber Gambar: Leah Stephens melalui Mozilla]

Jadi, pada dasarnya, dalam waktu sekitar 15 menit, Anda sudah bisa membuat meme sendiri menggunakan HTML. Ini adalah proyek HTML pengantar yang dapat dilakukan siapa saja dengan mudah. Anda tentu saja dapat memutuskan untuk menggunakan gambar Anda sendiri daripada gambar yang dimuat sebagai default. Saat Anda atau anak Anda menjalani proyek, menguasai setiap level, ada area lain yang lebih maju dari situs web untuk dijelajahi dan dilakukan.

Itu Dibuat Dengan Kode misi situs web dapat diringkas dalam satu kalimat ini:

"Gadis-gadis memulai dengan kecintaan pada sains dan teknologi, tapi kehilangannya di suatu tempat di sepanjang jalan. Mari bantu dorong semangat itu." -Dibuat Dengan Kode

Leah Stephens menulis dengan nama samaran, Stellabelle. Dia adalah seorang seniman / peneliti yang menulis buku dan Anda dapat terhubung dengannya di sini.

LIHAT JUGA: Blok Proyek: Platform Terbuka Google untuk Mengubah Coding Selamanya

Ditulis oleh Leah Stephens


Tonton videonya: Animasi Website CSS dan JavaScript #3 - SPRITE ANIMATION (Januari 2021).