Tutorial Penggunaan framework dan halaman web
Tutorial Penggunaan framework dan halaman web
2. Lalu ekstrak file boostrap yang kita download
tadi
3. Lalu
copy isi folder yang baru di ekstrak
4. Buka localdisk C: > buka folder xampp >
buka folder htdocs > buatlah folder baru
( misal Tugas 1 ckbatam )
5. Buka
folder ( tugas 1 ckbatam ) Buat folder baru misal nama ( asset ) dan Paste file
yang tadi di copy kedalam folder yang barusan di buat.
6. Setelah selesai memindahkan file yang didapat
dari ekstrak boostrap, sekarang kamu tinggal membuat script / coding . disini
saya coba mencontohkan menggunakan sublime text 3
7. Masukan coding berikut :
8. Disini saya memasukan nama dari web tsb contoh (
PRAKTIKUM WEB ) .
Masukan coding berikut :
9. Masukan coding berikut untuk bagian dari
web. Tulisan yang dapat di link ke
halaman selanjutnya atau alamat lain , contoh sebagai berikut :
10. Saya akan menyisipkan gambar pada web saya .
cara menyisipkan gambar adalah:
1.siapkan gambar yang akan anda
inginkan, disini saya sudah memiliki 3
gambar yang akan saya tampilkan pada web.
2. simpan gambar pada folder
xampp>htdocs>>tugas 1 ckbatam > buat folder baru misal ( img )
3. simpan gambar tsb dalam folder ( img )
tersebut
11. Masukan script berikut untuk memanggil gambar
dan keterangan gambar / rangkuman mengenai gambar . agar dapat di tampilkan
pada web Seperti berikut :
12. Disini saya memasukan 3 gambar dan juga
keterangan / rangkuman mengenai gambar.
Lakukan sript yang sama seperti di atas. Seperti berikut :
13.Langkah akhir untuk bagian bawah / footer web
masukan sript berikut :
14. Save script tsb di folder ( tugas 1 ckbatam )
tadi , misal nama index.php :
15. Langkah selanjutnya mari kita coba di HTML
dengan cara :
1.
Buka browser anda
2.
Ketik pada bar di atas misal (localhost/tugas 1
ckbatam )lalu tekan enter .
sekian dan terima kasih
Dosen pengampuh : Bapak M.ROPIANTO S.Kom, M.Kom
Asdos : JHON DHAINI
Komentar
Posting Komentar