Informasi Umum

Mata Pelajaran: Teknologi Layanan Jaringan

Kelas/Semester: XI / Ganjil

Fase: E

Topik: Konfigurasi Lanjutan Web Server & Publikasi Konten HTML

Alokasi Waktu: 4 JP (2 pertemuan × 90 menit)

Tujuan Pembelajaran

1. Mengatur direktori web khusus di XAMPP (htdocs).

2. Menyimpan dan mengelola file HTML & media untuk web server lokal.

3. Menguji akses halaman web melalui browser.

4. Membuat halaman HTML sederhana dengan struktur teks, gambar, dan tautan.

1. Bacalah setiap langkah kerja dengan teliti.

2. Lakukan praktik sesuai panduan yang diberikan.

3. Dokumentasikan setiap langkah dalam bentuk screenshot.

4. Jawab pertanyaan pada lembar ini.

1. Buka folder instalasi XAMPP Anda.

2. Masuk ke folder htdocs dan buat folder baru dengan nama sesuai proyek Anda (contoh: webku).

3. Buat file index.html sederhana yang berisi judul dan paragraf, simpan di folder proyek.

4. Tambahkan elemen gambar dan tautan pada halaman HTML Anda.

5. Buka browser dan akses alamat http://localhost/nama_folder_proyek.

6. Pastikan halaman tampil sesuai yang diinginkan.

1. Apa fungsi folder htdocs pada XAMPP?

2. Jelaskan perbedaan mengakses http://localhost dan http://127.0.0.1.

3. Bagaimana cara menambahkan gambar pada HTML?

4. Mengapa penting mengatur struktur folder pada proyek web?

5. Sertakan screenshot hasil tampilan halaman web Anda.

Aspek	Skor 1	Skor 2	Skor 3	Skor 4
Pembuatan folder proyek	Tidak membuat	Membuat tapi salah	Membuat dengan benar	Membuat dan menata dengan rapi
Pembuatan file HTML	Tidak ada	HTML sangat sederhana	HTML sesuai instruksi	HTML kreatif dan rapi
Pengujian di browser	Tidak berjalan	Tampil sebagian	Berhasil tanpa error	Berhasil dan menarik