SlideShare a Scribd company logo
Nama : Subastian Wibowo
NIM : 11.11.4936
Kelas :11-S1TI-05
Final Project Report
A.Kerangka Awal Desaign
Kerangka web yang saya gunakan memiliki 3 kolom dan 4 baris, yang setiap kolom
Di pecah menjadi beberapa bagian sesuai dengan kebutuhan design
Menghasilkan Output header seperti gambar di bawah ini :
Menghasilkan Output body seperti gambar di bawah ini :
Menghasilkkan output footer serperti gambar di bawah ini :
B. Penjelasan Kode Blok Utama
 1. Blok header
Css Header sebagai berikut :
Pembuatan Blok header
 2 Blok Body
Kode css pada Blok Body
Pembuatan Blok Body
Merupakan Kode pada bagian kiri body
Pada halaman selanjutnya mengulas tentang pembuatan Slider layout body bagi
Pembuatan bagian utama Body
Pembuatan body Pada Bagian Kanan
Kode blok Utama Pembuatan Footer
Kode css pada Footer:
Pembuatan Kode footer
C. Fitur Cpanel yang di gunakan
untuk mempublish Website
Fitur Cpanel yang digunakan untuk mempublish website yaitu file manager yan
Memanage file-file yang berada di dalam hosting, serta mendownload dan men
Ke dalam sistem root web kita.
D. Cara Upload web ke server
hosting
 Login ke Cpanel
 Masuk Ke File Manager
 Kemudaian Klik go untuk melanjutkan
Maka akan Muncul Tampilan Manager seperti di
Bawah ini :
 Kemudaian Klik Upload lalu Browser
 Setelah itu akan muncul tampilan loading upload
dan apabila berhasil di upload file tersebut sudah
berada pada bagianPublic HTML
E. Test Akses Browser
 Browser Google Chrome
 Browser Mozilla
 Browser Opera

More Related Content

What's hot

Cara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau BlogCara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau Blog
joedhy kristianto
 
Modul portal pss
Modul portal pssModul portal pss
Modul portal pss
Lee Chee Kean
 
Materi blog
Materi blogMateri blog
Materi blog
ospekakper
 
Tugas Akhir Streaming Server
Tugas Akhir Streaming ServerTugas Akhir Streaming Server
Tugas Akhir Streaming Server
rizki maulana
 
Final project report
Final project reportFinal project report
Final project report
Titis Nur Pratomo
 
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
Winne Zaneta
 
Project presentasi [X TKJ B]
Project presentasi [X TKJ B]Project presentasi [X TKJ B]
Project presentasi [X TKJ B]
rendi98
 

What's hot (10)

Laporan css
Laporan cssLaporan css
Laporan css
 
Cara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau BlogCara menampilkan profil facebook di website atau Blog
Cara menampilkan profil facebook di website atau Blog
 
Modul portal pss
Modul portal pssModul portal pss
Modul portal pss
 
Materi blog
Materi blogMateri blog
Materi blog
 
Materi blog
Materi blogMateri blog
Materi blog
 
Tugas Akhir Streaming Server
Tugas Akhir Streaming ServerTugas Akhir Streaming Server
Tugas Akhir Streaming Server
 
Final project report
Final project reportFinal project report
Final project report
 
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
15. SIM, Winne Zaneta Wirastika, Hapzi ali, Opsi membuat Blog atau database d...
 
Laporan css
Laporan cssLaporan css
Laporan css
 
Project presentasi [X TKJ B]
Project presentasi [X TKJ B]Project presentasi [X TKJ B]
Project presentasi [X TKJ B]
 

Similar to Final Project report

Final Projec
Final ProjecFinal Projec
Final Projec
Saryf Interisti
 
Final project report
Final project reportFinal project report
Final project report
Titis Nur Pratomo
 
Final project report
Final project reportFinal project report
Final project report
Titis Nur Pratomo
 
Basic Tutorial to Use dreamweaver cs3 | SEO Guide
Basic Tutorial to Use dreamweaver cs3 | SEO GuideBasic Tutorial to Use dreamweaver cs3 | SEO Guide
Basic Tutorial to Use dreamweaver cs3 | SEO Guide
Firdaus Aulia
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai Wordpress
Achmad Solichin
 
9 BAB III Perancangan dan Pembuatan Sistem
9 BAB III Perancangan dan Pembuatan Sistem9 BAB III Perancangan dan Pembuatan Sistem
9 BAB III Perancangan dan Pembuatan SistemMiftah Saiful 'Arifin
 
How to create new project tms 6713 dsp on ccs v5
How to create new project tms 6713 dsp on ccs v5How to create new project tms 6713 dsp on ccs v5
How to create new project tms 6713 dsp on ccs v5
Yahya Rais
 
Modul pemograman web II pertemuan 9
Modul pemograman web II  pertemuan 9Modul pemograman web II  pertemuan 9
Modul pemograman web II pertemuan 9
Alwin Fau
 
Report
ReportReport
Report
ReportReport
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
muhamadilham23
 
MODUL_DREAMWEAVER_TIK_XII
MODUL_DREAMWEAVER_TIK_XIIMODUL_DREAMWEAVER_TIK_XII
MODUL_DREAMWEAVER_TIK_XII
Kartiwa G.S., S.Kom
 
Tutorial membuat template artisteer
Tutorial membuat template artisteerTutorial membuat template artisteer
Tutorial membuat template artisteer
Guru Online
 
Tutorial membuat template_artisteer
Tutorial membuat template_artisteerTutorial membuat template_artisteer
Tutorial membuat template_artisteer
Rachmat Nur Ardissa
 
Belajar php
Belajar phpBelajar php
Belajar php
Albertz Ace-Red
 
Tutorial editor wysiwyg
Tutorial editor wysiwygTutorial editor wysiwyg
Tutorial editor wysiwyg
Azmi Sulaiman
 
Mengenal dreameaver
Mengenal dreameaverMengenal dreameaver
Mengenal dreameaver
Sejahtera Affif
 
Sifa
SifaSifa

Similar to Final Project report (20)

Final Projec
Final ProjecFinal Projec
Final Projec
 
Final project report
Final project reportFinal project report
Final project report
 
Final project report
Final project reportFinal project report
Final project report
 
Basic Tutorial to Use dreamweaver cs3 | SEO Guide
Basic Tutorial to Use dreamweaver cs3 | SEO GuideBasic Tutorial to Use dreamweaver cs3 | SEO Guide
Basic Tutorial to Use dreamweaver cs3 | SEO Guide
 
Pertemuan 2 Memulai Wordpress
Pertemuan 2  Memulai WordpressPertemuan 2  Memulai Wordpress
Pertemuan 2 Memulai Wordpress
 
9 BAB III Perancangan dan Pembuatan Sistem
9 BAB III Perancangan dan Pembuatan Sistem9 BAB III Perancangan dan Pembuatan Sistem
9 BAB III Perancangan dan Pembuatan Sistem
 
How to create new project tms 6713 dsp on ccs v5
How to create new project tms 6713 dsp on ccs v5How to create new project tms 6713 dsp on ccs v5
How to create new project tms 6713 dsp on ccs v5
 
Modul pemograman web II pertemuan 9
Modul pemograman web II  pertemuan 9Modul pemograman web II  pertemuan 9
Modul pemograman web II pertemuan 9
 
Report
ReportReport
Report
 
Report
ReportReport
Report
 
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
 
Tutorial ilham
Tutorial ilhamTutorial ilham
Tutorial ilham
 
MODUL_DREAMWEAVER_TIK_XII
MODUL_DREAMWEAVER_TIK_XIIMODUL_DREAMWEAVER_TIK_XII
MODUL_DREAMWEAVER_TIK_XII
 
Tutorial membuat template artisteer
Tutorial membuat template artisteerTutorial membuat template artisteer
Tutorial membuat template artisteer
 
Tutorial membuat template_artisteer
Tutorial membuat template_artisteerTutorial membuat template_artisteer
Tutorial membuat template_artisteer
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Belajar php
Belajar phpBelajar php
Belajar php
 
Tutorial editor wysiwyg
Tutorial editor wysiwygTutorial editor wysiwyg
Tutorial editor wysiwyg
 
Mengenal dreameaver
Mengenal dreameaverMengenal dreameaver
Mengenal dreameaver
 
Sifa
SifaSifa
Sifa
 

Recently uploaded

SOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdeka
SOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdekaSOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdeka
SOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdeka
NiaTazmia2
 
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdfLaporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
OcitaDianAntari
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
akram124738
 
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKANSAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
NURULNAHARIAHBINTIAH
 
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptxGERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
fildiausmayusuf1
 
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdfKisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
indraayurestuw
 
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdfJuknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
HendraSagita2
 
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdekaKKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
irvansupriadi44
 
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDFJUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
budimoko2
 
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul AjarPowerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
MashudiMashudi12
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
DinaSetiawan2
 
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
nimah111
 
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARUAKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
junaedikuluri1
 
Pemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptxPemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptx
maulatamah
 
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
PreddySilitonga
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
MildayantiMildayanti
 
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdfKelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
JALANJALANKENYANG
 
Modul Ajar Statistika Data Fase F kelas
Modul Ajar Statistika Data Fase F  kelasModul Ajar Statistika Data Fase F  kelas
Modul Ajar Statistika Data Fase F kelas
ananda238570
 
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPALANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
Annisa Syahfitri
 
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
DrEngMahmudKoriEffen
 

Recently uploaded (20)

SOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdeka
SOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdekaSOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdeka
SOAL ASAS SENI MUSIK kelas 2 semester 2 kurikulum merdeka
 
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdfLaporan Pembina OSIS UNTUK PMMOK.pdf.pdf
Laporan Pembina OSIS UNTUK PMMOK.pdf.pdf
 
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptxObservasi-Kelas-oleh-Kepala-Sekolah.pptx
Observasi-Kelas-oleh-Kepala-Sekolah.pptx
 
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKANSAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
SAINS TINGKATAN 4 BAB 11 DAYA DAN GERAKAN
 
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptxGERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
GERAKAN KERJASAMA DAN BEBERAPA INSTRUMEN NASIONAL PENCEGAHAN KORUPSI.pptx
 
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdfKisi-kisi PAT IPS Kelas 8 semester 2.pdf
Kisi-kisi PAT IPS Kelas 8 semester 2.pdf
 
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdfJuknis Materi KSM Kabkota - Pendaftaran[1].pdf
Juknis Materi KSM Kabkota - Pendaftaran[1].pdf
 
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdekaKKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
KKTP Kurikulum Merdeka sebagai Panduan dalam kurikulum merdeka
 
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDFJUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
JUKNIS SOSIALIASI PPDB JATENG 2024/2025.PDF
 
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul AjarPowerpoint Materi Menyusun dan Merencanakan Modul Ajar
Powerpoint Materi Menyusun dan Merencanakan Modul Ajar
 
Aksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos ValidasiAksi Nyata Merdeka Belajar Lolos Validasi
Aksi Nyata Merdeka Belajar Lolos Validasi
 
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
705368319-Ppt-Aksi-Nyata-Membuat-Rancangan-Pembelajaran-Dengan-Metode-Fonik.pptx
 
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARUAKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
AKSI NYATA TRANSISI PAUD-SD : PENGUATAN DI TAHUN AJARAN BARU
 
Pemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptxPemaparan budaya positif di sekolah.pptx
Pemaparan budaya positif di sekolah.pptx
 
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
ATP Kimia Fase E Kelas X bisa deigunakan ditahun ajaran 2024/2025
 
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdfPanduan Penggunaan Rekomendasi Buku Sastra.pdf
Panduan Penggunaan Rekomendasi Buku Sastra.pdf
 
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdfKelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
Kelompok 2 Tugas Modul 2.1 Ruang Kolaborasi.pdf
 
Modul Ajar Statistika Data Fase F kelas
Modul Ajar Statistika Data Fase F  kelasModul Ajar Statistika Data Fase F  kelas
Modul Ajar Statistika Data Fase F kelas
 
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPALANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
ANALISIS PENCEMARAN UDARA AKIBAT PABRIK ASPAL
 
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024Kebijakan PPDB Siswa SMA dan SMK DIY 2024
Kebijakan PPDB Siswa SMA dan SMK DIY 2024
 

Final Project report