DESAIN WEB |2023|EKO ZULKARYANTO, S.Komp., Gr.

Anatomi sebuah website mencakup berbagai elemen yang bekerja bersama untuk menciptakan pengalaman pengguna yang baik. Berikut adalah beberapa komponen utama dari anatomi sebuah website:

1. Header:
• Bagian atas halaman web yang biasanya berisi elemen seperti logo, menu navigasi, dan informasi kontak.
2. Menu Navigasi:
• Daftar tautan atau pilihan yang memungkinkan pengguna untuk berpindah antara halaman atau bagian berbeda di situs web.
3. Konten Utama:
• Bagian ini berisi informasi utama yang ingin disampaikan oleh situs web. Ini dapat berupa teks, gambar, video, atau kombinasi dari semuanya.
4. Sidebar:
• Bagian samping halaman yang biasanya digunakan untuk menampilkan elemen tambahan seperti tautan terkait, arsip, atau widget.
5. Footer:
• Bagian bawah halaman yang berisi informasi tambahan seperti tautan ke halaman lain, informasi kontak, hak cipta, dan disclaimer.

6. Konten Multimedia:
• Ini mencakup elemen-elemen seperti gambar, video, animasi, dan audio yang digunakan untuk mendukung dan mengilustrasikan konten.
7. Formulir:
• Elemen interaktif yang memungkinkan pengguna untuk mengirimkan informasi atau melakukan tindakan, seperti mengisi formulir kontak atau berlangganan newsletter.
8. Tombol:
• Elemen yang digunakan untuk mengarahkan pengguna untuk melakukan tindakan tertentu, seperti tombol "Beli Sekarang" atau "Daftar."
9. Halaman Error (404 Page):
• Halaman khusus yang ditampilkan ketika pengguna mencoba mengakses halaman yang tidak ada.
10. Komentar:
• Jika ada, area di mana pengguna dapat meninggalkan komentar atau umpan balik pada konten tertentu.
11. Link Internal dan Eksternal:
• Tautan yang menghubungkan halaman di dalam situs web (internal) dan tautan yang mengarah ke situs web eksternal atau sumber daya lainnya.
12. Kode Sumber (HTML, CSS, JavaScript):
• Kode-kode ini mengendalikan struktur, tampilan, dan interaktivitas situs web. Mereka tidak terlihat oleh pengguna tetapi sangat penting untuk fungsi situs.
13. Opt-in dan Opt-out:
• Opsi yang memungkinkan pengguna untuk berlangganan atau berhenti berlangganan dari email atau pemberitahuan lainnya.
14. Ikon Sosial Media:
• Tautan ke profil media sosial situs atau merek yang memungkinkan pengguna untuk terhubung dengan platform sosial.
15. Kebijakan Privasi dan Ketentuan Layanan:
• Tautan ke halaman yang menjelaskan kebijakan privasi dan ketentuan penggunaan situs.
16. Breadcrumb Navigation:
• Tautan berurutan yang menunjukkan kepada pengguna jalur navigasi di situs, membantu mereka melacak lokasi mereka.
17. Search Bar:
• Elemen yang memungkinkan pengguna untuk mencari informasi atau produk tertentu di situs.
18. Footer Sitemap:
• Tautan ke halaman-halaman penting di situs web yang disusun dalam bentuk daftar di bagian bawah halaman.
19. Loading Animation:
• Animasi atau indikator yang menunjukkan bahwa situs sedang memuat.
20. Kebijakan Cookie:
• Pemberitahuan atau tautan ke kebijakan penggunaan cookie yang memberi tahu pengguna tentang penggunaan cookie di situs.
21. Peta Situs (Sitemap):
• Halaman yang berisi daftar seluruh halaman atau bagian di situs web, membantu pengguna dan mesin pencari menavigasi situs.
22. Analytics Code:
• Kode yang digunakan untuk melacak dan menganalisis perilaku pengguna di situs web.
23. Formulir Pencarian:
• Elemen yang memungkinkan pengguna untuk mencari informasi tertentu di situs.

Semua komponen ini harus dirancang dengan baik dan ditempatkan secara strategis untuk menciptakan pengalaman web yang efektif dan memenuhi kebutuhan pengguna.