PHP Pertamaku

Posted on July 22, 2011 by qzoners| 3 Comments

Sebenarnya, PHP tidak berbeda jauh dengan HTML karena tujuan akhirnya juga menghasilkan sebuah output berupa kode HTML. Di file PHP pertama kita ini, kita akan belajar bagaimana menampilkan sebuah text menggunakan PHP. Dan jika biasanya text pertama adalah “Hello World”, maka di panduan ini kita pakai text yang lebih narsis. hehehe…

Oke, pertama, silahkan buat sebuah file dengan nama coba.php. Cara bikinnya mirip dengan HTML, coba anda baca lagi disini. Dan sebagaimana HTML, anda bisa mengedit filenya menggunakan notepad. Dan ingat, file php harus diletakkan di folder C:\AppServ\www Continue reading →

→ 3 Comments

Posted in PHP

Berkenalan dengan PHP

Posted on July 22, 2011 by qzoners| Leave a comment

PHP adalah sebuah bahasa pemrograman web yang paling banyak dipakai saat ini. Hampir semua mesin pembangun web dibuat dalam bahasa PHP. Sebut saja script-script canggih yang ada sekarang seperti WordPress, Joomla, Drupal, SMF, VBulletin, WHMCS, sampai aneka macam script pembangun toko online dibangun menggunakan bahasa PHP.

PHP adalah termasuk pemrograman server side yang artinya script PHP dieksekusi sebelum ditampilkan di jendela browser. Ketika ada pengunjung membuka suatu web dan melakukan request data, maka PHP akan melakukan pengolahan dulu di server. Jika sudah selesai, baru deh dikirimkan ke user dalam bentuk HTML sehingga bisa terbaca di jendela browser client. Continue reading →

→ Leave a comment

Posted in PHP

Memasukkan Halaman Lain dengan iFrame

Posted on July 15, 2011 by qzoners| 9 Comments

Jika pada artikel sebelumnya kita bekerja dengan frame dimana halaman frameset-nya hanya sebagai wadah saja tanpa kita bisa menambah apapun didalamnya. Maka pada artikel kali ini kita akan mencoba memasukkan halaman lain atau web lain ke dalam sebuah kotak di dalam halaman web kita. Dengan begitu, kita bisa menampilkan web lain di web kita tanpa takut kehilangan tampilan asli web.

Sebagai contoh saya ingin menampilkan halaman 4shared di artikel seperti ini: Continue reading →

→ 9 Comments

Posted in HTML

Bekerja dengan Frame

Posted on July 14, 2011 by qzoners| 4 Comments

HTML memungkinkan kita untuk memasukkan halaman web lain ke dalam website kita sendiri. Web tersebut akan dimasukkan dalam sebuah frame. Dalam HTML ada 2 jenis frame yaitu frameset dan iframe. Insya Allah kita akan bahas keduanya di artikel ini.

FRAMESET

Tag Frameset kita pakai bila kita hanya ingin membagi web menjadi beberapa bagian saja. Misalnya kita ingin sebuah web dimana kolom sebelah kiri berisi deretan link navigasi dan sebelah kanan adalah halaman isinya (contohnya internet banking BCA). Bagaimana cara membuatnya?
Continue reading →

→ 4 Comments

Posted in HTML

Membuat Tabel Kompleks

Posted on July 13, 2011 by qzoners| 1 Comment

Sesuai janji, maka kali ini kita akan bahas bagaimana cara membuat sebuah table yang kompleks. Kompleks disini adalah sebuah tabel yang akan menggabungkan beberapa cell sesuai kebutuhkan. Contohnya seperti ini:

Nama BULAN
Januari Februari Maret April
LUTVI 10.000 10.000 10.000 10.000
IIM 10.000 10.000 10.000 10.000
ATHIA 10.000 10.000 10.000 10.000

Bagaimana cara membuatnya?
Continue reading →

→ 1 Comment

Posted in HTML

Membuat Tabel

Posted on July 11, 2011 by qzoners| 3 Comments

Sekarang saatnya kita belajar bagaimana membuat table di HTML. Kita mulai dengan table yang sederhana dulu hingga menuju table yang lebih rumit dan ruwet nantinya. Sebelum saya teruskan, saya menyarankan untuk membuat table hanya untuk tabel. Jangan gunaka table sebagai layout web. Selain memberatkan, juga tidak efektif. Saya masih melihat banyak template-template web yang keren-keren menggunakan table. Ini tentunya sangat tidak sehat bagi kecepatan load web anda. So, gunakan table untuk tabel saja.

Ada 3 komponen utama dalam pembuatan tabel yaitu:

- Penanda table


- Penanda baris


- Penanda kolom


Continue reading →

→ 3 Comments

Posted in HTML

Membuat Tombol Submit dan Reset

Posted on July 10, 2011 by qzoners| Leave a comment

Sampailah kita pada bagian akhir pembuatan form dengan HTML. Apalagi kalau bukan tombol submit dan reset. Sebenarnya, saya sudah menjelaskan tentang tombol submit ini di pelajaran tentang input data, hanya saja mungkin anda belum terfokus kesana sehingga saya perlu untuk menjelaskan lebih lanjut disini.

Untuk membuat tombol submit, kita menggunakan kode seperti ini:

Sedangkan untuk tombol reset, kita menggunakan kode: Continue reading →

→ Leave a comment

Posted in HTML

Input Data Artikel

Posted on July 10, 2011 by qzoners| 3 Comments

Oke, masih berbicara soal form pengisian online. Kini kita akan memasukkan satu elemen form yang juga sangat sering dipakai yaitu textarea. Textarea ini adalah kotak untuk memasukkan data berupa artikel atau tulisan yang cukup panjang. Biasanya untuk form komentar, iklan baris, pengisian artikel, dll.

Cara membuat textarea sangat mudah. Berikut ini adalah kodenya:

Continue reading →

→ 3 Comments

Posted in HTML

Membuat Optional Data dari Banyak Data

Posted on July 9, 2011 by qzoners| Leave a comment

Sesuai janji saya, di artikel ini saya akan jelaskan bagaimana membuat optional dengan banyak data. Pada artikel sebelumnya tentang membuat optional kita hanya bisa menggunakan sedikit data saja. Paling 3-4 data aja sudah tergolong banyak nantinya. Biasanya sih dua data yaitu jenis kelamin hehehe..

Nah, bagaimana kalau pilihannya ada banyak, misalnya propinsi atau nama negara gitu, maka kita memerlukan optional dalam bentuk drop down. HTML menyediakan tag untuk menampilkan optional dalam bentuk dropdown dengan format seperti ini: Continue reading →

→ Leave a comment

Posted in HTML

Membuat Optional

Posted on July 8, 2011 by qzoners| 1 Comment

Ada kalanya kita ingin memberikan beberapa opsi bagi pengunjung saat mereka mengisikan formulir. Di HTML, ada beberapa macam cara untuk menampilkan optional. Dan kita akan membahasnya disini.

Oh iya, sebelum diteruskan, artikel ini masih satu rangkaian dengan artikel tentang cara membuat form HTML ya. Jadi, kode-kode ini harus diletakkan di dalam blok form yang sudah kita bahas di artikel sebelumnya. Dan inilah beberapa cara untuk menampilkan opsi kepada pengunjung: Continue reading →

→ 1 Comment

Posted in HTML