PWEBTUGAS4_Membuat Website Katalog E-Commerce

-

 


        Pada kali ini saya akan membuat sebuah tampilan website e-commerce berupa katalog penjualan produk yang dibangun dengan HTML dan CSS. Komponen dasar pada halaman adalah navigasi bar, konten halaman dan footer. Pada navigasi bar terdapat logo dan menu halaman. Pada konten halaman berisi daftar produk dengan detail informasinya masing-masing dengan tombol melakukan pembelian. Katalog yang saya buat kali ini adalah katalog penjualan produk busana.

HTML BREAK-DOWN


    Pada HTML seperti yang sudah dijelaskan sebelumnya, saya membagi halaman menjadi 3 bagian; yaitu header, konten dan footer.

CSS BREAK-DOWN

    Pada CSS saya dapat mengubah warna tampilan dari seluruh komponen pada website, positioning setiap komponen dan juga mengubah font-style default.

PREVIEW


First-look


Content


Footer


Demo Page : FashFit.co (tsnzzhr.github.io)

Nama         : Tsania Az Zahra

NRP            : 05111940000032

Kelas           : PWEB-D

Comments

Post a Comment

Popular posts from this blog

PWEBTUGAS01_Membuat CV-Website Menggunakan HTML, CSS dan JS.

-
Image
Apa itu Website?      Website adalah laman-laman web yang terdiri dari konten berupa teks, media, maupun aplikasi yang dikenali atau diakses secara global melalui browser dengan nama domain dan disimpan pada sebuah web server. (referensi : " Website - Wikipedia ") Apa itu Domain dan Server?     Domain adalah alamat suatu website yang aksesibel secara global. Awal mulanya domain website adalah berupa IP-address namun seiring perkembangan teknologi dan dalam rangka menyederhanakan dan mempermudah manusia untuk mengingat maka IP-address tersebut digantikan oleh domain berupa string yang memiliki struktur khusus seperti yang diulas oleh gambar berikut.     Kemudian apa itu server? Server atau dalam konteks ini disebut sebagai web-server; adalah perangkat lunak yang berfungsi untuk menyimpan data-data agar dapat diakses oleh semua pengguna internet. Server mampu menerima http-request dari klien yang kemudian nanti akan dikembalikan kepada klien berupa result data-data yang diminta
Read more

PWEBTUGAS9_IMPLEMENTASI PHP PADA WEBSITE PPDB

-
Image
  Tsania Az Zahra - 05111940000032 - PWEB-D          Bahasa pemrograman PHP baik digunakan  dalam pengembangan sistem informasi berbasis  website. contoh implementasi program PHP  tersebut dapat dilihat pada contoh berikut : Directory-Tree [Base Direktori adalah PPDB] css styles.css : styling landing-page js scripts.js : logic javascript seluruh view index.php : landing-page proses_regis.php : logic registrasi registrasi.php : halaman utama registrasi proses_edit.php : logic edit/update data edit.php : halaman utama edit/update data hapus.php : logic penghapusan data list.php : view list seluruh pendaftar config.php : konfigurasi/integrasi database Database Initiating `CREATE TABLE `pendaftaran_siswa`.`calon_siswa` (     `id` INT NOT NULL AUTO_INCREMENT ,       `nama` VARCHAR(64) NOT NULL ,       `alamat` VARCHAR(255) NOT NULL ,       `jenis_kelamin` VARCHAR(16) NOT NULL ,       `agama` VARCHAR(16) NOT NULL ,       `sekolah_asal` VARCHAR(64) NOT NULL ,         PRIMARY KEY  (`id`) ) ENG
Read more