Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / tutorial wapsite / wapsite builder / website builder

design dan preview wapsite atau website secara offline

by admin 2 komentar
websiteSaat ini di dunia wapper sedang demam memodifikasi wapsite agar menjadi website.Segala kreatifitas di keluarkan. .Saya salut pada teman2 wapper saya yang begitu kreatif,pantang menyerah walau kebanyakan membuat dan mengedit website hanya bermodalkan sebuah handphone.

Karena memang dengan segala keterbatasan,segala trik di lakukan.Mulai dari hosting gratis,domain gratis,sampai internet gratis!
he he . .Sebagian besar atau mungkin semua teman wapper pada doyan yang gratisan.

Oke bagi pengunjung blog saya yg juga pada doyan hal yg gratis silahkan gabung di forum saya www.nimbuzzerbali.com

oke kembali ke tema awal edit website offline dan langsung bisa di preview

karena meng edit website lewat hp tentu saja kita harus selalu kreatif .Nah untuk menghemat pulsa dan juga baterai ,saya akan memberi tips ini .Selain di edit offline, kita juga bisa melihat hasilnya secara ofline juga.

Tips ini sebenarnya sudah ada saat saya masih aktif di myopera blog dan terimakasih juga buat pada NIQN teman myopera saya.
Tapi tips kali ini saya sudah modifikasi agar sesuai dengan wapsite. .


Oke beberapa yang perlu di persiapkan adalah
  • lcg xplorer ,bila belum punya silahkan cari di sini
  • aplikasi OPERA Symbian,sebagian hp symbian pasti punya,bila belum punya silahkan cari di www nimbuzzerbali.Com
    saya sendiri menggunakan opera mobile symbian v.8.60
oke setelah kedua aplikasi di siapkan ,langkah selanjutnya
  • download dulu file zip di DI SINI
  • extrak di lcg explorer
  • extrak file tadi di E:System/Apps/Opera
  • rename dan copy file index.html ke E:System/Apps/Opera/Help/ sehingga menjadi E:System/Apps/Opera/Help/index.htm
  • copy file style.css dan semua file gambar ke folder E:System/Apps/Opera/imgcss
langkah awal sudah selesai sekarang kita mulai edit file style.css dulu
  • buka folder E:System/Apps/Opera/imgcss/style.css
  • tambahkan semua url gambar di style.Css tadi sesuai folder gambar di imgcss
    contoh:
    body {
    margin: 0;
    padding: 0;
    background: #314D6B url(../imgcss/img01.jpg) no-repeat center top;
    font-family: Arial, Helvetica, sans-serif;

  • setelah semua file style.css dipasangi file gambar,sekarang tinggal memasang style.css ke dalam folder index.html
    contoh pemasangan

    <link href="../imgcss/default.css" rel="stylesheet" type="text/css" />
    </head>
    <body>
langkah edit html selanjutnya terserah kreasi anda.Sekarang saya anggap file index.htm anda sudah jadi,sekarang bisa kita test dulu apa kodenya template cssnya jalan atau eror .Ini yg saya maksud edit ofline dan preview langsung. Cara testnya gampang.Cukup
  • buka opera mobile symbian
  • paste alamat folder yang tadi anda buat di lcg explorer
    contoh
    E:System/Apps/Opera/Help/index.htm
tidak usah connect ke internet apabila kode atau edit html kita benar maka halaman website kita akan muncul secara lengkap,bila tidak ,pasti ada kode yang salah atau eror .Tinggal edit kembali dan test lagi sampai sukses. Nah setelah sukses,kita tinggal copy file index.Html tadi dan upload seperti biasa baca: edit-wapsite-dengan-template-css-website dan update-edit-template-wapsite-dengan-css.Website nah semoga tips sederhana saya ini bisa bermanfaat.Singgah juga ke website yang baru saya edit www.mansuka.com terimakasih. . .

2 komentar untuk "design dan preview wapsite atau website secara offline"