Tugas Pekan 4 - Membuat Web Restoran/Warung Makan dengan HTML 5 - Pemrograman Web (N)

 

Tugas Pekan 4

Link untuk preview website : Link Portfolio

Link untuk Source Code :Link Soure code

1. Deskripsi Tugas

Pada tugas kali yaitu membuat sebuah web bertemakan restoran atau Warung makan. Untuk Tugas kali ini saya membuat sebuah web bernama Warung Makan Pak Wicaksono, restoran yang menyajikan hidangan khas Jawa Timur. 

Website ini dibuat untuk memberikan informasi tentang restoran, menu yang tersedia, serta kontak untuk pemesanan dan juga media sosial dari restoran tersebut.

2. Teknologi yang Digunakan

• HTML: Untuk struktur halaman

• CSS: Untuk tampilan dan desain

• Font Awesome: Untuk ikon sosial media dan kontak

• Google Fonts: Menggunakan font Plus Jakarta Sans

3. Struktur Halaman

Situs ini terdiri dari beberapa bagian utama:

1. Header dan Navigasi : Berisi nama restoran, tagline, navagisi ke menu - menu lain dan  tentang kami Informasi singkat tentang restoran.

2. Menu: Daftar makanan dan minuman yang ditawarkan. 

   
   
   

3. Kontak: Informasi kontak, alamat, dan media sosial.

   
   
   

4. Struktur File

warung_makan/
├── index.html        # Halaman utama
├── styles.css        # style 
├── script.js         # Scrpt untuk menu
├── assets/           # Folder untuk gambar
│   ├── Surabaya.jpg
│   ├── nasi-goreng.jpg
│   ├── mie-goreng.jpg
│   ├── soto-ayam.jpg
│   ├── rawon.jpg
│   ├── es-teh.jpg
│   ├── es-jeruk.jpg
│   ├── es-campur.jpg

5. Fitur Utama

1. Navigasi : Navigasi sederhana

2. Menu : Memisahkan kategori makanan dan minuman dengan filter tombol.

3. Kontak dengan Ikon: Menampilkan alamat, nomor telepon, email, dan WhatsApp dan juga media sosial lain seperti Instagram, Facebook, dan TikTok.

4. Gambar Menu: Setiap makanan dan minuman memiliki gambar ilustrasi.

6. Pengembangan Selanjutnya yang bisa saya lakukan

• Menambahkan fitur pemesanan online.

• Membuat halaman testimonial pelanggan.

• Mengintegrasikan Google Maps untuk lokasi restoran.

---