Istilah-istlah ini sangat mendasar, namun sering kali kita tertukar dengan istilah lain dan menjadi keliru.

Rank, ranking: Peringkat sebuah web terhadap hasil pencarian pada mesin pencari. Hasil pencarian ini tidak termasuk hasil pencarian terhadap iklan teks.

Ranking sangat di kaitkan dengan Frase pencarian, hingga bila satu situs berada di peringkat teratas untuk frase tertentu, belum tentu dengan frase lain (walau masih berhubungan) akan menempati peringkat yang sama.

Google Pagerank: Google Pagerank adalah sistem perankingan yang telah di patenkan oleh Google. Google Pagerank mencerminkan tingkat kepentingan sebuah halaman Web. Semakin tinggi Pagerank, maka Google akan menganggap semakin penting halaman Web tersebut. Banyak orang tertukar antara Pagerank dengan Ranking dalam hasil pencarian, keduanya berbeda.

Keyword: Adalah katakunci yang mencerminkan sebuah halaman Web. Bila Anda menulis sebuah artikel mengenai SEO, maka “SEO” bisa menjadi kata kunci pada halaman tersebut. Pada prakteknya, Keyword ini yang dicari oleh mesin pencari untuk menemukan halaman Web Anda dan ditampilkan pada hasil pencarian. Keyword dalam hal ini tidak ada hubungannya dengan META “Keyword”.

Page Title: Page title adalah Title dari sebuah halaman web yang terdapat diantara tag . Title ini akan tampil pada judul browser Anda.

On page factor: Faktor yang memperngaruhi SEO yang terdapat dalam situs / halaman seperti keyword, layouting, dll

Off page factor: Faktor yang mempengaruhi SEO yang terdapat diluar situs / halaman kita, seperti backlinks.

Pada artikel berikutnya, kita akan mengenal lebih dalam mengenai poin-point diatas.

Theme ini berlisensikan Creative Common Licence, dimana anda dapat menggunakannya secara gratis, selama signature / footer tidak dihapus atau di ubah.

Menyukainya? ada Komentar?

Saat ini, tampilan baru masih dalam tahap testing, bila dirasakan tampilan sudah “sempurna” saya akan me-rilis theme ini untuk dipergunakan secara bebas dan gratis. Theme ini saya berinama designmagz. Ada komentar / masukan?

Dapat klien baru? bingung mau menanyakan apa? Saya telah membuatkan untuk anda sebuah form sederhana menggunakan MS Word, Anda tinggal mengirimkannya ke klien dan diminta untuk mengisi. Perlu? silakan download.

Form ini saya protek menggunakan password: designmagz.com, untuk menambahkan field, silakan pergunakan Tools > Unprotect pada menu MS Word. Jangan lupa untuk memprotek kembali file ini bila akan dikirimkan ke klien.

Download form klien.

Dalam dunia freelance, bayaran kepada seorang pekerja Web biasa dihitung dalam satuan jam atau bahasa inggrisnya hourly rate. Jadi, dalam mengerjakan sebuah proyek, jumlah jam kerja patut diperhitungkan.

Nah, pertanyaannya, berapakah bayaran saya untuk satu jam kerja?

Diluar sana, bayaran seorang web desainer pada tingkat menengah berkisar antara $4 sampai $10 per jam. Anda perlu mempertanyakan mengenai “karir” anda pada bidang yang anda geluti, pengalaman kerja dan hasil kerja turut menentukan. Bila Anda memiliki hasil kerja / portfolio meyakinkan, sang klien biasanya bersedia untuk membayar hourly rate lebih besar.

Nah, bila seorang klien memberikan kita proyek, maka tawar-menawar akan terjadi pada bayaran per jam tersebut.

Setelah hourly rate disetujui, biasanya klien akan menanyakan kepada kita estimasi pengerjaan sebuah proyek, berapa lama proyek itu akan selesai.

Misalnya:

Kita mendapat project untuk membuat desain mulai dari pembuatan rancangan, hingga berbentuk template html. Waktu yang diperlukan adalah sekitar 5 hari kerja. Dimana dalam 1 hari kerja terdapat 8 jam waktu kerja. Sedangkan bayaran perjam yang disepakati adalah $5, jadi kira-kira perhitungannya adalah:

8 Jam x 5 Hari x $5 = $200

Jadi nilai total adalah $200.

Yang perlu dipertimbangkan dalam proses tawar menawar hourly rate dengan klien adalah: tingkat kesulitan dan deadline yang ditentukan klien.

Klien dari Indonesia kebanyakan tidak tawar-menawar dalam hourly rate, tetapi pada umumnya project based alias bayaran perproyek. Akan tetapi penghitungan yang sama seperti cara diatas akan membantu menentukan Nilai sebuah proyek Web.

Kalkulator Penghitung

Sebuah kalkulator untuk menghitung estimasi nilai project pengembangan Web, dibuat oleh Astuteo, Anda dapat menggunakannya untuk membantu menghitung nilai proyek yang akan Anda kerjakan. (pupung budi purnama)

Pada dasarnya, semua yang kita lihat dan saksikan berdasarkan pada Grid, denah bangunan, bentuk gedung, layout majalah atau buku, tata ruang, bahkan desain Web berdasarkan pada Grid.

Perhatikan gambar dibawah ini:

Gambar diatas adalah contoh sebuah grid, yang dibangun dari garis-garis yang beraturan membentuk satu kesatuan. Grid diatas dapat kita tambahkan lebih banyak garis untuk lebih menambahkan detail pada karya kita nantinya.

Keberadaan grid pada dasarnya adalah membantu untuk menempatkan berbagai elemen dalam sebuah desain agar nampak beraturan, lebih harmoni, lebih memiliki alur. Perhatikan pada contoh layout dibawah:

Bandingkan kedua layout diatas, tentunya yang lebih enak untuk dilihat mata adalah yang kedua. Ya tentu saja, grid memberikan patokan-patokan dan ukuran-ukuran yang memungkinkan sebuah area atau objek memiliki ukuran dan posisi yang teratur.

Dalam dunia desain cetak dan web, penggunaan Grid sebagai acuan desain akan sangat membantu seorang desainer menyelesaikan pekerjaannya. Pada artikel selanjutnya, kita akan mempelajari penggunaan grid dalam membuat sebuah desain. (Pupung Budi Purnama)

perhatikan contoh berikut:

.warna {
color: Red;
}
.warna {
color: Blue;
}

Bila kode idatas diaplikasikan pada sebuah tag html, yang akan muncul adalah sebuah teks dengan warna biru (color: Blue;).

Lalu ubah css diatas menjadi:

p.warna {
color: Red;
}
.warna {
color: Blue;
}

Yang akan muncul kemudian adalah huruf dengan warna merah (color: Red;). Property color: Blue; tidak lagi menimpa fungsi diatasnya, karena p.warna memiliki nilai specificity lebih tinggi dari pada .warna.

Menghitung Specificity

Specificity ditentukan dari selector pada css:
HTML selector (p, div, ul) memiliki nilai specificity 1
Class Selector (.warna) memiliki nilai specificity 10
ID Selector (#warna) memiliki nilai specificity 100

div p (1 dimiliki div, 1 dimiliki p) memiliki nilai specificity 2
div.header (1 dimiliki div, 10 dimiliki .header) memiliki nilai specificity 11
#container .header (100 dimiliki #container, 10 dimiliki .header) memiliki nilai specifity 110

Lalu, untuk apakah mengetahui specificity ini? Specificity dapat digunakan untuk mengatur susunan document css untuk mempermudah penggunaan pada skala besar, menghindari penggunaan secara masif !important, menghemat penamaan selector dan dengan mudah mengatur style untuk selector yang memiliki nama yang sama.

Content Editor

- D3 Lulusan sastra inggris, S1 lebih disukai.
- Memahami dan mampu menggunakan grammar dengan baik.
- Memiliki kemampuan menulis / jurnalistik.
- Memiliki minat dan kemampuan dalam fotografi lebih disukai.

Desainer Web

- D3 atau S1 semua jurusan, lebih disukai jurusan desain grafis.
- Mampu membuat halaman web menggunakan XHTML + CSS menggunakan Teks Editor.
- Mampu menggunakan Photoshop, Illustrator, dan Flash.
- Memiliki ketertarikan dan kemauan belajar dalam bidang desain web.

Programmer PHP

- D3 atau S1 semua jurusan.
- Memahami PHP dan MySQL dengan baik.
- Mengerti HTML dan CSS dengan baik.
- Memahami dan mampu mengintegrasikan Java Script dan Ajax.

Bagi yang berminat, silakan untuk mengirimkan surat lamaran, gaji yang diinginkan dan CV (sertakan nomor kontak) dalam format DOC/PDF, disertai contoh karya:
Content Editor: Tulisan karya sendiri dalam bahasa Inggris dan Bahasa Indonesia.
Desainer Web: Desain dalam bentuk URL atau Screenshot.
Programmer PHP: Desain dalam bentuk URL atau Screenshot.

Kirimkan melalui email: pupungbp@erastica.com, dengan subjek “Lowongan Kerja Erastica Studio”. Lowongan Ditutup pada tanggal 15 November 2008.

Terima Kasih.