Membuat layout atau tampilan web yang kita butuhkan
adalah membuat kelas-kelas atau bagian-bagian .dengan menggunakan tag
<div> seperti yang sudah kita pelajari pada tutorial sebelum nya. Dan
menggunakan syntax css sederhana.Seperti pada umum nya web mempunyai head,
body, footer dan sidebar.
Perlu di ingat di asumsikan untuk membuat tampilan web
atau layout web kita harus terlebih dahulu memahami tentang kelas html seperti
pada tutorial sebelum nya agar memudahkan dalam membuat layout.
Berikut adalah langkah-langkah dalam membuat tampilan web
dengan menggunakan HTML
Silahkan buka notepad atau notepad++ pada pc/laptop dan mulailah mengetik
script seperti dibwah ini:
<!DOCTYPE html> <html> <head> <style> #header { background-color:pink; color:purple; text-align:center; padding:5px; } #nav { line-height:30px; background-color:#pink; height:300px; width:100px; float:left; padding:5px; } #section { width:350px; float:left; padding:10px; } #footer { background-color:pink; color:purple; clear:both; text-align:center; padding:5px; } </style> </head> <body> <div id="header"> <h1>Gallery Tari</h1> </div> <div id="nav"> <li><a href="http://id.wikipedia.org/wiki/Jaipongan"style="text decoration:"none" target="blank">Jaipong</a></li> <li><a href="https://docs.google.com/document/d/1u_E52B1q5IlrE9YyzPoeqX01vQRWPx9_l55-ENn2OaE/edit"target="blank">Saman</a></li> <li><a href="http://kebudayaan1.blogspot.com/2013/06/asal-usul-sejrah-tari-pendet-dari-bali.html/"target="blank">Pendet</a></li> </div> <div id="section"> <h1>Tari Zaman</h1> Tari Saman adalah salah satu tarian daerah Aceh yang paling terkenal saat ini. Tarian ini berasal dari dataran tinggi Gayo. Pada masa lalu, Tari Saman biasanya ditampilkan untuk merayakan peristiwa – peristiwa penting dalam adat dan masyarakat Aceh. Selain itu biasanya tarian ini juga ditampilkan untuk merayakan kelahiran Nabi Muhammad. Pada kenyataannya nama “Saman” diperoleh dari salah satu ulama besar Aceh, Syech Saman.Tari Saman biasanya ditampilkan menggunakan iringan alat musik, berupa gendang dan menggunakan suara dari para penari dan tepuk tangan mereka yang biasanya dikombinasikan dengan memukul dada dan pangkal paha mereka sebagai sinkronisasi dan menghempaskan badan ke berbagai arah. </p> <p> Tarian ini dipandu oleh seorang pemimpin yang lazimnya disebut Syech. Karena keseragaman formasi dan ketepatan waktu adalah suatu keharusan dalam menampilkan tarian ini, maka para penari dituntut untuk memiliki konsentrasi yang tinggi dan latihan yang serius agar dapat tampil dengan sempurna. </p> </div> <div id="footer"> Copyright © W3Schools.com </div> </body> </html>
setelah script selesai, silahkan simpan dengan menggunakan format HTML pada satu folder seperti :
Setelah script tersimpan dalam bentuk HTML seperti pada gambar kemudian bukalah file tersebut. Maka akan tampil hasilnya seperti ini:
Jika anda ingin menambahkan gambar lain sebagai bagraundnya, anda dapat menambahkan tect pada script yang anda tulis, dan pastikan nama gambar dengan scrip sesuai dan berada dalam satu folder.
Demikianlah cara membuat tampilan web yang sangat sederhana, sekian dan terima kasih :)
0 komentar:
Posting Komentar