PROSES PEMBUATAN

MENU NAVIGASI
Muhammad Fajar Siddiq XI RPL 1

LANGKAH 1
Langkah Pertama buka Folder Laragon Terlebih
dahulu, kemudian pilih folder www,Di dalam
folder www, buatlah sebuah folder dan beri nama
“APLIKASI RUMAH MAKAN”.

LANGKAH 2
Setelah itu, Bukalah aplikasi Laragon dan
jalankan apache servernya dengan klik “ start
all “.

LANGKAH 3
Folder bootstrap yang telah di download
sebelumnya di job sheet 1.1, harus di masukan
terlebih dahulu ke folder www yang berada pada
laragon Kemudian pada folder bootstrap, terdapat
folder css dan js, copy kedua folder tersebut
dan letakan di dalam folder “aplikasi rumah
makan”.

LANGKAH 4
Bukalah folder “RumahMakan” pada text editor
yang anda miliki,Buatlah sebuah file dengan
nama “ index.html”,lalu ketik syntax seperti
gambar disamping.

LANGKAH 5
Buatlah file baru di dalam folder css, beri nama “
style.css”,Kemudian, koneksikan file style.css
dengan script html,Kemudian isilah script css
dengan codingan sebagai berikut.
 PROSES PEMBUATAN
MENU NAVIGASI
Muhammad Fajar Siddiq XI RPL 1

LANGKAH 6
Output yang akan ditampilkan sebagai berikut.

LANGKAH 7
Bukalah bootstrap,Pada bootstrap/docs, di bagianbarnya
cari kalimat “ flex”,Gunakanlah flex untuk mengatur posisi
navigasi sesuai dengan yang anda inginkan.Jika ssudah
menentukan posisi navigasi seperti apa yang diinginkan,
copy codingan diatas sesuai dengan posisi yang diinginkan
(contohnya jika ingin menggunakan posisi pada baris ke 1,
maka gunakan codingan pada baris ke-1)

LANGKAH 8
Letakan syntax codingan tersebut pada script html, di
dalam sebuah kelas. (letakan dielemen yang ingin kita
tampilkam bootsrapnya).

LANGKAH 9
Maka Ouputnya seperti berikut, dan proses
pembuatan menu navigasi selesai. :)

TERIMA KASIH