VIDEO
HIGHLIGHT
Log InSign up
Belajar Membuat WEBSITE Dari 0 Sampai Di PUBLISH Untuk Pemula
SummaryTranscriptChat

Belajar Membuat WEBSITE Dari 0 Sampai Di PUBLISH Untuk Pemula

Tutorial Belajar Coding Membuat Website Sederhana HTML CSS dari 0 Sampai Jadi untuk Pemula 2022 Bahasa Indonesia

Overview: Tutorial ini akan membahas cara membuat website sederhana menggunakan HTML dan CSS. Cocok bagi pemula yang ingin belajar coding.

Pengenalan HTML dan CSS

  • HTML adalah bahasa markup yang digunakan untuk membuat struktur halaman web.
  • CSS adalah bahasa stylesheet yang digunakan untuk mengatur tampilan halaman web.
  • Keduanya bekerja bersama-sama untuk menciptakan tampilan dan fungsi halaman web.

Persiapan Lingkungan Kerja

  • Unduh dan instal Visual Studio Code sebagai editor kode.
  • Buat folder kerja baru di komputer Anda.
  • Buat file index.html dan style.css di dalam folder kerja.

Struktur Dasar HTML

  • Setiap dokumen HTML dimulai dengan tag <!DOCTYPE html>.
  • Tag <html> menandakan awal dan akhir dokumen HTML.
  • Tag <head> berisi informasi tentang dokumen seperti judul, meta deskripsi, dll.
  • Tag <body> berisi konten utama dari halaman web.

Menambahkan Konten ke Halaman Web

  • Gunakan tag <h1>-<h6> untuk menambahkan judul ke halaman web.
  • Gunakan tag <p> untuk menambahkan paragraf ke halaman web.
  • Gunakan tag <img> untuk menambahkan gambar ke halaman web.

Mengatur Tampilan dengan CSS

  • Gunakan selector untuk memilih elemen HTML yang ingin diubah tampilannya.
  • Gunakan property untuk mengatur tampilan elemen HTML yang dipilih.
  • Contoh property: color, font-size, background-color, dll.

Membuat Layout Halaman Web

  • Gunakan tag <div> untuk membuat container atau wadah konten pada halaman web.
  • Gunakan CSS float dan clear untuk mengatur posisi elemen pada halaman web.

Menambahkan Efek Hover

  • Gunakan pseudo-class :hover pada selector CSS untuk menambahkan efek hover pada elemen HTML.

Responsive Design

  • Responsive design adalah teknik desain web yang membuat halaman web dapat menyesuaikan diri dengan ukuran layar perangkat pengguna.
  • Gunakan media query dalam CSS untuk membuat tampilan responsif pada halaman web.

Penutup

Tutorial ini memberikan dasar-dasar pembuatan website sederhana menggunakan HTML dan CSS. Diharapkan dapat membantu pemula dalam belajar coding.

Video description

SESI 1 Playlist CuyUniversity - HTML CSS BASIC Tutorial panduan dasar belajar coding membuat website dari 0 sampai jadi dan di publish ke sebuah hostingan GRATIS sehingga website yang dibuat bisa di share ke siapapun. Relevan untuk tahun 2022 dan 2023. VIDEO PERTEMUAN SESI KE 2 DISINI: https://youtu.be/Mb6Np6QURDY ✨ Welcome to Playlist CuyUniversity Semester 1 SESI 1 ✨ 👇 CuyUniversity Semester 3 👇: https://www.youtube.com/playlist?list=PLc6SEcJkQ6Dz3oOhkpPi2WMYEr48coOOG 👇 CuyUniversity Semester 2 👇: https://www.youtube.com/playlist?list=PLc6SEcJkQ6DwIfhXhH52cL0fI33_yQVNo 👇 CuyUniversity Semester 1 👇: https://www.youtube.com/playlist? list=PLc6SEcJkQ6DzVY6THm3prtUU6HKMqpZSH hasil pengenalan web sesi 1 di cuy university bisa dicek di link berikut: https://cuyuniversity-sesi1-web.afrizaldea.repl.co/ tutorial hosting ke server premium dari 0 bisa cek disini: https://youtu.be/pXHkqQz8xlE Bikin website sederhana kali ini khusus untuk pemula yang belum pernah ngoding ataupun diluar bidang programming. Jadi buat siapapun yang ingin jadi programmer sangat bisa diikuti dari tahapan awal sampai selesai. Video tanpa ada proses editing, jadi seutuhnya apa yang ada di layar kalian adalah hasilnya. selamat belajar online cuy 🙌 SAWER DONASI DISINI: https://saweria.co/deaafrizal Join this channel to get access to perks: https://www.youtube.com/channel/UCU7YluxOYon-yofPxfGHVog/join #programming #tutorial #coding ☕ Discord ☕ https://discord.com/servers/cuy-universe-887712251887382578 🚀Tiktok @dea.afrizal / https://www.tiktok.com/@dea.afrizal 🚀 IG: https://www.instagram.com/dea.afrizal/ ================= 💌 Email (for business) 💌 dea.afrizal@icloud.com ================== 🔻🔻🔻 SUBSCRIBE 🔻🔻🔻 For More Update 🔺🔺🔺LONCENGNYA 🔺🔺🔺