Website statis adalah jenis website sederhana yang tidak memiliki interaksi dinamis seperti database atau server-side processing. Biasanya, website ini digunakan untuk portofolio, landing page, atau blog pribadi. Dalam artikel ini, kita akan belajar cara membuat website statis menggunakan HTML dan CSS, bahkan jika kamu baru memulai di dunia web development.
Apa yang Dibutuhkan?
Sebelum memulai, pastikan kamu memiliki:
- Editor Teks: Gunakan editor seperti Visual Studio Code (VS Code), Sublime Text, atau Notepad++.
- Browser: Chrome, Firefox, atau browser lain untuk melihat hasilnya.
- Folder Proyek: Siapkan folder khusus untuk menyimpan file proyek kita.
Langkah 1: Membuat Struktur Proyek
Buat folder bernama my-website di komputermu. Di dalamnya, buat dua file berikut:
- index.html: Untuk struktur website.
- style.css: Untuk mengatur tampilan website.
Struktur folder akan terlihat seperti ini:
/my-website
|-- index.html
|-- style.css
Langkah 2: Membuat File HTML
HTML adalah kerangka utama dari sebuah website. Mari kita buat file index.html dengan isi sebagai berikut:
Website Sederhana
Selamat Datang di Website Saya
- Home
- Tentang
- Kontak
Konten UtamaWebsite ini dibuat menggunakan HTML dan CSS. Sangat mudah dan menyenangkan!
2024 Website Sederhana