FINAL PROJECT REPORT

Disusun oleh :TITIS NUR PRATOMO

11.11.493211-S1TI-05

KERANGKA DESAIN

• Desain awal HOME• Desain awal NEWS• Desain awal GALLERY• Desain awal PROFILE• Desain awal GUESTBOOK• Desain awal FINAL PROJECT REPORT

Desain awal HOME

Desain awal NEWS , PROFILE , GUESTBOOK and FINAL PROJECT REPORT

Desain awal GALLERY

PENJELASAN BLOK KODE UTAMAA. BLOK HEADER 1. TOP HEADER / TOP NAVBAR RESPONSIVE

A. BLOK HEADER2. Bottom header / bottom navbar inner

A. BLOK HEADER3. Css header

B. BODY1a. Left sidebar GALLERY , PROFILE, GUESTBOOK, NEWS

B. BODY1b. Left sidebar FINAL PROJECT REPORT

B. BODY2a. Center HOME / INDEX

B. BODY2b. Center NEWS

B. BODY2c. Center GALLERY

B. BODY2d. Center PROFILE

B. BODY2e. Center GUESTBOOK

B. BODY2f. Right sidebar FINAL PROJECT REPORT

B. BODY

3. Css body

C. FOOTERKode html footer

C. FOOTERCss footer

FITUR UPLOAD CPANELFitur yang digunakan untuk upload cpanel bisa menggunakan fitur file managerseperti berikut :

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

Cara Upload Web ke server Hosting3. Akan muncul kotak utama cPanel4. Lalu pilih files

Cara Upload Web ke server Hosting5. Akan muncul kotak files dan pilih file manager

Cara Upload Web ke server Hosting6. Akan muncul kotak dialog seperti ini lalu klik GO

Cara Upload Web ke server Hosting7. Akan muncul kotak dialog seperti ini lalu klik UPLOAD

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

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

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

TES AKSES 3 BROWSER

• MOZILLA FIREFOX

TES AKSES 3 BROWSER

• GOOGLE CHROME

TES AKSES 3 BROWSER

• INTERNET EXPLORER

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