80s toys - Atari. I still have

WAP site Tampilan WEB site

Apakah yang membuat tampilan situs wap kita bisa tampil seperti web? Sebenarnya, Jawabannya sangat-sangatlah sederhana sekali, tidak perlu pengetahuan khusus untuk bisa merubah tampilan wap sitemu supaya tampil seperti web. Aku sendiri masih baru membuat situs, dan tadinyapun sama sekali tak punya dasar atau latbel khusus tentang web, alias betul2 belajar dari nol.
Kuncinya adalah kembali kepada pengetahun mendasar mengenai situs itu sendiri. Jika diperhatikan, banyak wapper yg sebetulnya adalah "wapmaster", dalam arti paham tentang pembuatan dan design situs namun seringkali melupakan hal yg mendasar padahal sangatlah penting ini. Sebagai perbandingan, pernahkah kita bertanya kenapa di antara penyedia situs wap, tampilannya bisa berbeda? Padahal misalnya, kita memasukan kode yang sama. Lalu kenapa tampilan di ponsel (wap) beda dengan tampilan di PC (web)? Kenapa bisa begitu?
Berdasarkan pengalamanku, ada dua faktor utama yang paling mempengaruhi perbedaan ini. Yaitu pertama, jenis dokumen page yang kita pakai baik itu html, xhtml dan lain-lainnya. Dan kedua, Cascading Stylesheet atau CSS yang kita gunakan.

Jenis Dokumen
Jenis dokumen ini jika diibaratkan adalah seperti halnya jenis kain/ kertas yang kita pakai untuk melukis atau print. Meskipun bahan yang kita gunakan sama, cat ataupun tintanya, bukankah sudah pasti hasilnya akan beda jika kita melukis pada kain kanvas dan kertas karton atau bahkan kertas bekas dus mie??? Demikian pula halnya dengan halaman situs kita.
Sekarang mari perhatikan dan bandingkan beberapa contoh jenis dokumen di bawah ini:
WAP
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.1//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile11.dtd"> (jenis dokumen untuk XtGem)
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> (wzan)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> (wen ru)
WEB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Maka jika kamu ingin WAPmu dengan tampilan WEB maka tentunya kamu harus merubah jenis dokumennya.

Cascading Stylesheet
Apa jadinya situs kita tanpa css. Css merupakan pengaturan tampilan umum dan tata letak bagian-bagian pada halaman site kita. Untuk situs wap, CSS-nya cenderung sangat sederhana. Biasanya, hanya mengatur warna latar, ukuran dan jenis huruf, warna link, dan div styles. Adapun CSS untuk web lebih kompleks dengan adanya pengaturan untuk bagian (div) horizontal / vertical navigation, wrapper, collumn, sidebar, header / footer dan lain-lain. Inilah sebenarnya yang menyebabkan hasil tampilan situs kita lebih menarik seperti halnya website, walaupun situs kita sebenarnya wapsite. Maka jika kamu ingin tampilan sitemu spt web, gunakanlah CSS untuk web. Kamu bisa mencari dan mendownloadnya di sini.

Sebelum mulai membuat halaman, alangkah baiknya kamu mempelajari dulu bagian2 "id" atau pengenal dalam css itu. Tak perlu harus bingung, dan tak perlu pula mempelajari/ paham keseluruhan css itu. Kamu hanya perlu memahami bagian utamanya saja, misalkan bagian menu navigasi utama untuk bagian atas halaman (biasanya horizontal navigation), bagian post content untuk artikel atau info, kemudian bagian sidebar atau vertical navigation untuk menu download/ service kamu dan lain2nya. Setelah itu kamu bisa mulai membuat halaman webmu. Berikut langkah-langkah singkat untuk mulai menyusun halaman web site kamu:
  1. Buat file html/xhtml seperti biasa.
  2. Pada bagian head, ubahlah jenis dokumen wap kamu dengan jenis dokumen web, kamu bisa menyesuaikannya dengan CSS kamu.
  3. Gunakan CSS web yang sudah kamu download tadi, dengan mengupload kembali CSS itu dan gambarnya (jika ada) ke situsmu kemudian buat link stylesheet-nya.
  4. Pada bagian body, buatlah menu navigasi utama. Caranya, setelah kamu pahami CSS tadi, kamu perlu memasukan kode "id" untuk menu navigasi utama itu. Misalkan dalam CSS, menu navigasi utama adalah "hornav" atau horizontal navigation maka kodenya adalah <div id="hornav">
  5. Kemudian dilanjutkan dengan membuat link menu seperti biasa misal <ul> <li> <a href="/"> Home</a></li> </ul>, dan seterusnya
  6. Setelah bagian menu utama selesai, maka dilanjutkan dengan membuat bagian lainnya, misalkan "post-content" untuk info situs ataupun artikel, adapun caranya sama seperti langkah sebelumnya.
  7. Demikian pula seterusnya sampai akhir, adapun bagian2nya disesuaikan kebutuhanmu. Tentunya kamupun memiliki selera sendiri untuk design situs sesukamu.
Selain cara di atas kamu jg bisa membuat design tampilan "default" bawaan asli CSS yg kamu download td. Caranya, buka file index.html copy source-nya (text) dan paste di editor situsmu. Selanjutnya hanya tinggal mengganti isinya dengan isi halaman situsmu, lihat contoh. Demikian tutorial singkat membuat tampilan wapsite ala website ini. Semoga bermanfaat dan selamat mencoba... -Looperz-

Perhatian!!!

Segala tips dan trik ini memang sengaja bertujuan untuk berbagi informasi dan pengalaman penulis. Tidak diharamkan alias diperbolehkan meng-copy data ataupun artikel2 ini, untuk disebarluaskan secara umum dengan catatan tidak menghilangkan sumber aslinya. Terima Kasih...
Situs : http://looperz11.xtgem.com
Situs : http://www.finderonly.net
Administrator : Dean Adjie Minwarie


Harap diperhatikan pula, bahwa sekarang sudah banyak yang membuat artikel mengenai merubah tampilan wap jadi web ini, dan banyak pula yang secara terang-terangan Meng-copy paste artikel saya ini tanpa merubah sedikitpun kata-katanya. SAYA TIDAK MELARANG jika ingin menyebarkan informasi mengenai cara merubah tampilan wap jadi web ini, asal Gunakan etika jurnalistik yang etis!!! Cantumkan sumber aslinya secara jelas dalam bentuk tulisan dan link. Sangat mudah dilakukan bagi Anda yang menghargai ilmu pengetahuan dan berpendidikan. Sebagai catatan, trik ini saya temukan dan kembangkan sendiri. Dan sayapun tidak merasa rugi untuk berbagi kepada semua. Maka tidaklah mahal jika Saya meminta Anda bersikap Etis. Terima Kasih!