Dasar CSS

      Untuk dapat mengerti bagaimana menggunakan CSS, terlebih dahulu kita harus mengerti tiga istilah yang digunakan dalam CSS, yaitu Selector, Properti dan Value. Pembahasan pada istilah ketiga diatas akan di lanjutkan pada pembahasan dibawah ini.

Selector
      Sebagai bahasa yang digunakan untuk memberikan gaya tampilan, CSS menggunakan metode deklaratif untuk menspesifikasikan bagian HTML yang ingin diberikan gaya tampilan. Pemilihan element HTML dilakukan dengan menspesifikasikan Selector. Kode dibawah memberikan contoh dari sebuah selector, yang digunakan untuk memberikan gaya tampilan terhadap suatu element "p" yang ada pada dokumen HTML.

p {   . . . . . }

      Pada kode diatas yang dikatakan selector adalah "p". Singkatnya, sebuah selector memberikan gaya pada seluruh elemen "p" yang ada dalam dokumen. Selain memberikan gaya pada semua elemen seperti ini, selector juga dapat memberikan desain secara lebih spesifik.

Property

      Sebuah properti menentukan berbagai parameter desain yang dapat diubah dari sebuah elemen yang dipilih oleh selector. Untuk lebih mudahnya perharikan kode dibawah ini :

p {    color :....;    font-size:....; }

      Pada kode di atas, yang dikatakan property ialah kode yang berada sebelum titik dua (“:”). Kegunaan dari kedua properti tersebut tentunya cukup jelas dari nama yang diberikan, yaitu color untuk memberikan warna pada elemen p, dan font-size untuk mengubah ukuran teks. Terdapat sangat banyak properti yang dapat digunakan, tetapi pembahasan mengenai detil pengunaan tiap-tiap properti tidak akan dilakukan pada buku ini. Jika terdapat pengunaan properti baru, penjelasan akan diberikan pada bagian yang relevan. Daftar properti sendiri dapat dibaca di.

Value

     Value merupakan nilai dari property yang ingin kita berikan. Nilai yang dapat diberikan sendiri berbeda-beda, tergantung dengan jenis property-nya. Misalnya, jika ingin memberikan nilai warna, kita harus memberikan nilai dalam format#RRGGBB (kombinasi nilai heksa merah-hijau-biru yang biasa digunakan pada program pengolah grafis seperti Photoshop). Ketika ingin memberikan nilai ukuran, kita dapat memberikan nilai dalam format nilai px atau nilai em. Untuk lebih jelasnya, kode berikut memberikan contoh value dari properti yang ada pada kode sebelumnya:

p {    color : #FFFF00;    font-size: 50px; }

Read More

Membuat Program Sederhana Dengan Inputan

      Salam sejahtera untuk kita semua, pada kesempatan kali ini penulis akan membagikan sebuah peogram sederhana dengan menggunakan Textpad 8 yakni membuat output dari java menggunakan textpad 8. Pertama  kita buat nama project nya. kita buat dengan input1

public class input1{       public static void main (String[]args){                 } }

      Diatas adalah contoh kode pemrograman dimana kita membuat suatu file dengan nama contoh1. Perlu diketahui nama yang kita simpan di folder harus sama persis dengan nama yang kita masukkan di program (public class input1).

      Pada proses inputan ini sebelum kita menjalankan programnya kita harus memasukkan java.util.Scanner di atas public class agar proses inputan dapat berjalan dengan maksimal.

import java.util.Scanner; public class input1{       public static void main (String[]args){                 } }

Setelah ditambahkan kita lanjut ke program selanjutnya

import java.util.Scanner; public class input1{       public static void main (String[]args){                       Scanner masukan = new Scanner(System.in);             String a;             //PROSES OUTPUT             System.out.print("Masukkan Nama Anda : ");             //PROSES INPUTAN DARI USER             a = masukan.nextLine();             //HASIL DARI PROGRAM YANG KITA BUAT (PROSES)             System.out.println("Nama Anda Adalah "+a);       } }

Setelah kita tuliskan cooding nya akan kita cek bersama dan hasilnya seperti dibawah ini

Read More

Membuat Program Sederhana Dengan Textpad

    Salam sejahtera untuk kita semua, pada kesempatan kali ini penulis akan membagikan sebuah peogram sederhana dengan menggunakan Textpad 8 yakni membuat output dari java menggunakan textpad 8.

Pertama  kita buat nama project nya.

public class contoh1{ }

      Diatas adalah contoh kode pemrograman dimana kita membuat suatu file dengan nama contoh1. Perlu diketahui nama yang kita simpan di folder harus sama persis dengan nama yang kita masukkan di program (public class contoh1).

      Kemudian kita membuat sub classnya agar kita dapat menjalankan program tersebut dengan kode pemrograman seperti dibawah ini.

public class contoh1{       public static void main (String[]args){                 } }

     Setelah kita buat sub classnya lalu kita akan membuat output keluarannya dengan menggunakan System.out.println.

public class contoh1{       public static void main (String[]args){             System.out.println("Hello World");       } }

Setelah dibuat system.out-nya maka akan diketahui hasilnya seperti apa, selamat mencoba dan selamat mengembangkan programnya, semoga kita senantiasa dalam berlomba-lomba demi kebaikan.

Read More