Fabulous Me

 

• web
• desain web
• accessibility
• usability

• Isi/konten selalu di update sehingga jumlah halamannya terus bertambah
• Mudah dalam menambahkan konten baru karena memang ini yang diutamakan
• Konten terbaru selalu berada di urutan pertama karena untuk memperjelas konten yang diupdate
• Pengunjung dapat memberikan komentar pada sebuah konten yang di sajikan. apalagi kalau berisi tutorial maka pengunjung bisa bertanya ketika ada yang belum paham

Terkadang seorang progarmmer dapat melakukan kesalahan pada pembuatan web. Tetapi 99,9% penduduk tidak peduli bagaimana sepotong teks, tombol, gambar atau video berakhir pada layar. Kebanyakan orang hanya peduli bahwa hal itu cepat, mudah digunakan dan memberi mereka konten yang mereka inginkan. Tiga kesalahan umum programmer dan apa yang bisa kita lakukan untuk memperbaikinya:
1. Melupakan Tentang Konvensi
Sebagai contoh, mereka membawa lebih dari sebuah benda yang mereka pikir dapat diklik, tapi menjadi bingung ketika mereka melihat panah bukan pointer tangan. Mereka mengklik biru, digarisbawahi teks, tetapi menemukan itu tidak link. Mereka klik pada logo di kiri atas, percaya itu akan mengembalikan mereka ke homepage, hanya untuk menemukan itu membawa mereka mana.Web desain tidak selalu memenuhi harapan kita. Namun, pengembang dan desainer harus selalu menjaga aturan-aturan tertentu untuk menghindari kebingungan pengguna. Berikut adalah tiga elemen diklik harus Pointer pada Rollover. Semuanya dapat diklik harus beralih ke pointer tangan ketika pengguna melayang di atasnya. Anda dapat melakukannya menggunakan CSS sederhana. Kode akan terlihat seperti ini
div: hover {cursor: pointer;}
Links Gaya TepatLink harus terlihat berbeda dari teks biasa, dan harus digarisbawahi dalam konten utama halaman. Jika Anda benar-benar ingin tetap dengan konvensi, membuat mereka biru - penelitian pengguna yang kedapatan terlibat paling dengan link biru.
Membuat Logo diklikLogo di header website Anda harus diklik, dan harus membawa pengguna ke homepage. Ini sangat sederhana: Hanya membungkus logo Anda dalam tag.
<a href="http://www.example.com"><img src="logo.gif" alt="Example Company" title="Example Perusahaan Logo" height="100" width="100" /></ A>

2. Membuat Perlahan-Memuat Website
Pengguna benci website lambat. Penelitian telah menunjukkan bahwa 40% pengguna akan meninggalkan situs web yang memakan waktu lebih dari tiga detik untuk load. Berikut adalah cara untuk menghindari kesalahan kecepatan umum oleh programmer baru.
Resize Gambar luar BrowserProgrammer baru kadang-kadang akan menggunakan gambar yang sangat besar, katakanlah 600 pixel dan lebar 600 piksel tinggi, tetapi akan mengatur tinggi dan lebar sehingga menyusut gambar ke ukuran yang diinginkan. Mereka menggunakan kode berikut.
<img src="big-domo.jpg" alt="Domo" title="Big domo di height="200" park" width="200" />
Ada dua masalah dengan metode ini: Pertama, gambar penuh masih perlu di-load. Biasanya, file gambar yang lebih besar berarti beban kali lebih lama.
Kedua, menyusut gambar menggunakan atribut tinggi dan lebar dapat membuat foto canggung, menyebabkan browser untuk menampilkan foto tidak terlalu jelas karena akan ada gambar berukuran 200 x 200 piksel.
Untuk memperbaiki masalah ini, mengubah ukuran dan kompres gambar dalam editor seperti Photoshop atau Gimp. Kemudian kode gambar seperti yang kami lakukan di atas. Cobalah untuk menggunakan alat seperti Photoshop Simpan untuk Web & Perangkat untuk lebih mengecilkan ukuran file.
Memuat JavaScript di FooterBanyak programmer tidak perlu memuat semua file JavaScript halaman dalam tag kepala. Ini warung sisa beban halaman. Dalam hampir semua kasus, kecuali untuk JavaScript penting untuk navigasi user interface, tidak apa-apa untuk memuat script di footer. Maka sisa halaman dapat memuat terlebih dahulu. Coba kode ini.
Sisa halaman ...Internet Lahan src="js/scripts.js"> </ script></ Body></ Html>
Memuat CSS eksternalKadang-kadang programmer baru memuat CSS pada setiap halaman individu menggunakan gaya inline atau stylesheet internal. Untuk gaya inline, kode terlihat seperti ini.
<p style="margin-top: 50px;"> Hi Mom </ p>
Dan untuk sebuah stylesheet internal, Anda akan kemungkinan besar melihat kode ini pada tag kepala.
<style type="text/css">p {margin-top: 50px;}</ Style>
Anda harus hampir tidak pernah menggunakan CSS di halaman yang memegang html Anda. Menyimpannya eksternal menggunakan kode seperti ini.
<link rel="stylesheet" type="text/css" href="css/style.css" />
Ada dua keuntungan dengan beban CSS eksternal: Pertama, komputer pengguna akan menyimpan stylesheet eksternal untuk digunakan pada setiap halaman, bukan mengambil gaya yang sama berulang-ulang. Hal ini sangat mempercepat waktu buka.Kedua, menggunakan stylesheet eksternal jauh lebih mudah untuk mempertahankan. Jika Anda perlu mengubah ukuran font ayat website Anda, Anda dapat mengubahnya dalam satu tempat, tanpa harus mengakses setiap file html individu.Pelajari lebih lanjut tentang penerapan CSS baik di Dasar-dasar CSS.

3. Tidak Akuntansi untuk Perubahan Backend Potensi
Kebanyakan programmer saat ini menggunakan sistem manajemen konten seperti WordPress, Joomla atau Drupal untuk membangun website mereka. Ini bagus karena memberikan pemilik situs web kemampuan untuk membuat perubahan dan pembaruan.
Sebagai contoh, pada saat peluncuran pengembang hanya dapat menciptakan gaya CSS untuk judul, website 1 2 dan 3. Bagaimana jika dua bulan setelah peluncuran website, direktur komunikasi memutuskan untuk mengatur teks untuk pos 6, karena itulah pilihan dalam format WordPress? Keputusan akan kembali ke gaya default browser karena pengembang tidak pernah ditata untuk itu awalnya. Berikut adalah cara untuk menghindari situasi ini.
Sertakan Styles untuk Semua Tags UmumUntuk memastikan bahwa desain website Anda tetap konsisten dengan format backend, programmer harus mencakup gaya untuk menangani tag html berikut.

    Tubuh (body)
    Heading 1, 2, 3, 4, 5, 6 (<h1>, <h2>, <h3>, <h4>, <h5>, <h6>)
    Link (<a>)
    Ayat (<p>)
    Alamat (<address>)
    Sudah terformat (<pre>)
    Kuat (<strong>)
    Daftar tak berurutan (<ul>)
    Daftar berurut (<ol>)
    Harga (<blockquote>)
Hal terbaik untuk memeriksa WYSIWYG bahwa pemilik situs web Anda gunakan untuk memastikan Anda memiliki semua tag yang sesuai tertutup.
Styling dasar tidak satu-satunya kesempatan untuk website Anda untuk rusak. Juga pastikan untuk mempersiapkan untuk upload gambar besar dan untuk copy / paste dari Word. Meskipun item seperti ini dapat terlihat sepele, mendidik pemilik situs web Anda tentang cara menambahkan konten dapat membuat semua perbedaan.


sumber: http://mashable.com/2011/11/20/web-programmer-mistakes/