Desain dan Implementasi Situs Web Sederhana Menggunakan HTML dan CSS
DOI:
https://doi.org/10.64476/jtbc.v2i2.62Kata Kunci:
HTML, CSS, Perancangan Web, Website Statis, Pengembangan WebAbstrak
Penelitian ini bertujuan untuk mendemonstrasikan perancangan dan implementasi website sederhana dan statis menggunakan HTML (HyperText Markup Language) dan CSS (Cascading Style Sheets) tanpa bantuan framework tambahan. Dalam era digital saat ini, kemampuan membuat website dasar menjadi penting, terutama bagi pemula dalam pengembangan web. Penelitian ini menjawab kebutuhan tersebut dengan fokus pada struktur konten melalui HTML dan pengaturan tampilan melalui CSS. Metode pengembangan yang digunakan adalah model waterfall yang mencakup tahapan analisis kebutuhan, perancangan, implementasi, dan pengujian secara sistematis. Perangkat yang digunakan meliputi Visual Studio Code sebagai text editor dan Google Chrome sebagai web browser untuk pengujian. Hasil penelitian menunjukkan keberhasilan pembuatan website profil sederhana yang terdiri dari header navigasi, bagian konten utama, dan footer, menggunakan elemen semantik HTML5 dan styling CSS untuk layout yang responsif dan menarik secara visual. Implementasi praktis menekankan kesederhanaan dan kemudahan pemeliharaan, dengan kode HTML untuk struktur dasar dan CSS untuk presentasi visual, menghasilkan website yang fungsional dan mudah dipelihara. Kesimpulan penelitian menegaskan bahwa HTML dan CSS murni sudah memadai untuk pengembangan proyek website statis, memberikan fondasi yang kuat bagi pemula. Saran untuk pengembangan lanjutan mencakup penambahan JavaScript untuk meningkatkan interaktivitas dan fungsionalitas dinamis. Penelitian ini memberikan panduan praktis bagi mahasiswa dan pengembang pemula dalam memahami konsep dasar pengembangan web.
Unduhan
Referensi
Berners-Lee, T. (1999). Weaving the Web: The Original Design and Ultimate Destiny of the World Wide Web. HarperCollins.
Duckett, J. (2011). HTML and CSS: Design and Build Websites. John Wiley & Sons.
Internet World Stats. (2024). World Internet Users Statistics and 2024 World Population Stats.
Retrieved from https://www.internetworldstats.com/stats.htm
MDN Web Docs. (2023). HTML: HyperText Markup Language. Mozilla Foundation. https://developer.mozilla.org/en-US/docs/Web/HTML
MDN Web Docs. (2023). CSS: Cascading Style Sheets. Mozilla Foundation. https://developer.mozilla.org/en-US/docs/Web/CSS
Meyer, E. A. (2006). CSS: The Definitive Guide (3rd ed.). O'Reilly Media.
Robbins, J. N. (2018). Learning Web Design: A Beginner's Guide to HTML, CSS, JavaScript, and Web Graphics (5th ed.). O'Reilly Media.
Sommerville, I. (2016). Software Engineering (10th ed.). Pearson Education.
Tanenbaum, A. S., & Wetherall, D. J. (2011). Computer Networks (5th ed.). Pearson Education.
W3C. (2023). HTML5: A vocabulary and associated APIs for HTML and XHTML. World Wide
Web Consortium. https://www.w3.org/TR/html5/
W3Schools. (2023). HTML Tutorial. https://www.w3schools.com/html/
W3Schools. (2023). CSS Tutorial. https://www.w3schools.com/css/
Unduhan
Diterbitkan
Cara Mengutip
Terbitan
Bagian
Lisensi
Hak Cipta (c) 2026 Muh. Arfah Wahlil Pratama, Wahda Mutmainnah, Khusnul Khatimah, Yudhika Setiawan, Aril Adila Yusuf, Muh Afriansyah, Andi Nurfadillah
Artikel ini berlisensi Creative Commons Attribution 4.0 International License.
Artikel ini diterbitkan di bawah Lisensi Creative Commons Attribution 4.0 International (CC BY 4.0).
Anda bebas menggunakan, membagikan, dan mengadaptasi karya ini selama mencantumkan atribusi yang sesuai kepada penulis dan sumber asli publikasi.
info:eu-repo/semantics/openAccess
https://creativecommons.org/licenses/by/4.0/
