13
Apr
10

buat theme

.:: ILMU WEBSITE ::.

Modif Wapsite Menjadi Website

Posted on October 1st, 2009 by Indra Lukman Ghozali

Pernahkah anda melihat sebuah wapsite dari wen.ru atau xtgem.com yang berpenampilan seperti blog atau website? Apakah anda sudah berfikir bagaimana membuatnya? Sekarang masalahnya ada pada anda, apakah anda sudah puas dengan desain wap yang sekarang anda punya? Apakah anda mengerti bagaimana cara mengedit desainnya supaya lebih indah? Bila belum tahu disini jawabanya. Seperti yang sudah anda ketahui, membuat situs di wen.ru dan xtgem.com cenderung berbentuk mobile yang tampilanya cocok dibuka lewat hp saja. Ketika dibuka menggunakan PC ternyata hasilnya sangat mengecewakan. Sudah banyak sekali contohnya yang seperti itu, coba saja anda telusuri di google menggunakan PC dengan keyword wen.ru, disitu akan muncul ribuan wapsite yang berbentuk mobile. Apakah tampilanya masih bagus ketika dibuka menggunakan PC ? Bandingkan dengan tampilan di hpmu!

Jadi jawabanya adalah gunakan css templates untuk mendesain website. Berikut ini adalah penjelasan mengedit website secara offline menggunakan HP disertai penggunaan CSS Templates. Pertama download file css templates pada gambar dibawah ini, pilih sesuai kesukaan hati. Jika anda menginginkan css templates yang lain anda bisa cari dipaman google dengan keyword “free css templates” karena anda mencari yang gratis. Download juga aplikasi hp Mini Commander.jar yang fungsinya antara lain: mengextrack (yang dapat diexstrack: zip nth jar), mempacking (zip), mengedit file berbasis teks (txt, html, xhtml, wml, js, css, php, asp dll), sebagai media player (gambar, video, musik). Anda diwajibkan memahami penggunaan aplikasi ini, bagaimana mengekstrack, mengedit, dll. Saya rekomendasikan bahwa Mini Commander adalah aplikasi java terbaik dalam pengelolaan file. Anda juga boleh menggunakan aplikasi lain yang penting memiliki fungsi kurang lebih sama dengan Mini Commander.

    Domain forbidden !! Domain forbidden !!

Sekarang anda telah mempunyai kedua amunisi tersebut pada hp, kini mulai saatnya bagian yang agak sulit dan butuh kesabaran. Buka mini commander>> cari file css templates yang berekstensi zip tadi>> ekrtack (unzip) semua file tersebut. Disini anda mendapatkan 3 jenis file yang terpenting yaitu: images, index.html, styles.css. Kita mulai dengan mengedit index.html. Dalam file index.html kita hanya mengubah link dan isi / content yang ingin anda publikasikan. Selama proses pengeditan anda butuk kecermatan dan kesabaran, ya tentu saja tutorial ini untuk webmaster yang telah menguasai bahasa HTML. Jika semua link dan contentnya sudah diedit dengan kebutuhan anda berarti anda telah berhasil membuat halaman utama atau index. Anda juga dapat membuat halaman yang lain dengan mencopy index.html tersebut dan merubah isinya, kemudian renamelah dengan nama yang mencerminkan isi dari halaman tersebut (cth: anda mengubah isi halaman yang bertemakan belajar website. Maka anda harus merename copyan dari index.html diubah dengan nama belajar-website.html). Apabila webbrowser hp anda memadahi untuk berinternet maka anda dapat mengecek langsung hasil editan, dengan membuka langsung file ***.html pada file manager hp. Maka jika ada kekurangan akan segera tampak, ubahlah sesuai keinginan. Tp jika hp anda tidak memadahi maka tampilanya memang akan hancur, biarkan semua itu jika membuat anda malah bingung. Dalam proses ini masalah halaman web telah saya anggap selesai, kini saatnya mengedit file styles.css.
Bila ingin merubah bentuk huruf, ukuran huruf, warna huruf, url gambar, background, dll maka anda harus mengedit file styles.css. Ingat bahwa file ini diupamakan pakaian dalam sebuah website, jadi buatlah pakaian web anda seindah mungkin sehingga menjadi cantik dan betah dipandang mata he he minimal seperti punya saya ini dech. Saya kira jika anda sudah paham bahasa HTML tidak akan mengalami kesulitan dalam mengedit. Jadi saya anggap ini hal yang mudah saja. Kemudian sekarang masalah ikon dan gambar. Anda boleh saja jika ingin mengubah gambar atau ikon selama itu menjadi lebih baik, serta sesuaikan nama file url gambar anda dengan nama yang telah dituliskan dalam styles.css tadi. Tapi saya sarankan semua gambar dan ikon biarkan semua apa adanya, biar lebih gampang. Sekarang semua pengeditan secara offline dengan hp saya anggap selesai, mari ikuti langkah selanjutnya.

Pada bagian ini harus diperhatikan dengan baik, karena ada sedikit perbedaan langkah pada wen.ru dan xtgem.com. Berikut adalah langkah pada wen.ru: semua file yang telah disusun berdasarkan direktory, harap dipacking (zip) dengan Mini Commander untuk pengkompresan data, sehingga menjadi lebih praktis. Berikutnya uploadlah file kompresan(.zip) tersebut ke website anda. Jika telah terupload ekstraklah file tersebut secara online, yaitu dengan mengeklik file tersebut >> klik buka >> klik ekstrak all >> klik rewrite. Maka semua file-file itu telah berhasil ditempatkan pada posisi yang kita inginkan. Akhirnya semua langkah pembuatan website yang cantik di wen.ru telah selesai.

Kini adalah langkah akhir untuk xtgem.com: ini adalah perbedaannya dengan wen.ru. Pada xtgem.com tidak dapat mengekrtrak file kompresi(zip), jadi anda harus mengupload file satu persatu. Yaaaa jika filenya banyak memang sangat repot sekali, jadi saya sarankan jika ingin membuat web di wen.ru saja dari pada di xtgem.com. Satu-satunya kelemahan membuat di wen.ru yaitu kita tidak bisa mengeditnya online menggunakan komputer, tapi hanya bisa menggunakan HP. Contohnya webku ini, membuatnya di wen.ru dan membuatnya offline menggunakan HP. Hebat kan….

Untuk downlooad file css templates anda bisa coba link dibawah ini :

free css templates
(sandstone)
preview|download

free css templates
(yosemite)
preview|download

free css templates
(solutions)
preview|download

free css templates
(guarantee)
preview|download

free css templates
(component)
preview|download

free css templates
(hanging)
preview|download

free css templates
(ignition)
preview|download

free css templates
(morningdew)
preview|download

free css templates
(offlimits)
preview|download

free css templates
(terrafirma2)
preview|download

free css templates
(gestured)
preview|download

free css templates
(soothing)
preview|download

Begitulah langkah-langkahnya mudahkan? Jika anda masih bingung anda bisa bertanya lewat guestbook. Atau anda bisa menambahkan lagi tehniknya agar lebih jelas, karena saya sadar dalam memberi penjelasan masih banyak kekurangan. Disini yang anda butuhkan adalah semangat rasa ingin bisa, kesabaran, keuletan dan kreatifitas. Jika anda menginginkan css templates yang lain anda bisa cari dipaman google dengan keyword “free css templates” karena anda mencari yang gratis. Mudahkan untuk menghasilkan sebuah karya yang indah dan berkualitas ? Cukup sekian, semoga bermanfaat untuk semuanya ….
( Jika kita hanya mengerjakan yang sudah kita ketahui, kapankah kita akan mendapat pengetahuan yang baru ? Melakukan yang belum kita ketahui adalah pintu menuju pengetahuan. )


.:: TIPS BROWSING ::.

    Berikut adalah ini tips browsing yang akan saya sampaikan, agar anda semua bisa menikmati tampilan website ini secara normal dan tidak tampil berantakan, karena jika anda browsing menggunakan HP tentu ada beberapa masalah yang timbul pada tampilan website ini. Yaaa…. semua ini agar terkesan rapi dan enak dipandang, tentu saja agar para pembaca tidak coment terhadap desain web ini.

    Bagi anda yang sedang browsing membuka situs ini dengan PC saya kira tidak ada masalah sedikitpun dalam melihat tampilan ini, tapi masalahnya sekarang adalah bagi teman-teman yang browsing menggunakan HP mungkin ada sedikit masalah dalam tapilan. Mungkin tapilanya terpotong-potong ke bawah atau terpecah-pecah. Semua ini terjadi apa bila anda menggunakan OperaMini yang pada pengaturan menggunakan tampilan ponsel, ini mengakibatkan tampilan menjadi terpotong ke bawah. Jadi sebaikya pada pengaturan: tampilan ponsel dinonaktifkan.

    Dan jika anda membuka menggunakan wapbrowser dari dari HP, anda harus menonaktifkan Smart-Fit pada pengaturan, agar tampilan bisa melebar. Kemudian jika layar ponsel anda beresolusi kurang dari 176x220px saya kira akan juga kurang bersahabat, karena bisa saja gambar bingkai atau yang lainya akan tampil sangat besar, atau juga bisa berantakan. Jadi saya sarankan gunakan HP yang beresolusi tinggi dan pengaturan Smart-Fit dinon aktifkan. Contohnya gunakan HP Sony Ericsson G502.

    Jika anda kurang yakin dengan kemampuan ponsel anda, maka buka web ini dan bandingkan hasil tampilan pada layar HP anda, dengan tampilan pada layar PC. Jika tampilanya tidak jauh berbeda maka HP anda tidak ada masalah untuk tampilan HTML yang besar seperti situs ini. Dan jangan lupa setiap anda yang berkunjung harap beri komentar atau kesan ada berkunjung di websiteku ini, tolog ditulis di bukutamuku ya? Dan tinggalkan juga alamat website anda ya?. Sekian tips dari saya, semoga bermanfaat

    Anda juga bisa mendownload Opera Mini 4.2 untuk browser ponsel, pada link di bawah ini:

    Opera Mini 4.2 beta


0 Responses to “buat theme”



  1. Tinggalkan sebuah Komentar

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s




WAKTU SEKARANG

anda sopan kamipun segan

tahun 2010

April 2010
S M S S R K J
« Mar    
 12
3456789
10111213141516
17181920212223
24252627282930

%d blogger menyukai ini: