![Page 1: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/1.jpg)
LOGO
Pertemuan 3 Java 2 KA
![Page 2: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/2.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Menu utama Lanjutan
Membuka Project
Membuat CSS
Menambahkan Coding css ke File Index
Hasil
![Page 3: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/3.jpg)
Membuka Project Yang Telah Dibuat
Membuka Project
Bina Sarana Informatika Komputerisasi Akuntnasi
![Page 4: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/4.jpg)
Klik Kanan Pada Web Page di sebelah kiripilih New Buat folder config finish
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 5: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/5.jpg)
Klik Kanan Pada config new other
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 6: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/6.jpg)
Categories : Web Type : Cascading Style Sheet
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 7: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/7.jpg)
Buat Nama CSS style Finish
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 8: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/8.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
Hapus hingga
lembar kerja
kosong , baru
ketik coding
css
Pengaturan
warna, font ,
background
pada body
Content ,
angka bisa
diganti
dengan
warna sesuai
keinginan
![Page 9: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/9.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
Merubah ukuran huruf spasi , jarak
tulisan, dan juga warna di header
tingkat 1 (Ap SIA)
a:hover : text yang mengandung link
dan sedang ditunjuk mouse / kursor
![Page 10: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/10.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
Setting header untuk image
![Page 11: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/11.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
# digunakan untuk deklarasi
parameter .
Setting halaman menu
Setting sub menu/list
![Page 12: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/12.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
Setting menu content
![Page 13: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/13.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 14: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/14.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 15: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/15.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 16: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/16.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 17: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/17.jpg)
Tambahkan coding di index
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 18: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/18.jpg)
Menambahkan Halaman Home, Buat File baru .jsp klik kanan pada web page klik kanan pilih new jsp
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 19: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/19.jpg)
Pilih Index.jsp dan tambahkan coding seperti dibawah ini:
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 20: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/20.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 21: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/21.jpg)
Explore sendiri untuk merubah Warna .. Dengan mengganti warna dari kata/ kode:
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 22: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/22.jpg)
Explore sendiri untuk merubah Warna .. Dengan mengganti warna dari kata/ kode:
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 23: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/23.jpg)
Bina Sarana Informatika Komputerisasi Akuntnasi
Membuat CSS
![Page 24: Pertemuan 3 Java 2 KA · 2016. 4. 4. · Pertemuan 3 Java 2 KA . Bina Sarana Informatika Komputerisasi Akuntnasi Menu utama Lanjutan Membuka Project Membuat CSS Menambahkan Coding](https://reader033.vdocuments.pub/reader033/viewer/2022052815/60a4a9fa1f5bfc779e4d24c0/html5/thumbnails/24.jpg)
LOGO