Tutorial ARI JULIANTO Network
Dasar-dasar Penggunaan JavaScript
Skrip dari JavaScript terletak di dalam dokumen HTML. Kode tersebut tidak akan terlihat dari dalam jendela navigator anda, karena diantara tag (kalau anda mengerti HTML pasti tahu dengan istilah ini) tertentu yang memerintahkan navigator untuk memperlakukan bahwa skrip tersebut adalah skrip dari JavaScript. Contoh dari skrip yang menunjukkan bahwa skrip tersebut adalah skrip dari JavaScript adalah sebagai berikut : <SCRIPT language="Javascript"> letakkan script anda disini </SCRIPT> Memberikan komentar (dan membuat skrip tidak tereksekusi) Sering kali pada navigator versi lama, sebelum adanya JavaScript, tidak mengenal tag tersebut dan akan melewatkannya untuk di baca. Contoh kode diatas tidak akan terlihat di...
Menggunakan CSS
Saat ini CSS sangat banyak banyak digunakan dalam berbagai jenis website dinamis maupun statis. Keberadaan CSS ini benar-benar sangat membantu dalam hal desain tampilan dan layout website. Akibatnya keberadaan code CSS pun terus diperbaharui hingga sekarang lahirlah apa yang disebut dengan CSS3 (akan dibahas nanti).. Untuk menggunakan styles sheet CSS dapat dilakukan dengan beberapa cara. Inline Style (di dalam elemen HTML) Internal Style Sheet (di dalam tag <head>) External Style Sheet (di dalam dokumen CSS, terpisah) Browser Default Inline Style (di dalam elemen HTML) Dengan meggunakan inline style anda dapat membuat dynamic style tanpa harus menambahkan script ke web anda. Inline...
Passing Variabel
Mungkin sekarang udah saat yang tepat untuk bahas materi tentang passing variabel. Mungkin dan saya yakin pasti Anda sudah mengenal apa yang dinamakan dengan form (dalam bahasan HTML), begitu pula dengan metode pengiriman datanya. Ya, benar... Dalam tag <form> ada atribut yang bernama method dan action, dan yang akan dibahas di sini adalah mengenai methodnya itu. Atribut method hanya bisa diisi dengan 2 nilai, yaitu post atau get. Jika diisi dengan post, maka data akan dikirim sebagai sebuah HTTP post transaction. Jika diisi dengan get, maka data akan dikirim sebagai variabel variabel URL (Query String). Contoh: <!-- contoh form 1...
Operator dalam PHP
Operator digunakan untuk menentukan sebuah nilai dengan melakukan suatu prosedur, atau dengan suatu operasi matematika dari beberapa nilai. Nilai yang digunakan dalam sebuah operasi disebut operand. Contoh sederhana dari suatu operasi adalah penjumlahan, pengurangan, perkalian atau pembagian Sebagai contoh : 2 + 4 2 dan 4 adalah sebuah operand. Adapun + adalah operatornya. Ekspresi ini akan menghasilkan 6. Operator Aritmatika (Arithmetic Operator) PHP menggunakan operator arithmetic dasar : Operator Aksi Contoh Penejelasan + Penjumlahan 5 + 9 Menghasilkan nilai : 14 - Pengurangan 9 - 4 Menghasilkan nilai : 5 * Perkalian 5 * 6 Menghasilkan nilai : 30 /...
Menyisipkan Gambar Kedalam Webpage
Selain teks, halaman web juga dapat memuat gambar/image. Terdapat beberapa jenis format gambar yang dapat digunakan pada halaman web, antara lain : GIF (Grafical Interchange Format) (.gif) JPEG (Joint Photographic Expert Image) (.jpg) PNG( Portable Network Graphic) (.png) BMP (Bitmap) (.bmp) Untuk menyisipkan suatu gambar dalam halaman web dapat dilakukan dengan menggunakan tag <IMG>. Tag tersebut memiliki elemen tambahan sebagai berikut : Atribut Nilai Keterangan src URL gambar Diisi dengan alamat yang menunjuk pada sumber file gambar alt teks Menentukan tulisan yang akan ditampilkan (biasanya ditempatkan antara tanda petik). Apabila browser tidak dapat menampilkan gambar untuk alasan tertentu align Center |...
Menampilkan Kode HTML pada Web Page
Untuk menampilkan kode sumber halaman (HTML) sebuah halaman website caranya cukup mudah. Anda bisa melihatnya dengan mambuka menu View > Source atau tekan Ctrl+U. Berikut ini contoh dari beberapa browser yang berhasil saya kumpulkan
Operator dalam JavaScript
Beberapa operator yang sering digunakan dalam javascript
Membuat dan Menambahkan Daftar dan Penomoran (Bullet and Numbering)
Salah satu cara yang efektif dan mudah untuk dibaca dalam menyampaikan informasi adalah dengan menggunakan daftar. HTML mewnyediakan beberapa jenis daftar, yaitu : Ordered list/numbered list (daftar berurut/daftar dengan nomor atau abjad) Unordered list/bulleted list (daftar tidak berurut/menggunakan bullet) Menu list (daftar menu) Directory list Definition list (glossary/daftar istilah) Ordered list (Numbering) Ordered list atau numbered list adalah suatu daftar dimana item-item yang ada di dalam daftar tersebut memiliki nomor secara berurut. Ordered list dimulai dengan tag awal <OL> dan diakhiri dengan tag akhir </OL>. Sedang untuk menyatakan list item, menggunakan tag <LI>. Berikut ini contoh penggunaan ordered list : ...
Memodifikasi Input Form pada Halaman Web
Sekarang kita akan membahas cara membuat form seperti ini Nama : Alamat : Agama : Islam Kristen Budha Hindu Password : Jenis kelamin: Pria Wanita Hobi: Sepakbola Bulutangkis Komputer Permainan video Internet Komentar <HTML> <HEAD> <TITLE>Contoh Membuat Form</TITLE></HEAD> <BODY> <H1>FORM PENDAFTARAN ONLINE</H1> <FORM method="POST" action="proses.htm"> <TABLE> <TR> <TD><B>Nama :</B></TD> <TD><INPUT type="Text" name="varNama" size="15"></TD> </TR> <TR> <TD><B>Alamat :</B></TD> <TD><INPUT type="Text" name="varAlamat" size="30"></TD> </TR> <TR> <TD><B>Agama :</B></TD> <TD><SELECT name="agama" size="1"> <OPTION>Islam</OPTION> <OPTION>Kristen</OPTION> <OPTION>Budha</OPTION> <OPTION>Hindu</OPTION> </SELECT> </TD> </TR> <TR> <TD><B>Password :</B></TD> <TD><INPUT type="Password" name="varPassword" size="10"></TD> </TR> </TABLE> <B>Jenis kelamin: </B><INPUT checked type="Radio" name="Kelamin" value="Pria">Pria <INPUT type="Radio"...
Memodifikasi Tabel pada Web Page
Perataan Tabel dan Sel Tabel dapat diratakan baik secara horizontal maupun secara vertikal. Seperti diketahui perataan horizontal mempunyai orientasi ke kiri, kanan dan tengah. Sedang perataan vertikal orientasinya ke atas, bawah dan tengah.Berikut adalah contoh perataan tabel dengan menggunakan perintah ALIGN dan VALIGN <h4> Perataan Pada Tabel</h4> <table border=5 width="250"> <tr> <th width="50"></th> <th width="50">Kiri</th> <th width="50">Tengah</th> <th width="50">Kanan</th> </tr> <tr> <th width="50" height="50">Atas</th> <td align="left" valign="top" width="50" height="50"><img border="0" src="bola.png" width="15" height="15"></td> <td align="center" valign="top" width="50" height="50"><img border="0" src="bola.png" width="15" height="15"></td> <td align="right" valign="top" width="50" height="50"><img border="0" src="bola.png" width="15" height="15"></td> </tr> <tr> <th width="50" height="50">Tengah</th> <td align="left" valign="middle" width="50"...