Update Pembelajaran: Mulai Kenal CSS dan Bangun Mini Website

Written by

in

Setelah kemarin aku cerita tentang awal aku belajar HTML dari nol, sekarang aku mau lanjut sedikit cerita tentang perkembangan belajarku. Pelan-pelan, aku mulai masuk ke tahap baru, yaitu belajar CSS. Di sini aku mulai ngerasa kalau website itu bukan cuma soal isi dan struktur, tapi juga soal tampilan.

Awalnya aku kira CSS itu bakal ribet, tapi ternyata seru. Aku mulai belajar Flex dan Grid, dan dari situ aku jadi ngerti gimana caranya ngatur posisi elemen biar kelihatan rapi. Walaupun masih sering bingung dan harus coba berkali-kali, tapi rasanya senang banget waktu layout yang aku buat akhirnya sesuai sama yang aku mau.

Selain itu, aku juga belajar bikin card dan gallery. Dari sini aku jadi bisa nampilin konten dengan tampilan yang lebih teratur dan enak dilihat. Aku juga mulai ngulik styling gambar, kayak ngatur ukuran, posisi, dan sedikit sentuhan biar gambarnya lebih cocok sama desain website-nya.

Aku juga nyobain berbagai font, karena font itu ngaruh banget ke kesan website yang dibuat. Terus aku belajar bikin button, dan walaupun kelihatannya sepele, tapi rasanya senang waktu tombolnya bisa diklik lalu muncul ke halaman berikutnya dan sesuai tema yang aku mau.

Dari belajar CSS ini, aku faham kalau proses belajar pemrograman itu nggak selalu mulus. Ada kalanya bingung, salah, atau harus ngulang dari awal. Tapi justru dari situ letak asik nya, aku jadi belajar lebih sabar, teliti dan berani nyoba sendiri.

Sebagai latihan dari semua yang aku pelajari, aku akhirnya mencoba membuat mini website sederhana. Website ini aku buat dari gabungan HTML dan CSS yang sudah aku pelajari sejauh ini. Memang masih jauh dari sempurna, tapi dari website kecil inilah aku bisa lihat perkembangan diriku sendiri.

Mini website ini aku anggap sebagai latihan kecil dari proses belajarku. Masih sederhana, tapi cukup buat jadi bahan belajar dan evaluasi ke depannya.

Comments

Leave a Reply

Your email address will not be published. Required fields are marked *