Apakah sobat tahu bagian apa yang membuat desain web dan pengembangan web begitu menyenangkan bila dibandingkan dengan pengembangan perangkat lunak lainnya, jawabannya adalah bahwa anda dapat langsung melihat hasil dari usaha anda.Bahkan jika anda belum pernah membuat website sebelumnya, saya pikir Anda akan terkejut dengan betapa mudahnya untuk membuat konten Anda muncul dalam browser.
HTML adalah pembentuk dasar dari hampir setiap website, tidak peduli seberapa besar atau kecil website tersebut.
Teks Editor
Mari kita mulai dengan teks editor, Sebuah Teks Editor hanyalah sebuah program yang mampu menciptakan atau memodifikasi file teks biasa, dan setiap komputer sudah dilengkapi dengan teks editor yang tipenya tergantung OS. Jika Anda menggunakan Windows, kita akan mulai dengan menggunakan Notepad. Jika Anda menggunakan Mac, Anda dapat menggunakan TextEdit di folder aplikasi Anda.Namun, berhati-hatilah, karena aplikasi pengolah kata yang lebih canggih seperti Microsoft Word atau Pages di Mac, seringkali akan memberikan tambahan aturan styling dan metadata yang tersembunyi dari pandangan Anda. Aturan styling yang tidak terlihat ini akan mengganggu pembuatan halaman HTML kita, jadi pastikan bahwa Anda menggunakan editor teks dasar. Seperti yang saya katakan, TextEdit pada Mac atau Notepad pada Windows akan bekerja dengan baik untuk saat ini.
Setelah Anda membuka teks editor, mari kita mulai dengan mengetik-kan kalimat “Hello World” yang merupakan kalimat tes yang sangat umum digunakan di bidang ilmu komputer dan pengembangan perangkat lunak untuk menguji bahwa sistem bekerja dengan baik. Selanjutnya, simpan file Anda di tempat yang mudah Anda temukan, dan pastikan untuk menyimpannya dengan berekstensi “.html”.
Save file dari notepad
Web Browser
Sebuah web browser adalah program yang memungkinkan Anda untuk melihat halaman web dan browsing web. Jika Anda menggunakan Windows, browser yang telah terinstal dengan komputer Anda adalah “Internet Explorer”.Ada browser alternatif lain yang dapat Anda gunakan, seperti Google Chrome atau Mozilla Firefox, tapi kita akan membicarakannya nanti pada artikel selanjutya. Oh iya, Jika Anda menggunakan Mac, browser Anda adalah “Safari“.
Pada setiap Web browser mungkin tampilan halaman web akan terlihat berbeda dari yang lain, tetapi jika halaman web dikodekan dengan benar, maka akan terlihat sangat mirip di-semua browser di komputer mana-pun. Mari kita lanjut dan membuka file html di browser kita.
Setelah anda membuka file html anda dengan klik dua kali secara cepat, maka browser anda akan menampilkan tulisan “Hello World!” persis dengan tulisan yang kita tulis di notepad.
Tampilan Web Browser dari file index.html
Anda akan menemukan pada artikel-artikel selanjutnya bahwa membuat dokumen HTML sedikit lebih kompleks dari itu, tetapi secara umum, website yang sederhana juga memiliki kode html yang sederhana juga.
Merubah File HTML
Di dalam browser web, Anda akan dapat memilih teks, tetapi Anda tidak bisa merubahnya. Tapi, bagaimana jika Anda ingin membuat perubahan? Nah, itu sebenarnya sangat sederhana. Jika Anda menutup editor teks Anda sebelumnya, buka kembali file HTML dan edit teks tersebut, kemudian kita beralih kembali ke web browser kita, dan yang harus kita lakukan adalah dengan klik tombol refresh.Mengeklik tombol refresh akan memberitahu browser untuk mengambil versi terbaru dari dokumen kita. Jadi, jika kita telah membuat perubahan, merefresh halaman tersebut akan memungkinkan kita untuk melihat perubahan-perubahan baru di web browser kita.
Selamat, Anda telah membuat halaman web pertama Anda. Tetapi ingat ya.., membuat website yang lebih kompleks akan membutuhkan usaha yang lebih juga, tapi, seperti yang saya sebutkan sebelumnya, kita akan belajar pelan-pelan dari awal.
