Menu Close

Web Statis (Pengantar HTML dan CSS)

Website statis adalah jenis situs web yang kontennya ditampilkan secara statis pada setiap permintaan pengguna. Artinya, konten situs tidak berubah kecuali jika ada perubahan manual yang dibuat oleh pemilik situs. Situs web statis biasanya terdiri dari file HTML, CSS, dan kadang-kadang JavaScript, yang digunakan untuk menampilkan konten statis seperti teks, gambar, dan video.

HTML atau Hypertext Markup Language adalah bahasa yang digunakan untuk membuat struktur situs web. Ini digunakan untuk menentukan bagaimana konten harus diatur dan ditempatkan pada halaman web. CSS atau Cascading Style Sheets digunakan untuk menentukan gaya dan tampilan dari elemen HTML, seperti font, warna, dan tata letak.

Dalam membuat situs web statis, pertama-tama kita perlu memilih editor teks yang akan kita gunakan. Beberapa editor teks yang populer digunakan untuk membuat situs web statis termasuk Visual Studio Code, Atom, dan Sublime Text. Setelah itu, kita dapat mulai membuat file HTML dan CSS.

File HTML biasanya dinamakan index.html dan berisi struktur dasar situs web. Misalnya, kita dapat membuat elemen seperti header, navigasi, konten utama, dan footer. Setiap elemen ini akan diberi tanda dengan tag HTML. Sebagai contoh, kita dapat menggunakan tag <header> untuk membuat header situs web.

Setelah itu, kita dapat membuat file CSS yang dinamakan style.css. Dalam file CSS, kita dapat menentukan gaya dan tampilan dari elemen HTML. Misalnya, kita dapat menentukan warna teks, ukuran font, dan tata letak untuk header situs web. Untuk menentukan gaya untuk elemen HTML, kita harus menentukan selector yang cocok dengan elemen yang ingin kita gayakan. Sebagai contoh, kita dapat menggunakan selector header untuk memilih header situs web.

Setelah file HTML dan CSS selesai dibuat, kita dapat menguploadnya ke server. Ada banyak pilihan untuk melakukan hosting situs web statis, termasuk GitHub Pages dan Netlify. Setelah situs web diupload, kita dapat mengaksesnya dengan membuka URL situs web di browser.

Situs web statis memiliki beberapa keuntungan, termasuk kecepatan yang lebih cepat dan keamanan yang lebih baik karena tidak ada database atau CMS yang dapat diretas. Namun, situs web statis juga memiliki beberapa kekurangan, seperti kurangnya kemampuan untuk memperbarui konten secara dinamis dan tidak adanya fitur yang kompleks seperti yang dapat ditemukan pada situs web dinamis.

Dalam kesimpulan, situs web statis adalah jenis situs web yang menampilkan konten statis dan dibuat dengan HTML dan CSS. Situs web statis memiliki beberapa keuntungan dan kekurangan, dan dapat dibuat dengan menggunakan editor teks dan di-hosting pada server seperti GitHub Pages atau Netlify. Jika Anda ingin membuat situs web sederhana yang berfokus pada konten statis, situs web statis dapat menjadi pilihan yang baik.

Leave a Reply

Your email address will not be published. Required fields are marked *