Praktikum Modul 1: Dasar HTML dan Struktur Halaman Web

Praktikum Modul 1: Pembuatan Halaman Web Perdana Menggunakan Struktur Dasar HTML5

Sesi praktikum laboratorium perdana mata kuliah Dasar Pemrograman Web yang berfokus pada penguasaan penulisan kode HTML murni, pengelolaan direktori proyek web, dan pembuatan halaman profil biodata mahasiswa.

1. Tujuan Praktikum

• Mengonfigurasi editor kode Visual Studio Code dengan ekstensi penunjang pengembangan web (Live Server, HTML CSS Support).
• Memahami struktur hirarki folder aset web (pemisahan folder css/, images/, dan js/).
• Menerapkan elemen penataan teks, daftar (ordered list <ol> dan unordered list <ul>), penyematan gambar (<img>), dan tautan antarhalaman (relative hyperlink).

2. Implementasi Studi Kasus & Tantangan (*Challenge*)

Mahasiswa merancang dan mengimplementasikan halaman biodata diri interaktif yang menampilkan:

• Header judul profil dengan foto identitas terformat rapi.
• Tabel riwayat pendidikan formal dan daftar hobi menggunakan elemen list.
• Integrasi tautan navigasi internal (anchor jump ke ID bagian tertentu halaman) dan tautan eksternal ke akun media sosial.

3. Berkas Terlampir

• Laporan Praktikum (TPP 1): Berkas 24-085_Moch. Zamroni Fahreza_TPP1.pdf yang mendokumentasikan kode sumber utuh, tangkapan layar tampilan di peramban, serta analisis fungsi masing-masing tag HTML.
• Panduan Tantangan: Berkas panduan laboratorium CHALLENGE PRAKTIKUM MODUL 1 DPW.pdf.