Beberapa Cara Mengatur Style Komponen HTML
Mari kita teruskan tutorial CSS yang sempat tertunda. Langsung saja kita masuk ke acara inti tanpa perlu melakukan pemanasan seperti bercinta yang penuh gaya. Perlu juga saya katakan terlebih dahulu bahwa tutorial ini ala saya, jadi kalau anda menginginkan bahasan yang sistematis sesuai teori maka mungkin tutorial ini nantinya agak aneh, karena saya menuliskan tutorial berdasarkan pengalaman saya dalam belajar tanpa guru (otodidak), jadi jangan tanya yang teoritis, jika istilah yang saya gunakan salah juga mohon dimaafkan. Tujuan tutorial ini agar anda mampu membuat style pada blog anda, perkara definisi dll kalau saya kesulitan maka akan saya gunakan bahasa dan istilah saya sendiri. Setuju gak? menurut saya yang penting kan hasilnya, teori thok gak ada praktek sama saja menghayal bercinta dengan Ayu Anjani.
Dalam memasukkan style kedalam komponen HTML bisa menggunakan beberapa cara. Beberapa cara seperti dibawah ini:
- Memasukkan langsung pada tag yang ingin diberi style
- Mendefinisikan terlebih dahulu ID dan CLASS dibagian <head> dan </head>
- Mendefinisikan CSS pada file terpisah dengan extensi .css kemudian dipanggil dari halaman HTML.
Nah saya hanya tahu 3 cara diatas, ada yang lain? ah yang jelas 3 itu aja sudah bisa membuat blog bagus kok. Yang mana yang paling bagus dari 3 cara diatas? Jika anda bertanya demikian maka saya akan menjawab bahwa pertanyaan anda salah. Harusnya bertanya bilamana atau kapan atau dalam keadaan bagaimana kita menggunakan 3 cara diatas?.
Ketiga cara diatas bisa digunakan bersamaan, atau salah satu saja. Sebagai penjelasan maka 3 cara diatas biasa digunakan seperti dibawah ini (penjelasan sesuai nomor diatas):
- Biasa digunakan memasukkan style khusus yang ingin ditampilkan unik dan tidak sering berulang. Biasanya mengatur untuk postingan. Misal ingin warna paragrap kuning pada postingan tertentu dll.
- Ini biasanya digunakan untuk mendifinisikan style template secara umum, karena untuk menghemat waktu pengetikan style pada tiap tag yang digunakan. Di deretan CSS ini akan ada pendefinisian ID dan CLASS yang nanti tinggal dipanggil dari tag yang ada dibagian BODY didokumen HTML. Cara ini dipakai pada blog di blogspot secara umum karena tidak memiliki hosting sendiri. Kecuali blog belajar SEO sudah tidak menggunakan ini (hehe narsis dikit ya..)
- Ini sama dengan penjelasan nomor dua hanya saja ditempatkan pada file terpisah dan dipanggil dari dokumen HTML yang pemanggilannya juga ada dibagian <head> dan </head>. Ini dilakukan untuk merapikan kode dan memudahkan pemasangan image karena bisa menggunakan relatif address. Yang tidak mengerti apa itu relatif address silahkan baca tutorial HTML dulu, saya lupa seri keberapa tapi bisa anda cari disini.
Sekian dulu tutorial kali ini, nanti disambung lagi pada teknis dan contoh pada artikel-artikel berikutnya. O iya kalau anda ingin tahu sedikit manfaat CSS yang digabung dengan teknik SEO, anda bisa membaca Optimasi SEO lembut tapi perkasa dan anda bisa langsung mempraktekkannya. Lumayan buat menunjang kontes SEO belajar SEO para pemula, Rusli Zainal Sang Visioner, atau kontes SEO Aristia Wida Rukmi.
NB PENTING: Jika anda berniat belajar sungguh-sungguh silahkan ikuti petunjuk yang saya berikan, jika saya rekomendasikan membaca sebuah artikel itu artinya anda harus tahu dulu penjelasan dalam artikel tersebut. Karena saya ingin tutorial padat tapi jelas tanpa mengulang-ulang penjelasan yang sama. Ingat anda tidak akan sampai anak tangga kesepuluh sebelum melewati anak tangga pertama sampai kesembilan, kecuali anda bisa terbang.
|
|
Posting Terkait:
- Cara Cepat Pindah Hosting Via SSH (1 June 2010)
- Blog Dengan Self Hosting Tidak Selalu Menyenangkan (28 May 2010)
- Javascript Untuk Menonaktifkan Klik Kanan Mouse (21 May 2010)
- Perintah Memanggil List Category Wordpress dan Beberapa Pilihannya (25 April 2010)
- Cara Membuat Halaman Blogroll Dilengkapi Screenshoot Blog Sahabat (23 April 2010)
mengubah bagian garis outline pada objek dengan cara 12 AMIK Al Ma'soem 6 Mengatur Halaman Sebelum berkreasi Proper ti khusus Font, Size, Style, Alighment corelDRAW
waa perlu dipraktekan lagi….
Maknyuz nih.
Duh mas, aku belum sempat ‘nimpuk’ balik je. Maaf ya.
[...] anda memahami cara-cara mengatur style pada halaman HTML, sekarang langsung menuju penjelasan dari point pertama penjelasan tutorial CSS sebelumnya yaitu [...]
Wah mantep neh ? Previewnya mana bos ?