Membuat tampilan Menu Utama Web menggunakan aplikasi NetBeans IDE 8.2

Sekarang kami akan menjelaskan cara untuk membuat tampilan Menu Utama pada web dengan menggunakan aplikasi NetBeans IDE 8.2 seperti pada gambar di bawah ini :

Ini adalah lanjutan dari database yang sudah dibuatkan pada postingan sebelumnya. Langkah-langkahnya adalah :

1.    Buka aplikasi NetBeans IDE 8.2

2.    Buat Project baru à new project (ctrl+shift+N)

3.    Pilih Java Web à Web Application à next

4.    Beri nama Project nya (dalam project ini kami namakan Java2 yang letak lokasi penyimpanannya di directory C:\xampp\htdocs\Java2 ànext

5.    Ubah Server ke GlassFish Server 4.1.1 dan Java EE Version ke Java EE 5 à Finish , maka akan muncul file index.jsp

6.    Klik kanan pada Libraries -> Add Library -> pilih MySQL JDBC Driver àAdd Library

7.    Siapkan 2 buah folder yaitu config dan image (untuk menyimpan gambar yang akan digunakan) di directory C:\xampp\htdocs\Java2

• ·         Membuat index

Ketik coding berikut ini pada index

• Membuat CSS 

Langkah-langkah dalam pembuatan CSS sebagai berikut:

1. Klik kanan pada folder config yang sudah dibuat -> New -> Other pilih  Categories Web dengan Types Cascading Style Sheet -> next. 
2. Ganti File Name dengan nama style -> finish 

Itulah langkah-langkah dalam membuat tampilan menu utama pada NetBeans. 

Kami akan lanjutkan dengan membuat menu master akun pada postingan berikutnya....cyaoo 👉😀