Pertemuan 11 - Content Pages
Level 7
Pertemuan 11

Pengembangan Character, Item, dan How-to-Play Pages

Melanjutkan halaman penting dalam game website: character cards, stats, gallery, item shop, inventory, dan instructions.

Tujuan Pembelajaran

Coding character page.
Coding item shop atau inventory.
Coding how-to-play dengan instructions yang jelas.

Character Page

Warrior

HP 120

Attack 18

Mage

MP 80

Magic 25

Ranger

Speed 22

Range 30

Stats dan Gallery 

            
              <section class="characters"> <article class="character-card"> <div class="character-image" aria-label="Warrior hero image placeholder"></div> <h2>Warrior</h2> <p>HP: 120 | Attack: 18</p> </article> </section>

Item Shop / Inventory

Sword
Potion
Shield
Key
Ring
Boots
Map
Coin

How-to-Play Page

  1. Pilih karakter.
  2. Kumpulkan item.
  3. Hindari obstacle atau enemy.
  4. Capai score target untuk menang.

Activity

  1. Coding character page dengan cards, stats, dan gallery.
  2. Coding item shop atau inventory.
  3. Coding how-to-play dengan instructions yang jelas.
  4. Pastikan navigasi antar halaman bekerja.

Mini Quiz

Atribut yang menjelaskan gambar untuk aksesibilitas adalah...

Output Pertemuan

Character page, item page, how-to-play page.