Praktikum 8 Membuat Ads Banner

Prak 08 – Membuat Ads Banner

1. Tujuan

Belajar membuat Ads Banner berbasis HTML 5

2.Alat & Bahan

Text Editor
Browser
spritesheet.png
spritesheet.css

3. Dasar Teori

1. Pengertian Banner Ads

adalah Iklan yang ditampilkan dalam bentuk banner kepada target audience di situs yang sudah ditentukan untuk meningkatkan awareness dan menstimulasi tindakan yang berakhir ke penjualan.

2. Perbedaan Flash Based Banner dengan HTML 5 Banner

Flash banner ads adalah iklan yang berupa animasi tulisan bergerak. Html5 banner adalah membuat iklan website dengan basis html5 atau web berbasis html5

4. Tugas Praktikum

A. Mencari royalti free assets atau CC (Creative Commons)

carilah kumpulan gambar yang bersifat royalti free dengan kategori berikut:
1. pin point marker
2. shadow
3. surf board
4. gambar pantai dengan langit dihapus
5. gambar langit dengan awan
6. gambar berisi tulisan

B. Gabung 6 gambar tersebut dalam 1 gambar dengan format PNG with transparency

C. Buat file CSS yang berisi definisi spritesheet dari gambar tersebut

D. Buat file HTML untuk mengecek CSS Spritesheet yang dibuat

5. Hasil Praktikum





REFERENSI

http://www.mohhasbias.com/prak-08-membuat-ads-banner/