Belajar belajar belajar… praktek praktek praktek praktek praktek… ayo kita belajar buat design website lagi…

Sebelumnya aku mohon maaf lahir dan batin dulu yaaaa , baru sekarang ini aku sempet bikin episode lanjutan dari Membuat Design Website dengan Adobe Photoshop(1)

Langsung aja yaaaa… aku anggap semua udah selesai utak atik template photoshop, jadi sekarang tinggal gimana caranya supaya website template yang masih berformat adobe photoshop document (*.psd) itu bisa diubah jadi html

Continue reading »

Anda ingin punya website yang mudah di-update? Saya sarankan Anda untuk membuat website dengan format file PHP, daripada HTML. Tenang2, bagi yang baru belajar, jangan khawatir, gak ada yang aneh2 kok. Cuma ada sedikit perbedaan aja di awal, dan save file nya dalam bentuk *.php. Proses lainnya sama persis seperti kalau kita membuat website dengan html biasa.

Sebagai pemanasan, untuk yang belum menginstall PHP di komputer, mungkin ada baiknya membaca terlebih dahulu panduan awal membuat website dengan PHP

Ok, saya asumsikan, PHP di komputer Anda sudah jalan dan Anda sudah bisa dan mengerti tentang dasar-dasar HTML.

Pertama, kita buat dulu ‘denah’ website kita. Kita tentukan layoutnya seperti apa dan ada bagian apa saja, misal: header, footer, menu, kolom1, kolom2, related article, content, dll.

Sekarang kita tentukan, bagian2 mana saja yang nantinya akan selalu ada dan sama pada setiap halaman web. Kita ambil contoh, misal bagian2 yg selalu sama adalah header, footer, menu, kolom1, dan kolom2.

Setelah itu, kita buat 1 halaman website yang juga berguna sebagai template untuk halaman2 lainnya. Usahakan di tahap ini, design website kita sudah benar2 matang dan pasti, termasuk css style seperti font, background, dll. Tentukan semua disini.

Ok, sekarang saya anggap urusan design sudah beres ya

Continue reading »

Ingin buat website, tapi bingung membuat designnya? Atau ingin punya website dengan tampilan bak professional webmaster? Ada beberapa cara yang bisa ditempuh. Cara yang paling praktis adalah, tentu saja membeli website template yang sudah siap pakai. Tapi kalau kita ingin sedikit berhemat, mudah-mudahan uraian berikut bisa sedikit membantu

Supaya nggak terlalu pusing belajarnya, maka saya akan bagi bab ini menjadi 2 bagian. Bagian pertama ini saya hanya akan membahas tentang membuat dan memodifikasi website templates saja. Insya Allah di bagian berikutnya, saya baru akan membahas mengenai menggunakan template tersebut untuk website kita.

Banyak website template yang bisa kita download dari internet, baik yang berbayar maupun yang gratisan. Kalau mau yang berbayar, salah satu rekomendasi saya adalah JogjaTemplate.com, karena selain designnya OK, pelayanannya juga sangat memuaskan . Kalau mau yang gratisan, bisa cari lewat google, misal dengan keyword “free website templates” atau sejenisnya. Website templates ini biasanya disediakan dalam format HTML atau PSD. Mana yang mau dipakai, itu tergantung kebutuhan kita.

Cara yang paling praktis memang menggunakan template yang sudah dalam bentuk HTML. Template ini bisa langsung kita gunakan, kalau memang layout dan susunan menunya benar-benar sesuai dengan kemauan kita. Masalahnya adalah template HTML ini kurang fleksibel, karena biasanya sebagian besar elemennya, misalnya navigation atau menu nya sudah dalam bentuk image, sehingga sulit untuk mengubahnya.

Karena itu, saya pribadi lebih suka memakai template dengan format PSD (Photoshop Document), karena template jenis ini lebih fleksibel dan lebih mudah dalam mengeditnya. Jika semua sudah sesuai dengan keinginan kita, baru nanti kita konversi ke dalam format HTML.

Continue reading »

Ingin membuat website yang lebih dinamis? Maka saya sarankan teman2 untuk menggunakan PHP saja, daripada HTML biasa. Karena jika kita membuat website dengan PHP, maintenance dan proses update nya jadi lebih mudah. Apalagi kalau kita mau menampilkan RSS feeds di website kita, maka mau tidak mau kita harus menggunakan PHP kan Yah, sebenarnya bisa sih tetap dengan HTML, lalu RSS nya pilih yang JavaScript, tapi kalau kita ingin membuat website yang search engine friendly, maka akan sia-sia saja kalau kita menampilkan RSS nya dengan JavaScript, karena toh tidak akan terbaca oleh search engine. Jadi percuma kan

Bagi teman2 yang baru, akan, atau sedang belajar membuat website dengan HTML, tenang2, jangan panik dulu, karena kode2 HTML itu akan tetap kita gunakan disini. Kita tetap buat website HTML seperti biasa saja, bedanya, file2 situs kita tersebut nantinya kita simpan dengan format *.php, bukan *.htm atau *.html seperti biasanya. Continue reading »