ASSALAMUALAIKUM WR.WB.

Hallo Gess..kembali lagi bersama saya Mr.Tribekti tentunya dalam pembahasan seputar PHP dan HTML. Tapi sebelumnyanya, bagaimana nih kabar teman teman?? Sehat sehat saja kah?? Alhamdulillah jika kita masih diber kesehatan hingga hari ini oleh Allah swt. di tengah tengah maraknya virus corona yang semakin membuas.

Lanjot ya ges, jadi pada pertemuan sebelumnya, kita kan sudah membuat list sederhana yang praktis ketika kita ingin mengetahui data data kita. Nahh, kali inii, masih berhubungan dengan list, tapi kita perlengkap lagi dengan header dan footer dan nantinya menjadi  Template Layout Website Sederhana.

Penasaran bukan?? Tentunya lebih menarik dan menantang untuk dicoba.

Jadi untuk listnya nanti kita aka nisi dengan home, tabel, array, biodata, dan kontak kita. Tentunya dengan format HTML. Namun pada array, kita tetap menggunakan format PHP yang paksa rubah ke HTML. Berikut ialah program programnya :

Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\home.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest

Diatas ini merupakan program dari Home kita nanti.

Selanjutnya, yaitu program dari tabel, array, biodata, dan kontak :

Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\tabel.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest
Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\array.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest
Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\biodata 1.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest
Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\biodata 2.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest

Untuk biodata, saya pisah menjadi 2 karena layar tidak bias mencakup semua programnya, begitupun juga dengan array, saya hanya mengambil sebagian program dari file array yang kita dulu telah pelajari bersama. Untuk yang terakhir ialah program kontak.

Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\kontak.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest

Setelah semua program telah kita buat, selanjutnya kita akan coba menjalankannya pada internet, jangan lupa untuk men-start kan Xampp kita pada bagian Apache. Maka, akan terlihat hasil sebagai berikut :

Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\hasil.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest

 Dan ketika kita meng-klik biodata, maka akan tampil sebagai berikut :

Description: C:\Users\roviqo\Pictures\VSC\LAYOUT WEBSITE SEDERHANA\hasil biodata.jpg
  • Facebook
  • Twitter
  • Google+
  • Pinterest

Bagaimana?? Menarik bukan?? Selamat mencoba ya teman teman.

OK, Sekian materi yang bias saya bagikan pada kali ini, semoga bermanfaat bagi teman teman dan saya pribadi. Tetap semangat untuk belajar dan terus belajar.

Kurang lebihnya saya mohon maaf,

WASSALAMUALAIKUM WR.WB.