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.