final project report

26
Nama : Subastian Wibowo NIM : 11.11.4936 Kelas :11-S1TI-05 Final Project Report

Upload: subastian-wibowo

Post on 12-Jul-2015

401 views

Category:

Education


1 download

TRANSCRIPT

Page 1: Final Project report

Nama : Subastian Wibowo

NIM : 11.11.4936

Kelas :11-S1TI-05

Final Project Report

Page 2: Final Project report

A.Kerangka Awal Desaign

Kerangka web yang saya gunakan memiliki 3 kolom dan 4 baris, yang setiap kolom dan

Di pecah menjadi beberapa bagian sesuai dengan kebutuhan design

Page 3: Final Project report

Menghasilkan Output header seperti gambar di bawah ini :

Page 4: Final Project report

Menghasilkan Output body seperti gambar di bawah ini :

Page 5: Final Project report

Menghasilkkan output footer serperti gambar di bawah ini :

Page 6: Final Project report

B. Penjelasan Kode Blok Utama

1. Blok header

Css Header sebagai berikut :

Page 7: Final Project report
Page 8: Final Project report

Pembuatan Blok header

Page 9: Final Project report

2 Blok Body

Page 10: Final Project report

Kode css pada Blok Body

Page 11: Final Project report
Page 12: Final Project report

Pembuatan Blok Body

Merupakan Kode pada bagian kiri body

Pada halaman selanjutnya mengulas tentang pembuatan Slider layout body bagian

Page 13: Final Project report
Page 14: Final Project report

Pembuatan bagian utama Body

Page 15: Final Project report

Pembuatan body Pada Bagian Kanan

Page 16: Final Project report

Kode blok Utama Pembuatan Footer

Kode css pada Footer:

Page 17: Final Project report

Pembuatan Kode footer

Page 18: Final Project report

C. Fitur Cpanel yang di gunakan

untuk mempublish Website

Fitur Cpanel yang digunakan untuk mempublish website yaitu file manager yang

Memanage file-file yang berada di dalam hosting, serta mendownload dan mengupload

Ke dalam sistem root web kita.

Page 19: Final Project report

D. Cara Upload web ke server

hosting

Login ke Cpanel

Page 20: Final Project report

Masuk Ke File Manager

Page 21: Final Project report

Kemudaian Klik go untuk melanjutkan

Maka akan Muncul Tampilan Manager seperti di

Bawah ini :

Page 22: Final Project report

Kemudaian Klik Upload lalu Browser

Page 23: Final Project report

Setelah itu akan muncul tampilan loading upload

dan apabila berhasil di upload file tersebut sudah

berada pada bagianPublic HTML

Page 24: Final Project report

E. Test Akses Browser

Browser Google Chrome

Page 25: Final Project report

Browser Mozilla

Page 26: Final Project report

Browser Opera