Skip to main content

Tugas 4: Membuat Website Katalog Produk dengan CSS

Tugas 4: Membuat Website Katalog Produk dengan CSS

Nama: Aulia Eka Putri Aryani
NRP: 05111940000044
Kelas: PWEB-B


Pembahasan

Pada pertemuan PWEB terakhir kali, saya diminta untuk membuat website yang berisi katalog produk dengan menggunakan CSS yang telah dipelajari. Sama seperti tugas-tugas sebelumnya, saya memanfaatkan Github Pages untuk meng-host halaman web ini, dimana default domain yang digunakan adalah github.io. 

Berikut adalah tampilan dari website yang telah saya buat. Untuk lebih lengkapnya dapat dilihat pada link berikut.

Tampilan Website

Konten website yang saya buat adalah beranda dari website. Saya membagi beranda menjadi 3 div utama, yaitu div yang berperan sebagai header, main, dan footer. Pada div header saya meletakkan logo, kolom pencarian, akun, wishlistbag, serta navigasi yang yang terdiri dari beranda, layanan pelanggan (dapat di-expand), produk (dapat di-expand), tentang kami, dan hubungi kami. Kemudian, pada div main, saya meletakkan banner promo, kategori produk, produk promo, produk terbaru, dan produk terlaris. Sedangkan, pada div footer, saya meletakkan akun sosial media beserta copyright website.

Dalam pengerjaan ini, saya menggunakan external style sheet, sehingga file css diletakkan terpisah dengan file html. Berikut adalah source code website yang telah saya buat. Untuk lebih jelasnya dapat diakses pada link berikut.

Comments

Popular posts from this blog

Tugas 8: Implementasi PHP dan MySQL (CRUD)

 Tugas 8: Implementasi PHP dan MySQL (CRUD) Nama: Aulia Eka Putri Aryani NRP: 05111940000044 KELAS: PWEB-B Pembahasan Pada tugas kali ini, saya diminta untuk membuat website pendaftara n siswa yang mengimplementasikan proses CRUD (Create, Read, Update, dan Delete) dengan memanfaatkan PHP dan MySQL yang telah dipelajari sebelumnya. Dalam pengerjaan website ini, saya menggunakan HTML, CSS dan Bootstrap, serta PHP dan MySQL melalui phpmyadmin. Berbeda dengan pengerjaan-pengerjaan sebelumnya, hosting yang digunakan untuk pembuatan website ini adalah 000webhost. Alasan perpindahan dari Github Pages ke 000webhost ialah karena  Github Pages sudah tidak memadai sebagai tempat hosting dynamic website yang memerlukan post, get, dan database yang dapat terhubung ke website. Adapun tampilan dari website pendaftaran siswa yang saya buat dapat dilihat pada link berikut atau gambar di bawah ini. Tampilan ...

Evaluasi Akhir Semester

Evaluasi Akhir Semester Nama : Aulia Eka Putri Aryani NRP : 05111940000044 Kelas : PWEB-B Pembahasan Fitur-fitur yang akan saya bangun untuk aplikasi website sekolah saya disesuaikan dengan 4 role yang ada, yakni sebagai berikut. Admin Login Dashboard Menampilkan jumlah siswa aktif Menampilkan jumlah guru aktif Menampilkan jumlah pemasukan (dalam 1 bulan) Menampilkan jumlah pengeluaran (dalam 1 bulan) Manajemen Siswa Menambah data siswa Menampilkan data siswa Mengubah data siswa Menghapus data siswa Mencari data siswa Mengunduh data siswa Manajemen Guru Menambah data guru Menampilkan data guru Mengubah data guru Menghapus data guru Mencari data guru Mengunduh data guru Manajemen Orang Tua Me...