Header Ads

UH-Praktik-HTML & CSS

 

ULANGAN PRAKTEK

HTML-CSS

 

1. Buatlah Halaman Web dengan HTML dan CSS dengan layout :


2. KOP berisi Tulisan Pembuatan WEB untuk Penilaian Ulangan Harian DMI di beri efek animasi teks berjalan dari kiri ke kanan


3. HEADER berisi :
  •     FOTO Closeup anda diberi efek border solid dan sudut melengkung, posisi di sebelah kiri
  •     Daftar List (Produk, Terlaris, Termurah, Custemer) diberi efek border solid dan sudut melengkung dan Hover
  •     Logo OK diberi efek border, warna background, sudut melengkung


 4. MAIN terdiri dari 4 bagian yaitu :
  • SHOP berisi tulisan DMI ShopHot dan Gambar Big Sale diberi efek warna merah pada teks Hot

  • KATEGORI berisi 7 gambar dan teks diberi efek border dan sudut

  • HOTSALE berisi 8 gambar dan teks diberi efek border dan sudut , tulisan diberi efek Hover
  • INFO beris informasi tentang web yaitu :

Produk Lengkap Banyak Promo

Setiap Saat Semua orang menyukai belanja online demi kenyamanan dan bonus harga murah. Sambil menikmati belanja di DMI Shop Mall, brand-brand terkenal seperti Oppo, Xiaomi, Samsung, Aukey, Abbott, Nivea, Unilever, Wardah, Elzatta Hijab, dan masih banyak lagi. Jangan sampai ketinggalan dengan promo-promo yang berlangsung setiap harinya. Shopee menawarkan berbagai produk dengan harga promosi khusus yang dijual oleh seller terbaik. Selain itu, Shopee juga akan membantu kamu mendapatkan barang untuk orang tersayang dengan melihat fitur “produk populer” sebagai referensi terbaikmu. Kemudian ada Flash Sale dengan promo dan diskon produk update tiap hari. Shopee meningkatkan pengalaman belanja online dengan harga murah sepanjang tahun!

Pusat Produk Gratis Ongkir di Indonesia

Nikmati Gratis Ongkir hanya di DMI Shop! Belanja sesuka hatimu tanpa harus khawatir akan biaya pengiriman! Sebagai penjual, kamu akan mendapatkan subsidi ongkir atas seluruh penjualanmu - Belanja online gratis ongkir dan Jualan di DMI Shop memang asik!


5. FOOTER berisi Logo DMI, Daftar List dan Tulisan copyright



Untuk Sumber File Gmabar bisa di unduh disini



================================oooOOOooo==========================

"Selamat Mengerjakan”

“Prestasi Penting, Tapi Kejujuran Lebih Utama”

================================oooOOOooo==========================

 

Hasil Akhir Tampilan WEB







 


Tidak ada komentar

Gambar tema oleh enot-poloskun. Diberdayakan oleh Blogger.