» » Dasar-dasar edit html v2

Dasar-dasar edit html v2

Dasar-dasar edit html v2


Hai sobat blogger ! udah lama nih ya, ga update . Ya, mungkin gara-gara kurangnya dana buat blogging sob , hehe. Kok jadi curhat gini ya? langsung aja ke topik. Kali ini saya akan berbagi ilmu lagi nih tentang html. Yah, mungkin ini hanya dasar-dasarnya saja, tapi sangat berguna nantinya bagi para pemula dan ingin mengetahui lebih dalam tentang komponen-komponen html yang benar.

Menguasai html adalah modal yang sangat berharga jika anda bergelut di dunia design, terutama di dunia maya seperti blogging, forum, website, dll. Karena sebagian besar pendesainan dan pengeditan suatu website/forum didasari lewat html. Melanjutkan postingan sebelumnya mengenai dasar html di http://rizaldipriantama.blogspot.com/2012/01/tips-dasar-edit-html-blog-tanpa-error.html. Kali ini saya akan mengajak anda mengenal lebih dalam mengenai html.

Secara garis besar html dibagi menjadi 2 komponen utama , yaitu tag <head> dan <body> . Kedua komponen itu saling berkaitan, seperti halnya manusia, yaitu kepala dan badannya. Dalam sebuah pendesainan html. wajib menggunakan 2 tag dasar ini. Tag <head> tentunya lebih awal dicantumkan dibanding <body>, namanya saja kepala, harus berada diatas dong. hehehe. Berikut saya deskripsikan perinciannya.

Tag <head> sampai </head>
biasanya tempat bersinggah dan menjadi markas Cascading Style Sheet atau lebih dikenal dengan sngkatan CSS. CSS ini digunakan sebagai dasar dan karakter dari sebuah widget/gadget. dalam CSS pula diatur kelebaran, tinggi, tebal, ukuran font,background dll dari suatu widget. Ibarat mahkota suatu widget. Disinilah kita bisa mendesain secantik mungkin widget yang kita buat. Mulai dari menentukan warna/gambar background hingga membuat pembatas garis pada widget semuanya terdapat dalam CSS. Intinya CSS yang terdapat dibawah tag <head> sampai diatas tag </head> ini berfungsi sebagai otak kecantikan dari widget tersebut. Contoh CSS pada blogger :
.nama css{background: url(namagambar.jpg)width: 200px;color: #000;}
atau 
#nama css{background: url(namagambar.jpg)width: 200px;color: #000;}
Tag <body> sampai </body>
Biasanya tempat diantara <body> dan </body> dihuni dan diisi oleh Javascipt,Jquery, dan Penempatan widget itu sendiri. Untuk javasript dan jquery , sama-sama berisi tentang kode yang berfungsi sebagai perintah dari sebuah html. Efek-efek widget blog dikendalikan dan dibuat disini. Misalnya suatu widget ingin ditambahkan efek slider dan bergerak. Maka ditambahkan javascript yang ditujukan membuat widget itu bisa bergerak. Sementara Jquery , ialah seperti mesin agar javascript itu tadi bisa bergerak dengan sempurna.
 Contoh kode javascript :
<script type='text/javascript'>.superfish({ animation: {opacity:'show'},autoArrows: true, dropShadows: false, speed: 200, delay: 800 }); });jQuery(function(){ jQuery('ul.menu-secondary').superfish({ animation: {opacity:'show'},autoArrows: true, dropShadows: true, speed: 200, delay: 800 }); })
Contoh kode JQuery :
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
Selain tempat untuk Javascript dan Jquery. Tag <body> sampai </body> juga sebagai tempat ditaruhnya dan dibuatnya suatu widget / html. Tag <body> sampai </body> juga sebagai pelaksana CSS yang telah dibuat di tag <head>. biasanya untuk widget dimulai dengan tag <b:section class='namawidgetmu' id='namawidgetmu' maxwidgets='1' showaddelement='no'>
Contoh :
<div id=' namawidgetmu '>
atau
 <div class=' namawidgetmu '> 
Untuk div class, haruslah sesuai dengan nama CSS yang telah dibuat.
Mungkin penjelasannya agak ribet dan membingungkan, maklum, saya juga belum terlalu ahli. ^^
Untuk div class, haruslah sesuai dengan nama CSS yang telah dibuat.

Mungkin penjelasannya agak ribet dan membingungkan, maklum, saya juga belum terlalu ahli. ^^


Share on: Facebook Twitter Google+ Linkedin Technorati Digg LintasMe

Contact Us

Nama

Email *

Pesan *

Back To Top