Ring ring


tekhnik merubah wap menjadi web

silahkan belajar yang rajin.

Ingin membuat situs wap anda bisa tampil seperti web, bila merasa sulit, hal itu tidak lah benar, karena cara ini terbilang sangat-sangatlah sederhana sekali, sebab tidaklah perlu pengetahuan khusus untuk bisa merubah tampilan wap supaya tampil seperti web.
Anda bisa membuat nya sendiri, itulah prinsip nya, karena pada dasarnya cara dan kode nya antara wap dan web itu sama, hanya saja mungkin anda melupakan tekhnik dasar pengolahan script itu sendiri, hingga anda merasa hal ini begitu sulit di buat.
Mari kita eksekusi.
Dalam pengolahan script ada dua faktor utama yang paling mempengaruhi perbedaan wap dan web disini.
Pertama
Jenis dokumen page yang kita pakai baik itu html, xhtml, php, asp, dan lain-lainnya.
Kedua.
Cascading Stylesheet atau CSS yang kita gunakan.
Element di dalam kedua hal tersebut yang bisa berpengaruh sangat besar, sehingga dapat mempengaruhi kinerja script nantinya.
Mari kita lanjutkan
Jenis Dokumen.
Jenis dokumen ini yang pertama harus anda lihat detail nya, sehingga tampilan wap dan web bisa anda selaraskan sendiri nantinya.
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">
( ini jenis dokumen XtGem)
<!DOCTYPE html PUBLIC "-//WAPFORUM// DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
(ini jenis dokumen wapzan)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
(ini adalah jenis dokument 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">

Dari contoh di atas dapat kita pelajari sesuatu, jika ingin WAP anda berubah tampilanya menjadi tampilan WEB, maka anda harus merubah jenis dokumennya dahulu sebelum jauh melangkah.

Cascading Stylesheet
Pernahkah anda bertanya pada diri anda sendiri, apakah yang akan terjadi bila situs kita tanpa css.
Seperti posting saya terdahulu yang menjelaskan dasar pembuatan css, css merupakan pengaturan tampilan umum yang berupa div id atau div class, yang berupa element yang menentukan bagian-bagian halaman site kita nantinya.
Pada sebuah situs wap, CSS yang di pakai cenderung sangat sederhana.
Biasanya, hanya mengatur warna latar, ukuran dan jenis huruf, warna link, dalam sebuah div id atau div class.
Sedangkan CSS untuk web akan lebih mendasar dan lengkap dengan adanya pengaturan khusus div, yaitu terciptanya arah:

  • horizontal / vertical navigation.
  • wrapper
  • collumn
  • sidebar
  • header
  • footer
  • dan lain-lain.
hal inilah yang menyebabkan hasil tampilan situs kita lebih menarik seperti halnya website, walaupun situs kita sebenarnya di buat di wapbuilder site.
Maka jika ingin tampilan wapsite anda berubah seperti tampilan website,buatlah CSS untuk web.
Sebelum mulai membuat halaman, ada baiknya pelajari dulu bagian "id" atau element sebagai pengenalan isi dalam css itu.
jangan bingung, dan tidak usah mempelajari atau memahami keseluruhan css itu.
Kamu hanya perlu memahami bagian utamanya saja, seperti bagian menu navigasi utama untuk bagian atas halaman (horizontal navigation), bagian post content untuk artikel atau info, kemudian bagian sidebar atau vertical navigation untuk menu arsip/service dan lainnya. Setelah itu kamu bisa mulai membuat halaman web.
Berikut langkah-langkah singkat untuk mulai menyusun halaman web site kamu:
1. Buat file baru berupa html/xhtml biasa.
2. Pada bagian head, ubahlah jenis dokumen wap dengan jenis dokumen web, bisa anda sesuaikan dengan CSS.
3. Gunakan CSS web yang sudah anda siapkan, dengan mengupload kembali CSS itu berikut gambarnya ke situsmu (jika gambar itu ada).
4. kemudian buat link stylesheet-nya.
5. 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 "nav1" atau horizontal navigation maka kodenya adalah <div id="nav1">
6. Lalu lanjutkan dengan membuat link menu seperti <ul><li><a href="/">Home</ a>/li></ul> dan seterusnya
7. Setelah bagian menu utama selesai, silahkan lanjutkan dengan membuat bagian lainnya, misalkan "post-content" untuk info situs ataupun artikel, caranya pun sama seperti langkah sebelumnya.
Demikian seterusnya sampai akhir, lalu bagian-bagiannya disesuaikan kebutuhanmu, bila anda memiliki selera sendiri untuk design situs, buat file nya sesukamu.
Bila anda pusing dengan cara yang saya cantumkan ini, saya akan memberitahu cara termudah desain wap menjadi web, yaitu buka situs yang menyediakan template format index.html,
copy source-nya (style.css) dan paste di editor situsmu.
Selanjutnya hanya tinggal mengganti isinya dengan isi situsmu.
Demikian saja tutorial singkat membuat tampilan wapsite menjadi website, silahkan komentar.

Back to posts
Comments:
[2016-09-21 23:19] rekkyrewi.wapsite.me:

Coy apakah bisa,.?
Caranya tempelnya di mana yah.??

[2011-10-20 21:20] ihsan:

silahkan di coba,, cari template gratis di google yang bisa anda manfaatkan. Hehehe

[2011-10-23 02:44] ihsan:

sebenarnya begini, file zip itu kamu buka dulu, melalui aplikasi manager yang kamu punya, pelajari div yang di simpan di dalam nya apa, pasang di setiap tampilan file html situs kamu, dan sesuaikan menurut sketsa nya..
Sedang yang kamu upload hanya style.css saja... Lalu panggil fungsi css dengan script yang sudah saya postingkan tentang css sebelum posting ini..

[2011-10-22 06:22] Budi Darmawan:

Blind ZoneSaya sempat nyoba download "free CSS template" format ".zip", ternyata di dalamnya ada 4 file.Semua file tsb saya upload, tapi setelah itu saya binggung apa yg mesti saya lakukan. Mohon pencerahannya bos. :D

[2011-10-20 17:36] Budi Darmawan:

Blind ZoneInfo bagus, ini yg saya cari. Mohon bimbingannya bos, saya mau coba & moga aja berhasil. :)


Post a comment