Cara Membuat Tampilan CSS Sederhana Menggunakan Notepad++ ~ Lantas Media

Kreativitas Tanpa Batas

Saturday 5 November 2016

Cara Membuat Tampilan CSS Sederhana Menggunakan Notepad++

 Hay kawan memang sepertinya kita tidak dapat terpisah jauh karena kita berjumpa lagi di LANTAS MEDIA, Nah sekarang apa yang akan kita pelajari? sekarang kita akan belajar tentang pemrograman web khususnya CSS, apaitu CSS?  CSS(Cascading Style Sheet) adalah salah satu kode pemrograman yang bertujuan untuk menghias dan mengatur gaya tampilan pada halaman web supaya menarik di lihat. Nah sekarang kalian semua sudah tahukan apa itu CSS, jadi sekarang ayo kita belajar dasar dari CSS menggunakan notepad++, inilah langkah-langkahnya:

1. Buka aplikasi notepad++ nya.


2. Jangan lupa ubah bahasanya yang ada di menu bar dengan klik "H" lalu klik "HTML" seperti pada gambar dibawah ini







3.Ketik seperti pada gambar.





4.Perhatikan jangan sampai ada yang salah penulisan, jika sudah maka langsung saja di save seperti ini





5.Maka muncul jendela seperti ini lalu ubah bentuk fulenya menjadi bentuk .html seperti contoh di bawah ini




6.Buka file yang kalian simpan tadi melalui browser kalian.






7. Maka akan muncullah seperti ini.





8. Jika kalian kurang puas kalian bisa edit sendiri pada tulisan yang sudah di beri kotak merah seperti ini





Cukup sekian dari pembelajaran hari ini, silahkan kalian coba semoga berhasil....:v