Praktikum 10 Membuat Ads Banner (part 2)

Prak 10 – Membuat Ads Banner (part 2)

1. Tujuan

Belajar membuat Ads Banner berbasis HTML 5

2.Alat & Bahan

Text Editor
Browser
spritesheet.png
spritesheet.css

3. Dasar Teori

1. Pengertian CSS Linear Gradient

adalah sebuah CSS untuk membuat warna gradiasi yang terdiri dari dua atau lebih susunan warna dan disusun secara lurus (Linear). Dalam penulisan nya di CSS sebagai berikut :
background: linear-gradient (titik awal / derajar, warna 1, warna 2, warna-n);.

2. Teknik horizontal centering di CSS 

Yaitu dengan mengatur margin: 0; position: absolute; left: 0; right: 0;
dengan memberi angka margin = 0 maka otomatis akan berada di center / tengah
dengan posisi absolute maka posisi menjadi tetap dan left right = 0 agar bagian kiri dan kanan tetap 0 alias tidak bergeser ke kanan dan ke kiri tetap di tengah.

4. Tugas Praktikum

Menirukan petunjuk praktikum yang di berikan.

5. Hasil Praktikum

1. Mengaplikasikan CSS Linear Gradient



2. Menambahkan Sprite berikut nya



3. Me-resize sprite menggunakan CSS

REFERENSI

http://www.mohhasbias.com/prak-10-membuat-ads-banner-part-2/
http://www.ariona.net/bermain-main-dengan-css3-gradient/