FONDASI DESAIN WEB MODERN: Menguasai HTML dan CSS dari Dasar hingga Responsif

Authors

Nasril Sany, Institut Teknologi PLN; Martono, Universitas Raharja; Robby Maududy, Universitas Cipasung Tasikmalaya; Phie Chyan, Universitas Atma Jaya Makassar; Budi Chehabudin, Universitas Garut ; Lindung Siswanto, Politeknik Negeri Pontianak; Eka Larasati Amalia, Politeknik Negeri Malang; Yuni Roza, Institut Teknologi Perusahaan Listrik Negara (ITPLN); Firmansyah Apryadhi, Institut Teknologi PLN; Rio Setiawan, Universitas Garut; Kharisma Monika Dian Pertiwi, Universitas Telkom; Dewi Kusumawati, STMIK Bina Mulia Palu; Ekky Novriza Alam, Universitas Telkom; Yosep Bustomi, Universitas Garut

Keywords:

Desain, Web, HTML, CSS

Synopsis

Dunia digital saat ini telah bertransformasi menjadi pilar utama dalam komunikasi, bisnis, dan penyebaran informasi. Di balik setiap situs web yang indah dan fungsional yang kita akses setiap hari, terdapat struktur dan gaya yang dibangun dengan ketelitian.  Buku ini lahir dari keinginan penulis untuk memberikan panduan yang komprehensif, namun mudah dipahami bagi siapa saja yang ingin memulai perjalanan mereka di dunia web development. Menguasai HTML dan CSS bukan sekadar mempelajari baris kode, melainkan belajar membangun fondasi dari sebuah pengalaman digital. HTML memberikan kerangka dan makna, sementara CSS memberikan estetika dan jiwa. Dalam buku ini, kita tidak hanya akan membahas teknis penulisan kode, tetapi juga memahami filosofi di balik Desain Responsif sebuah standar wajib di era di mana perangkat hadir dalam berbagai ukuran layar. Materi pada buku ini sebagai berikut: (1) Pengenalan Desain Web Modern, (2) Memahami Struktur Dasar HTML, (3) Mengenal CSS dan Fungsinya, (4) Alat & Software yang Dibutuhkan, (5) Membuat Dokumen HTML Pertama, (6) Gambar, Link, dan Multimedia, (7) Daftar (List) dan Tabel, (8) Formulir Interaktif dengan HTML, (9) Struktur Layout dengan Elemen Semantik, (10) Mengatur Warna, Background, dan Gradien, (11) Tipografi: Font, Ukuran, dan Aksesibilitas, (12) Box Model, Margin, Padding, dan Border, (13) Membangun Halaman Landing Page Sederhana, dan (14) Best Practice & Tren Desain Web Masa Kini.

Downloads

Download data is not yet available.

References

Azhariyah, S., & Muhammad Mukhlis. (2024). Framework CSS: Tailwind CSS Untuk Front-End Website Store PT. XYZ. Jurnal Informatika, 3(1), 30–36. https://doi.org/10.57094/ji.v3i1.1601.

Bhanarkar, N., Paul, A., & Mehta, A. (2023). Responsive Web Design And Its Impact on User Experience. In International Journal of Advanced Research in Science, Communication and Technology. https://doi.org/10.48175/IJARSCT-9259

Gor, V. (2023). Creating Responsive Websites Using HTML5 And CSS3. Apress. https://doi.org/10.1007/978-1-4842-9783-4.

Gunawan, M. E., & Firdaus, U. (2024). Optimalisasi Penggunaan HTML, CSS, dan JavaScript Dalam Implementasi Desain UI/UX Pada Situs Web Profil Perusahaan. Karimah Tauhid, 3(11), 12256–12264. https://doi.org/10.30997/karimahtauhid.v3i11.15404.

Gustiani, W., Sistem Informasi, P., dan Teknologi, S., & Islam Negeri Sulthan Thaha Saifuddin Jambi Kota Jambi, U. (2024). Perancangan Website Berita Menggunakan HTML dan CSS News Website Design Using HTML and CSS. In JISCO (Journal of Information System and Computing) ISSN (Vol. 1).

Jaelani, M. Y. (2025). Pengembangan Website Responsif Untuk Media Informasi Sekolah Menggunakan HTML5 dan CSS3. Journal of Computer Science And Information Technology, 1(1), 14–19. https://doi.org/10.70716/jocsit.v1i1.186.

Kaushal, U., Singh, G., & Parashar, T. (2022). Responsive webpage using HTML CSS. 2022 International Conference on Cyber Resilience (ICCR), 1–4.

Sree, U. R., & Mohan, P. (2024). Comparison of Utility-First CSS Framework. In Journal Of Innovation And Technology (Vol. 2024, Issue 32).

Published

January 14, 2026

Categories

Details about the available publication format: PDF

PDF

Physical Dimensions