Pertama-tama, buatlah desain halaman utama. Biasanya, kebanyakan website sekarang ini memiliki susunan halaman yang hampir sama. Susunan halaman bisa terdiri dari beberapa kolom. Nah, kolom-kolom inilah yang nanti akan digunakan untuk menampilkan informasi. Sampai di sini, adalah urusan masing-masing desainer dalam menentukan bentuk halaman dan susunan kolom.
Kedua, potong-potong halaman yang sudah jadi berdasarkan susunan kolomnya. Misalnya, sebuah halaman utama dengan desain seperti berikut:
Lalu kita potong-potong berdasarkan kolom. Kalau desain diatas terdiri atas beberapa bagian. Bagian header, menu, kolom kiri, kolom kanan, dan footer. Hasil potongannya kira-kira seperti berikut (bukan kira-kira tapi memang seperti ini):
Susah nguploadnya. Segitu aja ya. Yang di atas itu adalah bagian header dan menu. Sebenarnya masih banyak lagi potongannya.
Kalo udah dipotong-potong, langkah selanjutnya adalah menamai masing-masing bagian tersebut. misalnya, pada gambar di atas (urut dari kiri): r_header.png, header_logo.png, l_header, header_bg.png, dan l_menu.
Selesai di sini, selanjutnya kita masuk codingnya. Fuihh...
