Membuat contoh tampilan awal Portal(Front End)
Kamis, 20 November 2018
1.Pendahuluan
A.Pokok Bahasan
Membuat contoh tampilan awal Portal
B.Latar Belakang
Karena banyak orang kesulitan mengelompokkan suatu barang, produk, jasa, maupun dokumen terhadap nantinya saat melakukan pencarian.
Karena banyak orang kesulitan mengelompokkan suatu barang, produk, jasa, maupun dokumen terhadap nantinya saat melakukan pencarian.
C.Tujuan
Memberikan suatu kemudahan kepada pengguna layanan dalam mencari suatu barang sat berselancar ddunia internet.
Memberikan suatu kemudahan kepada pengguna layanan dalam mencari suatu barang sat berselancar ddunia internet.
2.Isi
D.Pembahasan
Ok, sobat IT kali ini kita akan membahas dan membuat sebuah contoh tampilaan awal berbentuk portal atau istilah lainnya dunamakan Front End. Nah, seperti apa yang saya ungkapkan kemarin saya membuat tampila ini masih menggunakan bahasa HTML dan CSS, untuk PHP-nya nanti akan saya masukkan setelah pembuatan struktur tampilan semuanya selesai.
Untuk hasil akhirnya bisa kalian lihat sendiri seperti gambar dibawah ini, jikalau kalian ingin menambahkan blok kotak tersebut bisa kalian copy-kan script html dari baris 10 sampai 23 kemudian taruh dibawahnya , yakni baris 24. Tambahan lagi jika pointer alian arahkan kegambar maka akan muncul slide transparan ke bawah, hal ini dikarenakan satya menggunakan style :hover dan juga opacity .
Hasil akhir pengcopyan (5)
Ok, sobat IT kali ini kita akan membahas dan membuat sebuah contoh tampilaan awal berbentuk portal atau istilah lainnya dunamakan Front End. Nah, seperti apa yang saya ungkapkan kemarin saya membuat tampila ini masih menggunakan bahasa HTML dan CSS, untuk PHP-nya nanti akan saya masukkan setelah pembuatan struktur tampilan semuanya selesai.
Untuk hasil akhirnya bisa kalian lihat sendiri seperti gambar dibawah ini, jikalau kalian ingin menambahkan blok kotak tersebut bisa kalian copy-kan script html dari baris 10 sampai 23 kemudian taruh dibawahnya , yakni baris 24. Tambahan lagi jika pointer alian arahkan kegambar maka akan muncul slide transparan ke bawah, hal ini dikarenakan satya menggunakan style :hover dan juga opacity .
Hasil akhir pengcopyan (5)
E.Referensi
-W3Schools.
-W3Schools.
-Teman-teman.
-Video tutorial PHP(Sandhika Galih tentang array).
F.Waktu pelaksanaan
08.30 WIB- 14.00 WIB.
-Video tutorial PHP(Sandhika Galih tentang array).
F.Waktu pelaksanaan
08.30 WIB- 14.00 WIB.
3.Penutup
G.Kesimpulan
Dari uraian diatas kitaa dapat mengetahui baian struk
tur, dan cara membuat tampilan awal sebuah portal sebelum dicampuri dengan PHP.
Dari uraian diatas kitaa dapat mengetahui baian struk
tur, dan cara membuat tampilan awal sebuah portal sebelum dicampuri dengan PHP.
H.Alat yang
dibutuhkan
-Text editor
-Alat tulis (Membuat rancangan gambar sebelum dibuat/sketsa)
-Alat tulis (Membuat rancangan gambar sebelum dibuat/sketsa)
0 Komentar