Nama Kelompok :
Reza Ridho Anshari 16118063
Fahmi Esariano 12118389
Raka Dimaswara 15118862
Christian Joseph 11118542
Pada html kami menggunakan framework boostrap untuk
mempermudah developer agar pada saat coding dapat berjalan dengan lancar. Selain
bootsrap kami juga meggunkan java script jquery untuk kelangsungan pada
website. Pada jquery pun terdapat CSS untuk mengstyle dari html agar
memperbagus pada bagian website
Home page
Navbar menu
Jadi pada menu navbar ialah digunakan untuk mengetahui apa
saja yang berada webnya seperti album, pages, dan event. Pada navbar ini
memberikan suatu kemudahan dimana user atau pengguna dengan mudah melihat isi –
isi pada webnya. Pada navbar pun terdapat pilihan pages menggunakan dropdown
yang dimana dropdown sebagai pilihan pada menu seperti gambar diatas yang
bernama even dropdown
Header Menu
Selanjutnya ialah Header menu yang berisikan isi pada
halaman home. Yang pertama terdapat gambar dan button. Pada gambar ini bisa
bergerak karna pada CSS atau cascading style sheet terdapat sebuah script yaitu
hover. Hover ialah sebuah script pada css untuk dapat berbeda ataupun bergerak
saat dilihat atau saat kursor berada hovernya. Pada header pun terdapat
beberapa gambar dan audio yang dimana scriptnya
<img src="img/bg-img/a14.jpg" alt="">
Pada script gambar diatas ialah cara untuk memasukkan gambar
pada webnya
<source src="audio/Jason Ranti - Lagunya begini nadanya begitu.mp3">
Pada gambar diatas ialah untuk memasukkan sebuah audio pada
web
Pada header page terdapat get in touch yang dimana sebagai
pesan atau sebuah kritikan untuk pada website. Pada bagian ini terdapat sebuah
form sebagai pesan yang dimana terdapat name, email, subject yang menggunakan
placeholder sebagai nama formnya
Footer page
Pada bagian ini ialah footer yang dimana sebagai penutup web
yang dimanan terdapat logo web dan menu home album dan event
Login page
Pada bagian ini ialah halaman login yang dimana untuk
mendaftar pada akun pada web. Untuk penjelasan scriptnya pun sama hanya berbeda
pada tampilannya saja. Pada bagian ini pun juga sama menggunankan placeholder
sebagai form untuk mendaftar akun.
Comments
Post a Comment