Tugas Pemrograman Web CSS

     Pada post ini, saya akan menunujukkan pembuatan halaman e-commerece menggunakan HTML5 dan CSS. Halaman e-commerce saya adalah toko buku dan majalah online. Berikut ini hasil website nya bisa dilihat disni:

https://mnaufaldillah.github.io/


    Dan berikut ini source code HTML dan CSS:

1. index.html



2. custom.css


    Berikut ini tampilan website:

Tampilan Website


    Sekian dari post ini, mohon maaf kalau ada kesalahan kata dan pembuatan.

Komentar

Posting Komentar

Postingan populer dari blog ini

Tugas Simulasi Lampu Lalu Lintas dengan Java

Gambar
       Pada post ini, saya akan menunjukkan proses membuat simulasi lampu lalu lintas (merah, kuning, dan hijau) dengan timer internal. Dimana hanya ada satu lampu yang menyala. Setiap 30 detik, warna lampu akan berubah. Aplikasi juga menggunakan GUI (Graphical User Interface) yang disediakan oleh java. Yaitu java.swing. Fungsinya adalah bisa menampilkan panel dan bukan sekadar output text. Class Diagram      Class Diagram menampilkan hubungan antar Class pada program. Class Diagram Object Diagram     Object Diagram menampilkan hubungan antar objek pada program. Object Diagram Source Code         Berikut ini implemenatasi source code pada program Simulasi Lampu Lalu Lintas. 1. SignalPane Java 2. DigitPane Java 3. TrafficLightPane Java 4. AppFrame Java Output     Berikut ini hasil output dari program dalam bentuk video. Sekian dari post ini. Mohon maaf kalau masih ada kekurangan.
Baca selengkapnya

Tugas Bootstrap

Gambar
      Pada post ini, saya akan menujukkan halaman berita, contact form, dan login form menggunakan HTML5, CSS, dan Boostrap. Halaman berita berupa gamber berita, halaman contact form berupa formulir kontak, halaman login form berupa formulir login. Berikut hasil website nya bisa dilihat disini: https://mnaufaldillah.github.io/login-form/news.html     Dan berikut ini source code HTML dan CSS: 1. news.html 2. login.html 3. contact.html 4. custom_login.css 5. custom_news.css Berikut ini tampilan websitenya: Tampilan news Tampilan contact form Tampilan login form Sekian dari post ini, mohon maaf kalau ada kesalahan kata dan pembuatan.
Baca selengkapnya

Curriculum Vitae - Muhammad Naufaldillah (PWEB A)

Gambar
      Pada post ini. Saya akan menunjukkan membuat Curriculum Vitae untuk pembelajaran. Saya menggunakan tabel untuk menampilkan CV dan pendidikan saya.     Berikut ini adalah source code yang dipakai: Halaman Tentang Saya Halaman Pendidikan Berikut Screenshot tampilan website: Tampilan Tentang Saya Tampilan Pendidikan     Sekian dari post ini, mohon maaf kalau ada kesalahan kata dan pembuatan.
Baca selengkapnya