Dokumentasi Website Profil Sekolah

SMA Negeri 5 Surabaya

Informasi Proyek

Link Proyek

• Link Source Code: https://github.com/Sjankaczar/Pweb-MingguKe3
• Link Website: https://sjankaczar.github.io/Pweb-MingguKe3

Referensi Website Asli

• Nama Sekolah: SMA Negeri 5 Surabaya
• Link Website: https://sman5surabaya.sch.id

Screenshot Website Asli

Struktur File

Dokumentasi Halaman

1. index.html

Fitur yang ada: 

• Header dengan logo sekolah dan nama sekolah
• Navigation menu: Home | Jurusan | Kontak
• Sambutan Kepala Sekolah dengan foto
• Tabel Visi & Misi 
• Footer dengan copyright, alamat, dan kontak

Elemen HTML yang digunakan:<header>, <nav>, <ul>, <li>, <a>, <main>, <section>, <table>, <img>, <h1>–<h3>, <p>, <ol>, <ul>, <footer>, <hr>, <center>, <b>, <i>, <font>

Screenshot Halaman index.html

2. jurusan.html

Fitur yang ada: 

• Header + navigation menu (sama di semua halaman)
• Penjelasan 2 program studi: IPA dan IPS
• Setiap jurusan berisi deskripsi (<p>), mata pelajaran (<ul>), dan keunggulan (<ul>)
• Tabel data jumlah siswa per kelas (X, XI, XII) per jurusan

Elemen HTML yang digunakan:<h2>, <h3>, <p>, <ul>, <li>, <table>, <thead>, <tbody>, <tfoot>, <tr>, <th>, <td>




Screenshot Halaman index.html

3. kontak.html

Fitur yang ada:

• Header + navigation menu
• Layout 2 kolom menggunakan <table>
  • Kolom kiri: Informasi kontak (alamat, telepon, email, jam operasional)
  • Kolom kanan: Formulir kontak lengkap
• Garis pemisah (<hr>) sejajar di bawah kedua kolom

Elemen Form yang Digunakan:

Screenshot Halaman index.html: