Final project report

1. FINAL PROJECT REPORT
Disusun oleh :
TITIS NUR PRATOMO
11.11.4932
11-S1TI-05

2. KERANGKA DESAIN
• Desain awal HOME
• Desain awal NEWS
• Desain awal GALLERY
• Desain awal PROFILE
• Desain awal GUESTBOOK
• Desain awal FINAL PROJECT REPORT

3. Desain awal HOME

4. Desain awal NEWS , PROFILE , GUESTBOOK and
FINAL PROJECT REPORT

5. Desain awal GALLERY

6. PENJELASAN BLOK KODE UTAMA
A. BLOK HEADER
1. TOP HEADER / TOP NAVBAR RESPONSIVE

7. A. BLOK HEADER
2. Bottom header / bottom navbar inner

8. A. BLOK HEADER
3. Css header

9. B. BODY
1a. Left sidebar GALLERY , PROFILE, GUESTBOOK, NEWS

10. B. BODY
1b. Left sidebar FINAL PROJECT REPORT

11. B. BODY
2a. Center HOME / INDEX

12. B. BODY
2b. Center NEWS

13. B. BODY
2c. Center GALLERY

14. B. BODY
2d. Center PROFILE

15. B. BODY
2e. Center GUESTBOOK

16. B. BODY
2f. Right sidebar FINAL PROJECT REPORT

17. B. BODY
3. Css body

18. C. FOOTER
Kode html footer

19. C. FOOTER
Css footer

20. FITUR UPLOAD CPANEL
Fitur yang digunakan untuk upload cpanel bisa menggunakan fitur file manager
seperti berikut :

21. Cara Upload Web ke server Hosting
1. Tulis url cPanel di address bar
2. Login cPanel seperti berikut

22. Cara Upload Web ke server Hosting
3. Akan muncul kotak utama cPanel
4. Lalu pilih files

23. Cara Upload Web ke server Hosting
5. Akan muncul kotak files dan pilih file manager

24. Cara Upload Web ke server Hosting
6. Akan muncul kotak dialog seperti ini lalu klik GO

25. Cara Upload Web ke server Hosting
7. Akan muncul kotak dialog seperti ini lalu klik UPLOAD

26. Cara Upload Web ke server Hosting
8. Akan muncul kotak dialog seperti ini lalu klik PILIH FILE

27. Cara Upload Web ke server Hosting
9. Akan muncul kotak dialog seperti ini lalu pilih file yang diupload kemudian klik OPEN

28. Cara Upload Web ke server Hosting
10. Akan muncul kotak dialog seperti ini , merupakan proses terakhir upload ke
server hosting. Sekarang silahkan cek ke 3 web browser

29. TES AKSES 3 BROWSER
• MOZILLA FIREFOX

30. TES AKSES 3 BROWSER
• GOOGLE CHROME

31. TES AKSES 3 BROWSER
• INTERNET EXPLORER

32. TES AKSES 3 BROWSER
KESIMPULAN TES AKSES :
Dari ketiga browser mozilla firefox, google chrome, dan internet explore
masing-masing memiliki perbedaan antara lain :
1. Resolusi gambar
2. Ukuran dan jenis font