Rabu, 27 April 2011
Senin, 18 April 2011
Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
Preview
Simpan file tersebut dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Preview
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
Preview
Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Preview
Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
Preview
Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Kemudian ada <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Selanjutnya tag <!–…–> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
Preview
Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
Preview
Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:
Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
Sekarang kita mulai dengan menggunakan pilihan warna:
Preview
Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
Hasilnya akan sama. Ikuti link berikut ini untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna, tapi maaf untuk nama warnanya cari sendiri aja deh…
Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
Preview
Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTMLHTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
<html>
<head>
<title>Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen HTML pertamaku
</body>
</html>Simpan file tersebut dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " </…>". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): <body bgcolor="0000ff">, body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " <html>" dan tag penutup " </html>" dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: <HTML>, <HtMl>, <HTml>, <html>, semuanya adalah sama.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
Format Font HTML
Tag HTML untuk font adalah <font>…</font>, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag <font> tidak dipergunakan lagi, sebagai gantinya dibuat tag <style> atau disebut dengan Cassading Style Sheets (CSS). Dengan CSS penggunaanya akan lebih kompleks dan lebih luas lagi karena dapat dikombinasikan dengan tag elemen-elemen lainnya di dalam dokumen HTML. Berikut adalah contoh penggunaan tag style sheets:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1 style="font-family:verdana">Judul Menggunakan font verdana</h1>
<p style="font-family:tahoma">Konten menggunakan font tahoma</p>
Untuk membuat ukuran (size):
<h1 style="font-size:150%">Judul dengan ukuran 150%</h1>
<p style="font-size:80%">Konten dengan ukuran 80%</p>
Untuk membuat warna font (color):
<h1 style="color:blue">Judul dengan warna Biru</h1>
<p style="color:red">Konten dengan warna merah</p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<p style="font-family:verdana;font-size:80%;color:green">
Ini adalah contoh tulisan pengaturan font dengan <i>Cassading Style Sheets</i> (CSS) yang<br>
menggunakan tag HTML elemen <b>style:</b> font-family, font-size dan color...</p>
</body>
</html>Untuk mengetahui lebih lanjut tentang CSS, nanti akan dibuat tutorial khusus untuk membahas hal ini.
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat sebelumnya, coba tambahkan dengan tag-tag berikut ini:<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>Untuk membuat suatu paragraf, tag elemennya adalah <p>…</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Kemudian ada <h1>…</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Selanjutnya tag <!–…–> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :
<html>
<head></head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang mempelajari format-format teks.<br>
Contoh-contohnya adalah sebagai berikut:</p>
<p>Teks Normal<br>
<tt>Teks mesin ketik</tt><br>
<b>Teks tebal (bold)</b><br>
<strong>Teks tebal dengan perintah Strong</strong><br>
<i>Teks dengan italic (miring)</i><br>
<em>Teks miring dengan perintah Emphasized</em><br>
<u>Teks bergaris bawah (underline)</u><br>
<strike>Teks tercoret (strike)</strike><br>
<big>Teks lebih besar dari normal</big><br>
<small>Teks lebih kecil dari normal</small><br>
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O<br>
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100<br></p>
</body>
</html>Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>…</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
<html>
<body>
<pre>
<b>PUITUIS ASA</b>
Hari ini...
Aku sedang belajar...
Belajar tentang HTML.
Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh.
Tapi biarlah...
Akan kucoba...
Sampai pingsan.
</pre>
</body>
</html>Hyperlink HTML
Hyperlink digunakan untuk menghubungkan antar halaman dokumen di dalam web. Tag HTML Hyperlink biasa disebut dengan anchor (a) kemudian diikuti dengan href sebagai alamat tujuan dari link tersebut. Berikut kita akan membuat suatu Hyperlink ke suatu alamat url:<html>
<head></head>
<body>
<p>Aku sekarang sedang membuat hyperlink</p>
Jika anda ingin mengunjungi Microsoft
<a href="http://www.microsoft.com/">Klik disini</a><br>
<a href="http://www.yahoo.com/">Link ini</a> akan membawa anda ke Yahoo.com
<p>Untuk membuat hyperlink url agar dibuka pada jendela browser yang baru:<p>
<a href="http://www.mp3.com/"target="_blank">Website Musik</a>
<p>Agar hyperlink tidak bergaris bawah:<p>
<a href="http://www.mp3.com/"target="_blank" style="text-decoration: none">Website Musik</a>
<p>Hyperlink ke suatu halaman tertentu dalam web:<p>
<!--dengan catatan anda harus tau nama halaman tujuan tersebut-->
<a href="http://wordpress.htmlcssguides.com/belajar-css/">Link ini</a> akan membawa anda ke halaman belajar css.
</body>
</html>Untuk membuat hyperlink dengan menggunakan gambar (image). Pastikan gambar tersebut berada pada folder yang sama dengan dokumen html anda dan harus tahu nama dan extentionnya, kemudian ganti ke atribut yang bertuliskan scr, misalkan jika nama gambar tersebut adalah yahoo.gif, maka :
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31"></a>Img merupakan atribut untuk suatu image (gambar), border adalah garis yang mengelilingi sisi image, width dan height merupakan lebar dan tinggi dari image. Kreatiflah untuk menganti nilai yang ada diantar tanda "…"sehingga anda akan lebih mengerti. Untuk memposisikan gambar, tambahkan dengan atribut align="…", left= kiri, center= tengah dan right= kanan.
<a href="http://www.yahoo.com"> <img src="yahoo.gif" border="0" width="147" height="31" align="left"></a>Sekarang coba geser mouse anda ke gambar di atas, jangan di-klik, perhatikan akan ditampilkan suata tulisan singkat mengenai gambar tesebut, ini disebut dengan screen tips, cara membuatnya adalah menambahkan title pada tag anchor (a) sehingga menjadi:<a href="http://www.yahoo.com" title="Hai... klik gambar ini maka anda akan dibawa ke Yahoo.com"><img src="contoh.jpg" border="0" width="147" height="31" align="left" alt="yahoo"></a> Agar cepat mengakses internet kita boleh mengatur browser untuk tidak menampilkan image (gambar). Dan semua gambar akan ditampilkan dengan teks alternatif (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.<a href="http://www.yahoo.com"> <img border="0" src="contoh.jpg" width="120" height="30" align="left" alt="Text Alternatif Yahoo.com"></a>Background HTML
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).Sekarang kita mulai dengan menggunakan pilihan warna:
<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:
<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah: background.jpg
<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai... Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawali dari http:
<html>
<head></head>
<body background="http://i703.photobucket.com/albums/ww40/Jessie4life007/background.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>
Mari belajar HTML.
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
Titel Websiteku
Ini adalah dokumen HTML pertamaku
Preview
Simpan file tersebut dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " ". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): , body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " " dan tag penutup " " dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: , , , , semuanya adalah sama.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
Disini titel websiteku
Disini adalah konten yang tampil di browser
Preview
Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag ….
Kemudian tag " …" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah "… " merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Titel
Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
Format Font HTML
Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
Untuk membuat jenis font (face):
Untuk membuat ukuran (size):
Untuk membuat warna font (color):
Contoh komplit untuk membuat jenis font (face),size dan color:
tag HTML elemen font dengan atribut face, size dan color...
Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag
Jika anda baru terjun di dunia maya alias pemula (newbie) dan tertarik ingin belajar HTML untuk membuat website sendiri maka anda tidak salah datang ke blog ini, karena disini anda akan mendapatkan tutorial, tips, triks dan artikel-artikel tentang bagaimana cara belajar HTML untuk membuat website.
Di Internet sebenarnya kita bisa saja mendapatkan banyak template baik yang gratis maupun yang berbayar, namun kadang tidak sesuai dengan keinginan (selera) kita. Maka kita harus meng-edit dan melakukan perubaha-perubahan. Di dalam mengedit dan melakukan perubahan inilah kita harus mengerti dan memahami bahasa HTML.
Di blog ini anda akan mendapatkan tutorial belajar HTML yang disertai dengan contoh-contoh mulai dari dasar, sehingga akan mudah dipahami dan sangat cocok bagi anda yang masih pemula. Dan bagi anda yang mengedit atau membuat suatu halaman web bisa melangkah ke halaman-halaman berikutnya sesuai dengan topik yang anda inginkan.
Untuk belajar anda dapat menggunakan program HTML seperti Ms FrontPage, Dreamweaver atau Text Editor (Notepad), sesuai dengan selera anda masing-masing. Namun untuk tutorial ini akan diajarkan dengan menggunakan teks editor yang simpel yaitu Notepad, jika anda ingin teks editor yang lebih interaktif anda bisa menggunakan Notepad++.
Dalam belajar sebaiknya anda langsung praktek di program HTML anda, sehingga akan lebih mudah untuk dipahami, anda ketik atau copy/paste contoh-contoh HTML-nya di program HTML anda dan preview di browser untuk melihat hasilnya.
Saya sangat berterimakasih jika anda bersedia memberikan kritik, saran maupun komentar atas kekurangan, error, broken links dan lainnya, masukan dari anda sangat membantu untuk perbaikan tutorial maupun blog ini.
Akhir kata saya mengucapkan terimakasih banyak atas kunjungan anda dan selamat belajar.
Pengenalan HTML
Pengertian singkat tentang HTML
HTML (Hyper Text Markup Language) merupakan bahasa standar untuk membuat suatu dokumen HTML (halaman web) yang terdiri dari kode-kode singkat tertentu, dimana dengan kode-kode tersebut akan memerintahkan Web browser bagaimana untuk menampilkan halaman Web yang terdiri dari berbagai macam format file seperti texs, grafik, animasi link maupun audio-video.
Sedangkan Web browser adalah sebuah progam yang dapat menterjemahkan kode perintah dari dokumen HTML tersebut sehingga dapat kita lihat, baca dan dengar. Contoh dari Web Browser adalah Internet Exsplorer, Netscape Navigator, Mozilla Firefox, Opera, Safari dll.
HTML mempunyai file perluasan (extention) htm atau html. Dimana kedua perluasan tersebut adalah sama, jadi anda boleh menyimpan file dokumen HTML dengan extention ".htm" atau ".html".
Untuk mulai belajar HTML kita akan menggunakan Texs Editor, Notepad. Di bawah ini adalah contoh suatu dokumen HTML yang sangat sederhana. Buka Notepad, silahkan mulai dengan mengetikkan (copy/paste) texs di bawah ini:
Ini adalah dokumen HTML pertamaku
Preview
Simpan file tersebut dengan pilihan "save as" ke C:\My Documents dengan nama "websiteku.htm." Kemudian buka browser dari menu File, klik Open dan tujukan ke C:\My Documents\websiteku.htm "klik Ok" maka halaman website pertama anda akan ditampilkan.
*Lakukan hal yang sama untuk contoh-contoh selanjutnya.
Perintah didalam dokumen HTML terdiri dari berbagai struktur penyusun seperti tag, elemen, atribut dan nilai. Tag terdiri dari lambang-lambang khusus seperti: " <", " >" dan "/", untuk menuliskannya di dalam dokumen HTML dimulai dengan tag pembuka " <…>"dan diakhiri dengan tag penutup " ". Kemudian di dalam tag tersebut terdapat teks seperti contoh diatas :html, head, title,body dan yang lainnya ini disebut dengan Elemen HTML.
Elemen HTML kemudian ada yang memiliki atribut dan nilai tertentu, seperti contoh untuk membuat warna latar belakang (background): , body merupakan elemen, bgcolor adalah atribut dan 0000ff merupakan nilai (value).
Elemen HTML mempunyai tiga hal penting yaitu: tag pembuka, isi, dan tag penutup. Sebagai contoh: Elemen html mempunyai tag pembuka " " dan tag penutup " " dan yang berada diantaranya merupakan isi dari elemen html. Untuk menuliskan Elemen HTML bisa menggunakan huruf besar maupun huruf kecil. Contoh: , , , , semuanya adalah sama.
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
Disini adalah konten yang tampil di browser
Preview
Tag pertama pada dokumen HTML diatas adalah: " " tag ini merupakan awal dari suatu dokumen HTML, dan tag " " merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag ….
Kemudian tag " …" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah "
Titel
Tag "…" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
Format Font HTML
Tag HTML untuk font adalah …, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
Untuk membuat jenis font (face):
Judul dengan font Verdana
Konten dengan font TimesUntuk membuat ukuran (size):
Judul dengan size 5
Konten dengan size 3Untuk membuat warna font (color):
Judul dengan warna biru
Konten dengan warna merahContoh komplit untuk membuat jenis font (face),size dan color:
Judulnya Tentang Font
Ini adalah contoh tulisan dengan pengaturan font yang menggunakantag HTML elemen font dengan atribut face, size dan color...
Preview
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Sesuai dengan recomendasi dari World Web Consortium (W3C), Untuk HTML 4.0 keatas, tag tidak dipergunakan lagi, sebagai gantinya dibuat tag
Sabtu, 09 April 2011
Minggu, 03 April 2011
Kepada Seorang Ayah yang berbahagia,
Kubayangkan butir air mata memenuhi pelupuk matamu
saat kau membacakan baris-baris kasih sayang
kepada buah hatimu
Kusapa, ada beberapa butir air mata menggantung di sukmaku
hendak menyeruak ke dunia menemani keharuanmu
Tak ada yang dapat kuucapkan hari ini
seperti hari kemarin, aku hanya bisa membisu
coba kutulis beberapa kata ungkapan kehormatan
kepadamu yang kini duduk menyaksikan ilham Allah
merasuki tulang-tulang tuamu.
Adakah aku akan melihat orang tuaku
sebahagia lantunan nyanyian hatimu
yang hendak menempuh tahap tertinggi kodrat manusia?
aku merenung menggores bayangan butiran air matamu
yang terdorong keluar oleh kebahagiaan
aku berusaha menutupi jalan untuk air mataku
yang tak sanggup menahan keharuan
menuntut jalan keluar,
mungkin hendak berteman dengan air matamu
saat kau membacakan baris-baris kasih sayang
kepada buah hatimu
Kusapa, ada beberapa butir air mata menggantung di sukmaku
hendak menyeruak ke dunia menemani keharuanmu
Tak ada yang dapat kuucapkan hari ini
seperti hari kemarin, aku hanya bisa membisu
coba kutulis beberapa kata ungkapan kehormatan
kepadamu yang kini duduk menyaksikan ilham Allah
merasuki tulang-tulang tuamu.
Adakah aku akan melihat orang tuaku
sebahagia lantunan nyanyian hatimu
yang hendak menempuh tahap tertinggi kodrat manusia?
aku merenung menggores bayangan butiran air matamu
yang terdorong keluar oleh kebahagiaan
aku berusaha menutupi jalan untuk air mataku
yang tak sanggup menahan keharuan
menuntut jalan keluar,
mungkin hendak berteman dengan air matamu
Keanehan Tata Kota Jakarta
OPINI | 31 January 2010 | 19:09 
937 
15 
2 dari 3 Kompasianer menilai Bermanfaat
937 15 2 dari 3 Kompasianer menilai Bermanfaat 
Gedung Kantor Bertingkat Tinggi tiba-tiba muncul di sebelah rumah saya
Ketika Fauzi Bowo dan pasangannya Prijanto memenangkan pilkada Gubernur Jakarta 2007-2012 sejujurnya saya berharap banyak atas perbaikan tata kota dan transportasi di Jakarta. Betapa tidak, sang gubernur berlatar belakang pendidikan Arsitektur bidang Perencanaan Kota dan Wilayah dari Technische Universitat Braunschweig Jerman,tamat 1976, dan program Doktor dari Universitas Kaiserlauterm bidang perencanaan, tamat tahun 2000. Beliaupun sudah mengabdi cukup lama, lebih dari tiga puluh tahun di pemerintahan daerah DKI, sehingga mestinya sudah paham betul seluk-beluk birokrasi dan permasalahannya. Kurang apa lagi ?
Tetapi ternyata saya harus kecewa, karena tidak melihat suatu perbaikan yang berarti setelah lebih dari dua tahun kepemimpinannya. Jakarta semakin macet dan tata ruangpun tetap semrawut. Apalagi secara pribadi saya mengalami pengalaman yang buruk beberapa kali, baik dalam kegiatan bisnis maupun kehidupan pribadi saya. Dalam artikel ini saya ingin cerita dua kisah yang masih teramat hangat.
Pengalaman Buruk dalam Bisnis
Di awal tahun 2008, setelah hampir dua puluh empat tahun berkarir di IBM, meniti karir dari bawah sampai ke posisi puncak, sebagai CEO, saya memutuskan untuk beralih jalur dan menjadi pengusaha, agar bisa menciptakan lapangan kerja bagi banyak orang. Beberapa langkah segera saya lakukan, diantaranya memilih lokasi kantor. Bertahun-tahun, ketika saya berkantor di Jl. Sudirman dan tinggal di Jakarta Selatan, saya harus menembus kemacetan Jakarta di pagi hari ketika pergi ke kantor, dan di malam hari ketika pulang kantor. Jadi, ketika punya kesempatan berbisnis sendiri, saya ingin punya kantor didaerah perkantoran dekat rumah saja, sehingga tidak harus menambah kemacetan kota Jakarta setiap hari. Pilihan jatuh ke gedung perkantoran di Jalan Pangeran Antasari, hanya lima ratus meter dari daerah perkantoran yang sedang berkembang di jalan T.B. Simatupang. Di sana saya menyewa sebuah gedung kantor, yang punya tempat parkir luas. Sesuai persyaratan, saya membayar uang sewa dua tahun di depan. Tidak ada keragu-raguan sedikit pun ketika saya mendekor interior gedung itu dengan teliti, agar nyaman, karena berharap bisnis saya berkembang dan akan berkantor di sana bertahun-tahun. Di sebelah kiri kantor saya ada kantor Geodis Wilson, perusahaan freight forwarding internasional, dan di kanan saya kantor TNT, perusahaan layanan pengiriman yang terkenal. Bila Anda pernah lewat jalan Pangeran Antasari, yang menghubungkan jalan T.B. Simatupang dan blok M, Anda akan lihat bahwa jalannya begitu lebar, lebih dari cukup untuk empat sampai lima jalur mobil, sehingga memang cocok sebagai daerah perkantoran.
Diluar dugaan saya, daerah itu diperuntukkan sebagai daerah perumahan, sehingga dipertengahan bulan Oktober 2009, ketika kegiatan bisnis saya tengah memuncak, kantor yang saya sewa disegel, bersama-sama dengan 60 tempat usaha lainnya di jalan Pangeran Antasari. Apa daya, dengan hati yang dongkol saya harus dengan terburu-buru mencari lokasi kantor baru dan pindah. Timbul pertanyaan di hati saya, bila disana bukan daerah perkantoran, mengapa dibiarkan gedung perkantoran bertingkat berdiri disana ? Kalau gedung itu tidak ada, tentunya saya dan penyewa gedung lainnya, tidak akan terkecoh dan mengeluarkan uang dan waktu begitu banyak untuk membayar uang sewa dan merenovasi interiornya dengan sia-sia.
Pengalaman Buruk Sebaliknya di Rumah
Seakan tidak cukup hanya di kantor, di rumah pun kami mengalami pengalaman buruk pada posisi sebaliknya. Sejak tahun 1998 kami tinggal di jalan kecil di daerah Ragunan, sangat dekat dengan kebun binatang ragunan. Kami memilih tinggal di sana karena daerah nya yang sejuk dan rimbun. Secara bertahap kami beli tanah dari penduduk di sana, hingga luas tanah kami mendekati tiga ribu meter persegi. Ketika mengajukan ijin bangunan, jelas betul bahwa peruntukannya adalah perumahan dengan koefisien dasar bangunan lima belas persen. Jadi hanya lima belas persen saja dari luas tanah yang boleh di tutupi bangunan. Dengan patuh kami turuti persyaratan itu, sehingga sebagian besar tanah kami tanami rumput hijau dan pepohonan yang rindang. Bermacam-macam pohon buah kami tanam disana ; rambutan, belimbing, duren, sawo, kelapa, melinjo, jambu air dll. Daerah ini memang di peruntukan sebagai daerah resapan, itu sebabnya koefisien dasar bangunannya sangat rendah. Selama lebih dari sepuluh tahun kami menikmati ketenangan dan kenyamanan tinggal di daerah hijau ini. Setiap hari, sesudah penat bekerja di kepadatan kota Jakarta, pulang kerumah rasanya begitu nyaman dengan kesegaran, ketenangan dan kehijauan rumah kami. Hilang rasanya semua kepenatan hari itu.
Rupanya ketenangan itu kini tidak bisa kami nikmati lagi. Di tanah kosong disebelah rumah kami kini tengah di bangun gedung perkantoran milik Bank Rakyat Indonesia ( BRI ). Gedung bertingkat yang sejauh ini sudah dibangun delapan lantai ini sungguh bising pembangunannya, dan dikerjakan siang dan malam. Ketika tiang pancang pondasi nya di tanam, bukan hanya bunyi hantamannya yang sangat gaduh, dinding dan kaca rumah kami pun bergetar dibuatnya. Bagi kami sungguh aneh, bahwa di tengah-tengah perumahan yang asri ini, tiba-tiba muncul gedung bertingkat tinggi. Bagaimana nasibnya koefisien bangunan yang lima belas persen ? Bagaimana dengan peruntukan tanah untuk perumahan di daerah ini ? Apakah dengan mudahnya bisa di ubah menjadi daerah perkantoran ? Apakah dengan mudahnya koefisien bangunan bisa di tambah ? Tidak adakah batasan ketinggian bangunan disini ? Kolam renang yang biasa kami gunakan secara rutin untuk olah ragapun kini tidak lagi dapat kami gunakan. Risih rasanya berenang sementara ada gedung tinggi, yang begitu dekat, penuh dengan jendela kaca menghadap langsung ke kolam renang kami.
Jakarta oh Jakarta….! Kami, bersama dengan enampuluh pengusaha lainnya, diusir dari kantor kami di Jalan Pangeran Antasari, yang begitu lebar jalannya, lebih dari cukup untuk empat atau lima jalur mobil, dengan alasan peruntukannya untuk perumahan. Sementara kenyamanan dan privacy kami di rumah tinggal di daerah perumahan Ragunan di usik dengan dibangunnya gedung perkantoran delapan lantai. Padahal, jalan masuk ke rumah kami adalah jalan perumahan biasa yang sempit. Adakah permainan di balik semua ini ? Entahlah ! Yang jelas, bagi saya semuanya ini sangat tidak masuk akal.
Rabu, 30 Maret 2011
James Cameron’s Avatar: The Game Impressions Of Mass Slaughter
James Cameron’s Avatar is getting a video game adaptation courtesy of Ubisoft, complete with movie appropriate stereoscopic 3D, should you have a TV that supports such a thing. For those without, expect stock third-person shooter action meets alien genocide.In Avatar, you’ll play as an RDA soldier, essentially tasked with killing every indigenous life form on the planet Pandora that crosses your path. Fortunately, these creatures have been given intimidating names like viperwolves, sturmbeasts and hammerheads. That they generally attack on site—and this includes much of Pandora’s vegetation—helps matters.
It’s all in the matter of science and progress, of course, as Pandora’s rich mineral deposits are needed by an overpopulated, over-harvested Earth. The only thing standing between the RDA’s raping of Pandora are beasts of increasing size and the indigenous humanoids known as the Na’vi.
We got a chance to play the Xbox 360, PlayStation 3 and PC version of James Cameron’s Avatar: The Game at Gamescom this week. We also played the Wii version, which features a different take on the adaptation, which we’ll cover later.
While playing as an RDA soldier, gameplay is mostly standard third-person shooter stuff. The jump, fire and reload buttons are all where we’ve agreed they should be, an easily controlled over-the-shoulder view offering a familiar perspective while navigating through Avatar’s world. You’ll lay waste to Pandora’s flora and fauna with machine gun fire, pistols and flamethrowers, with a set of special skills to mix things up.
You’ll be able to heal your character, make him nearly invisible, Predator-style, as well as call in massive air-strikes with those skills. They’re toggled by holding down the L1/left bumper and tapping a face button. They’ll also take time to recharge, to ensure balance.
During our hands-on demo, we did plenty of viperwolf slaying and clearcutting with our standard weapons load out. We also got a chance to hop into one of the mechanised AMP suits, a towering contraption that offers better firepower and resistance against attacks.
Unfortunately, a massive hammerhead knocked us out of the suit, forcing us to wrap up the human portion of the demo on foot. We were then prompted to switch to the playable Na’vi character.
The alien creatures, which stand at three metres tall and sport deep blue skin, aren’t armed with the same level of technology as their human opponents. They’re more melee focused, with the exception of a bow and arrow set, requiring the player to be a tad more stealthy when engaging in battle. We were quickly put down when faced with a squad of AMP suits and infantry, forcing us to restart that portion of the demo.
The hand to hand combat works just fine, with a trio of short range weapons available at the Na’vi’s disposal. I preferred the dual blades, which offered a more rapid fire attack.
The world of Pandora is full of lush, brightly coloured vegetation, all of which is rendered beautifully. Avatar is said to use the Far Cry 2 engine, which excels at offering realistic plant life. There are few complaints in the visual department, with the exception of the game’s erratic frame rate, which appeared to suffer more during the Na’vi levels.
James Cameron’s Avatar: The Game is slated to hit the US in November, Europe in December. We’re guessing there’s still plenty of work to be done on the game, so that problematic frame rate has time to be smoothed out. We’ll let you know.
Merubah Baground Facebook
Merubah Baground Facebook
. Kamis, Februari 26, 2009
Mo share cara rubah background FB. Aku dapat dari nickname [E]mily. Jadi kalo sudah ada yang bisa jangan ngetawain yah.. :P~
Ok, biar gak penasaran kita langsung menuju TKP.
Pertama kamu donlot ini dulu. Kemudian restart Firefox-nya.
Kedua, masuk ke sini. Setelah itu pilih style yang kamu suka
Ketiga, klik load into stylish. Beres deh.
Selanjutnya tinggal kamu buka FB kamu. Oke, Met mencoba yak!!
Ok, biar gak penasaran kita langsung menuju TKP.
Pertama kamu donlot ini dulu. Kemudian restart Firefox-nya.
Kedua, masuk ke sini. Setelah itu pilih style yang kamu suka
Ketiga, klik load into stylish. Beres deh.
Selanjutnya tinggal kamu buka FB kamu. Oke, Met mencoba yak!!
Selasa, 29 Maret 2011
RENCANA PROGRAM/KEGIATAN TA 2011 DILINGKUNGAN DINAS TATA KOTA – KOTA BATAM
Sesuai tugas pokok dan Fungsinya, Dinas Tata Kota – Kota Batam melaksanakan kewengan Pemerintah Kota di bidang Penataan Kota. Tugas tersebut dijabarkan dalam pelayanan dan pembangunan pada program-program Penataan Ruang, Perumahan Permukiman, Pengembangan dan Peningkatan utilitas Perkotaan dan Pembangunan Sarana Prasarana Bangunan.
Adapun Rincian Rencana Program/Kegiatan pada TA 2011 di maksud adalah sebagai berikut :
JUMLAH KESELURUHAN 44.583.838.095
Adapun Rincian Rencana Program/Kegiatan pada TA 2011 di maksud adalah sebagai berikut :
| No | Kegiatan | Lokasi Kegiatan | Volume | Jumlah (Rp.) |
| 1 | 2 | 3 | 4 | 5 |
| 1 | Penataan Dataran Engku Putri | Batam Centre | 1 Paket | 2.310.272.375 |
| 2 | Kegiatan Inventarisasi Prasarana dan Sarana Dasar (PSD) Lingkungan Kota Batam | Kota Batam | 1 Paket | 200.000.000 |
| 3 | Penyusunan Amdal Kebun Raya Kota Batam | Kota Batam | 1 Paket | 290.000.000 |
| 4 | Pembangunan Batu Miring Kota | 2.829.340.000 | ||
| Kec Sei Beduk | 1 Paket | ||
| Kec.Bengkong | 1 Paket | ||
| Kec Sekupang | 1 Paket | ||
| Kec. Sekupang | 1 Paket | ||
| 5 | Pendampingan PLP2K – BK dan Perumahan Nelayan | 291.000.000 | ||
| Kel. Sijantung | 1 Paket | ||
| Kec. Sei beduk | 1 Paket | ||
| 6 | Pembangunan Saluran Permukiman Kota | 736.075.000 | ||
| Kec. Bengkong | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Batu Ampar | 1 Paket | ||
| 7 | Pembangunan Semenisasi Jalan Kota Batam Wilayah I | 1.767.100.000 | ||
| Bukit Ayu Lestari | 1 Paket | ||
| Kec. Sei Beduk | 1 Paket | ||
| Kec. Sei Beduk | 1 Paket | ||
| Kec. Sei Beduk | 1 Paket | ||
| 8 | Pembangunan Semenisasi Jalan Kota Batam Wilayah II | 1.376.000.000 | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| 9 | Pembangunan Semenisasi Jalan Kota Batam Wilayah III | 1.464.500.000 | ||
| Kec. Sekupang | 1 Paket | ||
| Kec. Sekupang | 1 Paket | ||
| Kec. Sekupang | 1 Paket | ||
| Kec Lubuk Baja | 1 Paket | ||
| Kec Lubuk Baja | 1 Paket | ||
| 10 | Pembangunan Semenisasi Jalan Kota Batam Wilayah IV | 1.759.000.000 | ||
| Kec. Bengkong | 1 Paket | ||
| Kec. Bengkong | 1 Paket | ||
| Kec. Batam Kota | 1 Paket | ||
| Kec Batu Ampar | 1 Paket | ||
| 11 | DAK Perumahan dan Permukiman Kota Batam | Kota Batam | 1 Paket | 4.002.600.000 |
| 12 | Pembangunan Bangunan PSU RUSUNAWA | 3.181.416.000 | ||
| Sekupang | 1 Paket | ||
| Sekupang | 1 Paket | ||
| Sekupang | 1 Paket | ||
| Sekupang | 1 Paket | ||
| 13 | Pembangunan Unit Sekolah Baru (USB) SD/SMP | 16.317.575.900 | ||
| Kec. Batam Kota | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Sei Beduk | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| 14 | Penataan Lingkungan Kantor Dinas Bersama | Batam Centre | 1 Paket | 1.324.350.000 |
| 15 | Pembangunan Gedung Mapolsek | Kec. Sagulung | 1 Paket | 2.238.263.350 |
| 16 | Renovasi Gedung Makodim 0316 Batam | Kec. Batu Ampar | 1 Paket | 862.700.000 |
| 17 | Penataan Bukit Clara | Batam Centre | 1 Paket | 815.017.970 |
| 18 | Penataan Perbaikan Renovasi Tempat Ibadah dan Fasilitas Umum Lainnya | 1.919.427.500 | ||
| Masjid Raya Kota Batam | 1 Paket | ||
| Kec. Nongsa | 1 Paket | ||
| 19 | Pembangunan dan Peningkatan Fasum dan Fasos Kota Batam | 899.200.000 | ||
| Kec. Sei Beduk | 1 Paket | ||
| Kec. Sei Beduk | 1 Paket | ||
| Kec. Sei Beduk | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Sagulung | 1 Paket | ||
| Kec. Sagulung |
Program Gedung Kesenian Jakarta februari 2011
Dear Para Sahabat Gedung Kesenian Jakarta,
Di bulan Maret ini akan ada pementasan dari seniman seniwati dari negara sahabat Brunei Darussalam “Best of ASEAN Performing Arts VII – Brunei’s Legacy serta Pagelaran Reuni Ketoprak Humor. Dan nantikan program Gedung Kesenian Jakarta dibulan April; Road Teater dan PADNEÇWARA dan dibulan Mei; Sirkus Kontemporer “Mobile” oleh Cie Chabatz d’Entrar . Semoga pementasan dibulan ini dapat dinikmati oleh para sahabat Gedung Kesenian Jakarta.
Segenap Pimpinan dan Staff Gedung Kesenian Jakarta mengucapkan:
“Selamat Tahun Baru Çaka 1933”
====================================================================================================================
PROGRAM
GEDUNG KESENIAN JAKARTA MARET 2011
===========================================================================================
Selasa, 1 Maret 2011 Pkl. 19.00 WIB | Tuesday, March 1, 2011 – 7 p.m.
Best of ASEAN Performing Arts VII – Brunei’s Legacy
The Best of ASEAN Performing Arts is a series of cultural events held in Jakarta that showcases the richness and diversity of performing arts in the region, with purpose to promote ASEAN awareness through the region's rich and diverse cultures as well as to acknowledge the important role that Jakarta has played over the last 34 years as the host city of the ASEAN Secretariat. As the Seventh ASEAN country to participate in this Series, Brunei Darussalam will be presenting an evening of entertainment entitled “Brunei’s Legacy”, which offers the audiences a rare opportunity to enjoy Bruneian folk drama, dance and music. This performance will be presented to you into two segments titled ‘Tragedi’ and ‘Durhaka’,
This event is brought to you by the ASEAN Secretariat and the Ministry of Culture, Youth and Sports of Brunei Darussalam.
Dress Code: National/ Lounge Suit - Batik Long Sleeve
Free Admission,
Please RSVP to 7243372 ext. 331 or 270 or email to RSVP: Secretariat – Ph: (021) 726 2991 ext. 331 (Ms. Rahmi) / ext. 270 (Ms. Jatu)
Email: ciu@asean.org
==========================================================================================
Senin, 21 Maret 2011 – Pkl. 19.00 WIB | Monday, March 21, 2011 – 7 p.m.
Pagelaran Reuni Ketoprak Humor
Sutradara: Aries Mukadi
Pemain: Tarzan, Doyok, Eko DJ, Kadir, Nunung, Tessy, Kirun, Marwoto, dll
Informasi Undangan: Ibu Dien 0817 180207
Informasi : Gedung Kesenian Jakarta: Roelly 021- 3808283, 3441892
Tiket: tiket@gedungkesenianjakarta.co.id
==========================================================================================
Terimakasih atas perhatiannya untuk:
· Pembelian dan pemesanan tiket pertunjukan pada hari Selasa sampai Sabtu, Pukul 10.00 – 16.00 wib
· Pemesanan tiket paling lambat 5 hari (hari kerja) sebelum hari pementasan.
· Pengambilan tiket paling lambat 2 hari sebelum hari pertunjukan.
· Diharap kehadirannya 30 menit sebelum pertunjukan dimulai
· Berpakaian rapi, tidak menggunakan celana pendek, tidak menggunakan sandal
· Tidak membawa makanan dan minuman ke dalam auditorium
· Tidak boleh mendokumentasikan pementasan dengan alat elektronik apapun (kamera, kamera video, kamera HP, dll).
· Pembelian dan pemesanan tiket pertunjukan pada hari Selasa sampai Sabtu, Pukul 10.00 – 16.00 wib
· Pemesanan tiket paling lambat 5 hari (hari kerja) sebelum hari pementasan.
· Pengambilan tiket paling lambat 2 hari sebelum hari pertunjukan.
· Diharap kehadirannya 30 menit sebelum pertunjukan dimulai
· Berpakaian rapi, tidak menggunakan celana pendek, tidak menggunakan sandal
· Tidak membawa makanan dan minuman ke dalam auditorium
· Tidak boleh mendokumentasikan pementasan dengan alat elektronik apapun (kamera, kamera video, kamera HP, dll).
=========================================================================================
NEXT PROGRAM
APRIL
Jumat – Sabtu, 8 & 9 April 2011, pukul 20.00 WIB
Pementasan ROAD Teater ”Macbeth” – a Tribute to William Shakespeare
Karya : William Shakespeare, Adaptasi: Rendra, Sutradara: Amien Kamil
Tiket: Rp. 50.000,- dan Rp. 40.000,- (balkon)
Sabtu – Minggu, 30 April – 1 Mei 2011, pukul 20.00 WIB
“SAVITRI” karya Retno Maruti , Direktur Artistik: Sentot S
Persembahan 35 tahun PADNEÇWARA (1976 – 2011)
Mei
Selasa, 31 Mei 2011 – Pk. 20.00 WIB
Pertunjukan Sirkus Kontemporer “Mobile” oleh Cie Chabatz d’Entrar
Terselengara atas kerjasama dengan Pusat Kebudayaan Perancis (CCF) di Jakarta
--------------------------------------------------------ooooooooooooooooo----------------------------------------------------------------
Putu Dewiyanti Delim/ Hp:08128245167
Gedung Kesenian Jakarta | Jakarta Performing Art Theater
Jl. Gedung Kesenian Jakarta No. 1 Jakarta 10710
T. 021- 380 8283, 344 1892 F. 021- 381 0924
gkj@pacific.net.id | www.gedungkesenianjakarta.co.id
Group FB: GEDUNG KESENIAN JAKARTA | Tweeter: @Gedung Kesenian
Blogspot: gedungkesenianjakarta.blogspot.com | Multiply: gedungkesenian.multiply.com
Langganan:
Postingan (Atom)