Posts | Comments

Ada beberapa yang harus dilakukan untuk membuat web yang cukup aman dan nyaman. diantaranya yang harus dilakukan adalah memastikan pertanyaan ini terpenuhi. akan tetapi mungkin beberapa orang akan menyangsikan kata standar karena bentuk kata itu masih terlalu luas :D nah mungkin akan kita perjelas aja ya Standar disini, standar dalam artian tersedia (html, xhtml, xml, css, xslt, dom, mathml, svg, dll) dan mencapai tahapan tahapan (kode yang valid, kode yang dapat diakses, url yang bersahabat, dll).

perlu di ketahui ini bukanlah hal hal yang sepenuhnya harus dipenuhi akan tetapi banyak hal lain yang mungkin harus ditambah. dalam artian tidak semua yang ada disini harus ditambahkan ke dalam situs yang sedang lo buat atau rawat, akan tetapi lebih pada tuntunan aja :D tuntunan dalam hal

* untuk melihat seperti apa web standard itu
* sebagai pengembangan selama proses produksi suatu web
* sebagai bantuan untuk developer yang tertarik menuju ke arah web yang standar.

1.Kualitas Kode
1.1 apakah situs sudah menggunakan tipe document yang tepat?

tipe document atau lebih dikenal dengan (DOCTYPE (document type declaration)) akan bekerja sebagai validator xhtml yang lo pake, dan harus muncul di bagian paling atas dari setiap web. tipe document adalah komponen kunci dari rata rata halaman web: tanda dan kode css tidak akan tervalidate tanda tipe document di browser seperti mozilla, IE, Opera, etc.

sebuah tipe dokument yang termasuk url penuh memberitahu browser itu untuk merender halaman dalam tipe standard, dan memperlakukan kode ((X)HTML, CSS, and DOM seperti yang anda harapkan.

kalo kita menggunakan tipe dokumen yang lama atau tidak menggunakan tipe dokument sama sekali, browser akan mengkategorikannya dalam mode “quirks” dimana browser akan berasumsi bahwa anda telah menulis dalam tipe dokumen yang lama, kode dan mark up yang invalid yang ada pada industri di awal tahun 1990-an.

1.2 apakah situt sudah menggunakan sebuah set karakter?

jika agen user (Browser) tidak bisa mendetek encoding sebuah karakter yang digunakan dalam dokumen web, user mungkin akan melihat text yang tidak bisa dibaca. Informasi ini penting untuk memaintain dan mengembangkan sebuah situs multilingual, akan tetapi encoding karakter akan terasa lebih penting bagi orang yang membuatnya menggunakan XHTML/HTML or CSS. akan tetapi harus jelas dibedakan antara set karakter dan encoding karakter.

set karater adalah sekumpulan karakter yang telah ditandai dengan angka unik misalnya huruf a dalam unicode dilambangkan dengan 225 dalam decimal atau E1 dalam hexadecimal (secara umum kebanyakan menggunakan hexadecimal) sedangkan encoding karakter adalah :

cara bagaimana set karakter ini diubah ke dalam bentuk bytes untuk di manipulasi di komputer.

1.3 apakah situs sudah menggunakan valid (xhtml)?

kode yang valid akan lebih cepat dirender ketimbang kode yang error. kode yang valid juga akan merender lebih baik daripada kode yang error. browser akan terus menjadi standar mutu, dan sangat penting sekali untuk menuliskan kode secara valid dan memenuhi standar HTML.

1.4 apakah situs menggunakan ccs yang valid?

anda perlu memastikan apakah sudah tidak ada error dalam HTML atau CSS, sejak kesalahan dalam keduanya dapat menyebabkan tampilan yang berbeda.

1.5 apakah situs menggunakan hack css?

pada prinsipnya, hack biasanya tergantung keputusan pribadi, dan mungkin juga pengetahuan yang anda miliki tentang itu, design spesifik yang anda ingin raih.

1.6. apakah situs menggunakan class atau id yang tidak penting?

sebagaimana telah diketahui para developer pasti akan mempelajari dan mendapatkan skill baru yang memungkinkan untuk menghasilkan CSS yang bagus akan tetapi miskin XHTML, secara spesifik, kode HTML akan menjadi penuh dengan div dan id yang tidak berguna. seperti font misalnya :D

1.7. apakah kodenya sudah berstruktur?

secara semantik membetulkan mark up yang menggunakan elemen HTML untuk kepentingannya masing-masing. struktur HTML yang baik memiliki arti semantik untuk semua user agent ( browser tanpa style sheet, text browsers, PDAs, search engines etc.)

1.8. apakah situs mempunyai link patah (broken links)?

Link patah atau Broken links bisa menyebabkan user frustasi dan secara potensial menyebabkan pembaca kabur. link patah juga dapat menyebabkan search engine tidak optimal mengindex situs anda. coba link checker ini sebagai rekomendasi dari gw ;)

1.9. bagaimana kinerja situs dalam kecepatan dan ukuran?

ahh… bete nih loadingnya lama… kebanyakan mungkin itu yang akan didapat kalo misalnya ada survey yang ngecek. bahkan ketika user menggunakan koneksi broadband sekalipun. so bener bener perhatiin yang satu ini lo bisa ikutin tips cara loading lebih cepat di PANDI portal blog

1.10. apakah situs memiliki eror pada javascript?

IE di windows memperboleh kita untuk mengaktifkan debugger yang akan membuka jendela baru dan membiarkan anda mengetahui apakah ada javascript error di situs anda. fasilitas ini tersedia di internet option di tab advance. buang check pada ‘Disable script debugging’.

sebenernya si ada 6 master list tapi biar enak di bahas satu satu aja kali ya :D tunggu postingan berikutnya di PANDI nurdiansyah dot com daftar aja rss feednya ;)) biar nggak ketinggalan.

tanda tangan PANDI

6 Comments to “To do list of Standard Web for a Proper Websites (Quality COdes)”

  1. Pandi Says:

    =)) baru nyadar gw panjang banget nih postingan apalagi kalo nggak bersambung ya =))

  2. Blog Bisnis Says:

    pertamax deh, ownernya gak diitung :)

    Blog Bisnis’s last blog post..Make Money Online by Blogging

  3. Rubi Says:

    SEJAUH MANA PENGETAHUAN MU TENTANG http://WWW.MELINJO.COM ???

  4. Pandi Says:

    maksudnya :-/

  5. dani Says:

    aduh..hack css-nya itu yg bikin males mas.. :)

    dani’s last blog post..Selamat Galungan-Kuningan

  6. Busby Test, Accessibility for Devices in Web Standard Checklist | Pandi Nurdiansyah Says:

    [...] 1. quality codes [...]

Leave your comment

Pandi Nurdiansyah is | powered by WordPress. Design by Nofie Iman | Pandi Nurdiansyah.