Cara mengetahui Kode Script HTML Website atau Blog

{ Jangan Malas Membaca Ya }

Ketika kita sedang membuat website atau blog dan bingung saat menata layout atau memilih warna yang cocok untuk website, salah satu trik umum yang digunakan untuk mencari ide adalah dengan mengunjungi web yang memiliki desain yang bagus :D.

Saat  kita mengunjungi web tersebut, pasti ada pertanyaan tentang bagaimana sang creator membuat layout yang indah pada websitenya, apa saja kode css dan html yang digunakan, warna apa saja yang digunakan. Semua browser memungkinkan pengguna untuk melihat HTML atau skrip lain pada halaman web yang di-kunjunginya.

Cara Melihat Kode Script HTML Website atau Blog

Untuk mengetahui itu semua bisa dilakukan dengan cara melihat source code website atau blog sang creator, untuk caranya perhatikan langkah-langkah dibawah ini:

Buka halaman website atau blog yang ingin dilihat source code-nya. Dalam tutorial kali ini akan menggunakan halaman utama dari www.iptek.or.id. Setelah halaman sudah terload secara sempurna, klik kanan pada halaman tersebut maka akan muncul pilihan dan pilih “lihat sumber laman” atau “View page source” seperti pada gambar dibawah ini.

Akan muncul halaman di tab baru secara otomatis dan disitulah kita bisa melihat source code atau kode scriptnya. Cara yang telah dijelaskan diatas adalah ketika kita membuka halaman website atau blog menggunakan UC Browser dalam bahasa inggris, jika anda menggunakan Chrome atau firefox langkahnya sama seperti diatas.

Pada halaman source code ini kita bisa melihat kode HTML dan CSS apa yang dipakai bahkan sampai kode Javascript dan jQuery juga bisa dilihat, biasanya pada kode Javascript sudah di encripsi sehingga susah untuk dibaca.

Pada beberapa website atau blog, terkadang sang creator mencegah agar halaman websitenya tidak bisa di klik kanan, cara untuk mengatasinya adalah dengan memilih menu option pada browser dan pilih “lihat sumber laman” pada chrome, pada firefox pilih “View Page Source” atau langsung tekan CTRL + U secara bersamaan. Setelah kita melihat source codenya, tinggal kita pelajari isi kode tersebut dan semoga mendapat ide baru yang bisa diterapkan dalam pembuatan web.

Lebih jelas untuk melihat kode sumber atau source code pada halaman web:

• Firefox – CTRL + U (tekan tombol CTRL dan U pada keyboard secara bersamaan). atau menuju ke menu “Firefox” dan kemudian klik pada “Web Developer” dan kemudian “Page Source”.
• Internet Explorer – CTRL + U. Atau klik kanan dan pilih “View Source”.
• Chrome – CTRL + U. Atau dapat mengklik ikon tiga garis horizontal di sudut kanan atas. Kemudian klik pada “Tools” dan pilih “View Source”.
• Opera – CTRL + U. Atau juga dapat klik kanan pada halaman web dan pilih “View Page Source”.

Catatan:

Ketika kita melihat source code website atau blog, hal yang perlu di-ingat adalah source code yang ditampilkan adalah hanya source code yang diproses oleh browser itu sendiri, bukan source code yang diproses oleh server (seperti PHP).

Jika baru pertama kali belajar pasti bingung melihat banyak kode dan fungsinya apa saja tiap kode, tapi tenang saja dalam tutorial di Blog Co-Paz akan dijelaskan bagaimana cara membuat website dari awal, jadi pada postingan berikutnya akan di bahas secara mendetail tentang kode HTML, CSS, Javascript, jQuery dll.

Sekian dari postingan kali ini tentang Cara mengetahui Kode Script HTML Website atau Blog. Mudah-mudahan bermanfaat :D Sankyou.

Selamat Mencoba, Semoga Bermanfaat... ^_^