Cara Melihat Source Code Website Orang Lain

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.

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-kunjungi.

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

 CARA MELIHAT SOURCE CODE WEBSITE ORANG LAIN

Buka halaman website atau blog yang ingin dilihat source code-nya. Setelah halaman sudah terbuka secara sempurna, klik kanan pada halaman tersebut maka akan muncul pilihan dan pilih “lihat sumber laman”.

Akan muncul halaman di tab baru secara otomatis, dan disitulah kita bisa melihat source codenya. Cara yang telah dijelaskan diatas adalah ketika kita membuka halaman website atau blog menggunakan browser Chrome dalam bahasa indonesia, jika anda menggunakan firefox langkahnya sama seperti diatas cuma pilihannya “View Page Source”.

Pada halaman source code ini kita bisa melihat kode HTML dan CSS apa yang dipakai bahkan sampai kode Javascript 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 belajar pasti bingung melihat banyak kode dan fungsinya apa saja tiap kode, tapi tenang saja dalam tutorial di website ini akan dijelaskan bagaimana cara membuat website dari awal, jadi pada postingan berikutnya akan di bahas secara mendetail tentang kode HTML.