There was an error in this gadget

Galeri Foto

22 October 2011

Belajar HTML bagian 3

0 comments
Belajar html bagian 3
Materi yang akan dibahas pada sesi ini meliputi:

A. Merubah background dengan gambar
B. Mengatur perataan teks
C. Menyisipkan baris running text

Pada latihan kali ini, kita akan merubah baground dengan gambar,atau tepatnya menyisipkan warna background menjadi gambar.

Hasil yang akan kita dapatkan seperti ini:


Langkah yang dilakukan adalah membuat template html seperti yang pernah kita share pada belajar html bagian 2. Kemudian yang pasti adalah menyiapkan gambar yang sesuai dengan ukuran halaman web yang akan kita pasangi background gambar tersebut. Kalau kita masih menggunakan satuan persen (%) maka akan mengalami kesulitan untuk menentukan ukuran gambar yang sesungguhnya, mengingat pada aplikasi pengolah gambar (exp sotosop, e eh photoshop) tidak mengenal ukuran persen, jadi kita ubah menggunakan satuan pixel (px)

Misal penggunaan seperti ini:


Kita ubah menjadi seperti ini:


Dengan demikian kita dengan mudah untuk menentukan ukuran gambar yang akan dimuat biar sesuai.
Ok pada tutorial ini, kita akan membuat tampilan seperti diatas, selanjutnya silahkan download materi full nya.

Semoga menambah wawasan yang bermanfaat.

0 comments:

Post a Comment

Sebelum meninggalkan halaman ini, silahkan kasih masukan pada blog ini...