Tutorial membuat website dari nol [0] Pengantar

Artikel ini ditujukan untuk kalian yang benar benar belum tahu cara membuat website. jika sudah tahu. segera klik artikel lain atau tutup artikel ini.

Beberapa waktu yang lalu saya ditanya oleh teman sekaligus tetangga saya, "Mas, bagaimana caranya membuat website?". Saya jawab, "ya tinggal dibuat saja mas..". Karena kalau dijelaskan agak panjang. Tapi pada artikel kali ini saya akan mencoba menjelaskan bagaimana cara untuk membuat website secara ringkas, dan semoga mudah untuk dipahami oleh orang awam alias newbie di dunia perwebsite-an.

Sebelum masuk ke cara membuat website, ada baiknya kita mengetahui apa itu website

Website adalah sejumlah laman online yang terhubung dalam satu domain, biasanya dikelola oleh individu, perusahaan, institusi, organisasi, atau pemerintah (Sumber: Merriam Webster)

Lantas beberapa orang ribut mempermasalahkan "inikan cuma blog? bukan web?". Menurut hemat saya website dan blog itu sama saja. karena blog itu kependekan dari "web log", hanya isi dan pengelolaannya saja yang berbeda. Blog seperti yang sedang anda baca ini juga bisa disebut web. mudahnya web site/blog adalah halaman yang bisa diakses melalui internet dengan web browser anda darimana saja dan kapan saja.

Baik, sekarang mari kita membuat halaman web.

yang diperlukan untuk membuat web adalah text editor. ya, cukup text editor, contohnya notepad atau notepad++ . Dengan text editor tersebut kita akan membuat halaman atau dokumen HTML (HyperText Markup Language). Ada yang bilang Hyper karena link yang bisa menuju halaman lainnya, Text itu karena Teks atau tulisa yang ada di dalam dokumennya, Markup karena di jadikan lebih UP maksudnya teks yang ditulis tadi bisa di bold italic besar kecil dan Language.. bukan karena HTML adalah bahasa pemrograman, tetapi lebih kepada membutuhkan bahasa lain untuk melengkapi. hehe..

Berikut hal hal yang mungkin perlu diketahui terkait HTML

• HTML adalah bahasa markup standar untuk membuat halaman Web.
• HTML adalah singkatan dari Hyper Text Markup Language
• HTML menggambarkan struktur halaman Web
• HTML terdiri dari serangkaian elemen
• Elemen HTML memberi tahu browser cara menampilkan konten
• Elemen HTML diwakili oleh tag
• Tag HTML memberi label potongan konten seperti "heading", "paragraf", "table", dan sebagainya
• Browser tidak menampilkan tag HTML, tetapi menggunakannya untuk merender konten halaman

Untuk belajar HTML lebih lanjut, kalian bisa klik https://www.w3schools.com/html/default.asp

contoh dokumen html

Setelah kalian bisa membuat halaman HTML, ternyata browser sebenarnya tidak langsung tahu dimana halaman html tersebut berada. Untuk itu dibutuhkanlah apa yang namanya web server.

Ketika kita mengetikkan alamat di addressbar browser kita, chrome atau firefox misalnya, browser  akan melakukan fetching (pengambilan data) pada DNS Server. Data yang telah diambil berupa IP dari perintah yang diketikkan user (contoh : ariefilkomp.blogspot.com). Web browser telah mendapatkan IP dari ariefilkomp.blogspot.com. Selanjutnya, web browser mengakses ke server dengan IP yang telah didapatkan dari DNS Server, Server kemudian memberikan data konten dari ariefilkomp.blogspot.com dalam bentuk HTML dan file lain, seperti CSS, PHP, dll.

Ada banyak Web Server yang bisa digunakan untuk belajar membuat website, misalkan apache dan nginx. Untuk memudahkan, saya sarankan menggunakan budle saja, yaitu software yang memuat server, sql dan bahasa pemrograman php. XAMPP atau WAMP.

Setelah kamu install webservernya, taruh file html kamu di folder www jika kamu menggunakan wamp. untuk lebih jelasnya, lihat video berikut :