Tata Qurrota

PRAKTIKUM 13: Mengubah Mock Up ke dalam bentuk HTML dengan DIVI pada tanggal  Desember 05, 2018 A. Tujuan      Mengubah desain web (mockup) yang telah dibuat ke dalam html dengan DIVI B. Alat   -   Akun Wordpress   -  Plugin DIVI C. Bahan    Untuk bahan praktikum kali ini dapat dilihat pada laman berikut:     https://webchaaa.blogspot.com/2018/11/praktikum-9-mock-up-web-setelah-uas.html D. Hasil Praktikum    Berikut ini adalah hasil screenshot dari hasil praktikum kali ini: E. Kesimpulan   Pada Praktikum kali ini, kami mengalami kendala, yakni jika memakai localhost sebagai database, web tidak akan dapat dibuka di komputer orang lain. Opsi lain, kami berencana akan memakai wordpress dengan akun Pak Ali sebagai databasenya, namun hal tersebut tidak dapat terealisasi karena berapa kalipun kami mencocokkan password dan username, halaman login wordpress tetap menolak. Akhi...

PRAKTIKUM 12: Mengubah Mock Up kedalam bentuk HTML (3) A. Tujuan      Mengubah desain web (mockup) yang telah dibuat ke dalam html B. Alat   -   Visual Studio Code   -  Bootstrap C. Bahan    Untuk bahan praktikum kali ini dapat dilihat pada laman berikut:     https://webchaaa.blogspot.com/2018/11/praktikum-9-mock-up-web-setelah-uas.html D. Hasil Praktikum    Berikut ini adalah hasil screenshot dari hasil praktikum kali ini: E. Kesimpulan   Pada praktikum kali ini, kami mengubah layout navbar dan keterangan slider pada gambar agar dapat diposisikan sesuai mock up. Untuk code keterangan slider gambar, kami menambahkan style.css agar dapat mengubah posisi teks, dengan tambahan "!important" agar menjadi prioritas awal ketika code dijalankan.

PRAKTIKUM 12: Mengubah Mock Up kedalam bentuk HTML (3) A. Tujuan      Mengubah desain web (mockup) yang telah dibuat ke dalam html B. Alat   -   Visual Studio Code   -  Bootstrap C. Bahan    Untuk bahan praktikum kali ini dapat dilihat pada laman berikut:     https://webchaaa.blogspot.com/2018/11/praktikum-9-mock-up-web-setelah-uas.html D. Hasil Praktikum    Berikut ini adalah hasil screenshot dari hasil praktikum kali ini: E. Kesimpulan   Pada praktikum kali ini, kami mengubah layout navbar dan keterangan slider pada gambar agar dapat diposisikan sesuai mock up. Untuk code keterangan slider gambar, kami menambahkan style.css agar dapat mengubah posisi teks, dengan tambahan "!important" agar menjadi prioritas awal ketika code dijalankan.

PRAKTIKUM 11: Mengubah Mock Up ke dalam bentuk HTML (2) A. Tujuan      Mengubah desain web (mockup) yang telah dibuat ke dalam html B. Alat   -   Visual Studio Code   -  Bootstrap C. Bahan    Untuk bahan praktikum kali ini dapat dilihat pada laman berikut:     https://webchaaa.blogspot.com/2018/11/praktikum-9-mock-up-web-setelah-uas.html D. Hasil Praktikum    Berikut ini adalah hasil screenshot dari hasil praktikum kali ini: E. Kesimpulan   Pada praktikum kali ini, kami mengubah layout navbar dan keterangan slider pada gambar agar dapat diposisikan sesuai mock up. Untuk code keterangan slider gambar, kami menambahkan style.css agar dapat mengubah posisi teks, dengan tambahan "!important" agar menjadi prioritas awal ketika code dijalankan.

PRAKTIKUM MINGGU KE-7: BREAKDOWN ELEMENT BOOTSTRAP A. Tujuan Mahasiswa mampu membreakdown elemen bootstrap B. Dasar Teori Pengertian Bootstrap adalah library (pustaka / kumpulan fungsi-fungsi) dari Framework CSS yang dibuat khusus untuk bagian pengembangan fontend dari suatu website. Didalam library tersebut terdapat berbagai jenis file yang diantaranya HTML, CSS, dan Javascript. Hampir semua developer website menggunakan framework bootstrap agar memudahkan dan mempercepat pembuatan website. Karena semuanya sudah ada dalam frameworknya sehingga para develop / pengembang hanya tinggal membuat / menyisipkan class nya yang ingin dipakai seperti membuat tombol, grid navigasi dan lain sebagainya. Bootstrap telah menyediakan kompulan aturan dan komponen class interface dasar sebagai modal dalam pembuatan web yang telah dirancang sangat baik untuk memberikan tampilan yang sangat menarik, bersih, ringan dan memudahkan bagi penggunanya. Dan penggunaan bootstrap ini kita juga d...