Final project report
-
Upload
titis-pratomo -
Category
Technology
-
view
312 -
download
0
description
Transcript of Final project report
![Page 1: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/1.jpg)
FINAL PROJECT REPORT
Disusun oleh :TITIS NUR PRATOMO
11.11.493211-S1TI-05
![Page 2: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/2.jpg)
KERANGKA DESAIN
• Desain awal HOME• Desain awal NEWS• Desain awal GALLERY• Desain awal PROFILE• Desain awal GUESTBOOK• Desain awal FINAL PROJECT REPORT
![Page 3: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/3.jpg)
Desain awal HOME
![Page 4: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/4.jpg)
Desain awal NEWS , PROFILE , GUESTBOOK and FINAL PROJECT REPORT
![Page 5: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/5.jpg)
Desain awal GALLERY
![Page 6: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/6.jpg)
PENJELASAN BLOK KODE UTAMAA. BLOK HEADER 1. TOP HEADER / TOP NAVBAR RESPONSIVE
![Page 7: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/7.jpg)
A. BLOK HEADER2. Bottom header / bottom navbar inner
![Page 8: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/8.jpg)
A. BLOK HEADER3. Css header
![Page 9: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/9.jpg)
B. BODY1a. Left sidebar GALLERY , PROFILE, GUESTBOOK, NEWS
![Page 10: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/10.jpg)
B. BODY1b. Left sidebar FINAL PROJECT REPORT
![Page 11: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/11.jpg)
B. BODY2a. Center HOME / INDEX
![Page 12: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/12.jpg)
B. BODY2b. Center NEWS
![Page 13: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/13.jpg)
B. BODY2c. Center GALLERY
![Page 14: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/14.jpg)
B. BODY2d. Center PROFILE
![Page 15: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/15.jpg)
B. BODY2e. Center GUESTBOOK
![Page 16: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/16.jpg)
B. BODY2f. Right sidebar FINAL PROJECT REPORT
![Page 17: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/17.jpg)
B. BODY
3. Css body
![Page 18: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/18.jpg)
C. FOOTERKode html footer
![Page 19: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/19.jpg)
C. FOOTERCss footer
![Page 20: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/20.jpg)
FITUR UPLOAD CPANELFitur yang digunakan untuk upload cpanel bisa menggunakan fitur file managerseperti berikut :
![Page 21: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/21.jpg)
Cara Upload Web ke server Hosting1. Tulis url cPanel di address bar 2. Login cPanel seperti berikut
![Page 22: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/22.jpg)
Cara Upload Web ke server Hosting3. Akan muncul kotak utama cPanel4. Lalu pilih files
![Page 23: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/23.jpg)
Cara Upload Web ke server Hosting5. Akan muncul kotak files dan pilih file manager
![Page 24: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/24.jpg)
Cara Upload Web ke server Hosting6. Akan muncul kotak dialog seperti ini lalu klik GO
![Page 25: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/25.jpg)
Cara Upload Web ke server Hosting7. Akan muncul kotak dialog seperti ini lalu klik UPLOAD
![Page 26: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/26.jpg)
Cara Upload Web ke server Hosting8. Akan muncul kotak dialog seperti ini lalu klik PILIH FILE
![Page 27: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/27.jpg)
Cara Upload Web ke server Hosting9. Akan muncul kotak dialog seperti ini lalu pilih file yang diupload kemudian klik OPEN
![Page 28: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/28.jpg)
Cara Upload Web ke server Hosting10. Akan muncul kotak dialog seperti ini , merupakan proses terakhir upload ke
server hosting. Sekarang silahkan cek ke 3 web browser
![Page 29: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/29.jpg)
TES AKSES 3 BROWSER
• MOZILLA FIREFOX
![Page 30: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/30.jpg)
TES AKSES 3 BROWSER
• GOOGLE CHROME
![Page 31: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/31.jpg)
TES AKSES 3 BROWSER
• INTERNET EXPLORER
![Page 32: Final project report](https://reader038.fdocuments.net/reader038/viewer/2022102813/5466ab88af79590f038b795a/html5/thumbnails/32.jpg)
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 gambar2. Ukuran dan jenis font