Belajar Website Dasar Untuk Pemula

Aug 7, 2024

Tutorial Belajar Coding: Membuat Website Sederhana dari 0 Sampai Jadi untuk Pemula 2022

Pendahuluan

  • Tujuan: Membuat website sederhana menggunakan HTML dan CSS.
  • Target: Pemula yang ingin belajar dari dasar.

Bagian 1: Pengenalan HTML

  • Apa itu HTML?
    • Bahasa markup untuk membuat struktur halaman web.
    • Contoh elemen dasar: <!DOCTYPE html>, <html>, <head>, <body>.
  • Struktur Dasar HTML:
    • Setiap halaman HTML memiliki struktur dasar.
    • Contoh struktur:
      <!DOCTYPE html>  
      <html>  
      <head>  
          <title>Judul Halaman</title>  
      </head>  
      <body>  
          <h1>Selamat Datang!</h1>  
          <p>Ini adalah paragraf.</p>  
      </body>  
      </html>  
      

Bagian 2: Pengenalan CSS

  • Apa itu CSS?
    • Cascading Style Sheets, digunakan untuk styling halaman web.
  • Cara Menggunakan CSS:
    • Inline, Internal, dan External CSS.
    • Contoh Internal CSS:
      <style>  
          body {  
              background-color: lightblue;  
          }  
      </style>  
      

Bagian 3: Membuat Halaman Web Sederhana

  • Contoh Pembuatan Halaman:
    • Membuat layout dasar dengan HTML.
    • Menambahkan styling menggunakan CSS.
  • Langkah-langkah:
    1. Buat file index.html dan style.css.
    2. Tulis kode HTML dan CSS sesuai contoh.
    3. Hubungkan CSS ke HTML:
    <link rel="stylesheet" type="text/css" href="style.css">  
    

Bagian 4: Menambahkan Elemen Interaktif

  • Penggunaan JavaScript (opsional):
    • Menambahkan interaktivitas pada website.
    • Contoh: Formulir, tombol, dll.

Bagian 5: Mengunggah Website ke Hosting

  • Langkah-langkah:
    • Pilih penyedia hosting.
    • Unggah file menggunakan FTP atau panel kontrol.

Kesimpulan

  • Belajar HTML dan CSS merupakan langkah awal yang baik untuk membuat website.
  • Praktik dan eksplorasi lebih lanjut diperlukan untuk memperdalam pemahaman.