Pengenalan HTML & CSS

Pada artikel kali ini kita akan membahas atau belajar bahasa pemrograman html & css, bahasa pemrograman html & css bisa kita artikan sebagai bahasa yang digunakan untuk membuat atau mendesain tampilan situs website. Disini kita akan belajar membuat sebuah tampilan website sendiri mulai dari 0 sampai website terbentuk, kita akan mempelajari dasar-dasar pemrograman web sambil lansung membuat halaman web yang di mulai dari HTML & CSS I.

Pada artikel ini kita belum memulai ngoding, kita akan menjelaskan sedikit tahapan-tahapan yang akan kita pelajari selanjutnya, dikarnakan pelajaran kita kali ini cukup panjang maka saya akan bagi menjadi empat tahapan yaitu mulai dari HTML & CSS Tahap I, HTML & CSS Tahap II, HTML & CSS Tahap III, dan HTML & CSS Flexbox. Dengan mempelajari empat tahapan ini kita sudah bisa membuat tampilan website sendiri dengan menggunakan bahasa pemrograman html & css. 

Mungkin teman-teman ada yang bingung kenapa belajar html & css saya bagi menjadi beberapa tahapan, jawabannya adalah agar pembelajaran kita lebih terstruktur dan mudah di pahami, untuk itu saya akan memberi gambaran apa yang akan kita pelajari pada tahap I sampai tahap ke IV

HTML & CSS TAHAP I

Secara umum bahasa html & css kita gunakan untuk membuat sebuah tampilan website, pada tampilan website kita harus mengenal bagian-bagian mana saja yang perlu kita buat. Pada tahap I kita akan mengenal sekaligus membuat tampilan situs yang sederhana, hal yang perlu kita pahami disini adalah bagian-bagian mana saja yang pada situs website yang perlu kita buat. Secara umum bagian-bagian yang perlu kita buat pada tampilan website adalah tampilan bagian atas atau kita sebut dengan "header" kemudian tampilan bagian tengah atau isi bisa juga kita sebut dengan "main" dan tampilan bagian bawah atau kita sebut dengan "footer", pada tahap I kita akan membuat ketiga bagian tersebut.

Disini saya sudah merangkum materi-materi yang akan kita pelajari pada tahap I, jika kita sudah menyelesaikan materi-materi html & css tahap I maka kita sudah bisa membuat sebuah tampilan situs sederhana.

Daftar Materi HTML & CSS Yang Dipelajari Pada Tahap I

• Mulai Belajar HTML
  
• Mulai Belajar CSS
  
• Layout (Tata Letak)
  
• Header
  
• Footer
  
• Konten
  
• Formulir

Setelah kita mempelajari materi-materi html & css tahap I, maka kita sudah bisa membuat sebuah tampilan situs sederhana seperti pada gambar di bawah:

HTML & CSS TAHAP II

Materi sedang di buat

HTML & CSS TAHAP III

Materi sedang di buat

HTML & CSS TAHAP IV

Materi sedang di buat

Dalam belajar html & css kita tidak harus menyelesaikannya dalam satu waktu, oleh karna itu saya bagi menjadi empat tahap agar kita bisa beristirahat sebelum mempelajari tahap berikutnya. Selain itu agar kita bisa lebih mudah memahami bahasa pemrograman web sambil mengasah skill/kemampuan ngoding kita meskipun kita bukan dari latar belakang IT.

Selanjutnya, sebelum kita memulai ngoding hal yang perlu kita persiapkan adalah text editor dan web browser. Ada beberapa text editor yang bisa kita gunakan seperti Visual Studio Code, Atom, Sublime Text, Notepad++ dan lain-lain. Tapi di sini saya rekomendasikan menggunakan Visual Studio Code. Untuk Web Browser bisa menggunakan Google Chrome atau Mozilla Firefox.

Terima Kasih.