Laras Intansari

1. Tujuan Belajar menggunakan external font dari Google Fonts 2. Alat Js Fiddle 3. Bahan 4. Dasar Teori Google Font adalah salah satu layanan yang disediakan Google untuk memudahkan web developer dalam menghasilkan desain yang menarik dengan meyediakan font-font gratis. Fitur ini dapat anda akses pada alamat: https://www.google.com/fonts . Google menyediakan 3 cara untuk ‘menghubungkan’ Google font dengan halaman HTML kita, yakni dengan menggunakan tag <link>, perintah CSS @import, dan dengan JavaScript. Ketiga cara ini relatif tidak terlalu berbeda dari cara penggunaanya. Tnggal copy paste kode tersebut ke halaman HTML. 5. Hasil Percobaan

1. Tujuan Belajar membuat Ads Banner berbasis HTML5. 2. Alat Adobe Photoshop CS6 jsfiddle.net 3. Bahan 4. Dasar Teori Linear Gradient Tipe gradasi warna ini terdiri dari dua atau lebih susunan warna dan disusun secara lurus (Linear). Syntax dasarnya seperti berikut : background-image:linear-gradient(titik-awal/derajat, warna1, warna2, warna-n); 5. Hasil Praktikum REFERENSI http://www.colorzilla.com/gradient-editor/

1. Tujuan Belajar membuat Ads Banner berbasis HTML5. 2. Alat jsfiddle 3. Bahan 4. Dasar Teori Banner ads adalah bentuk iklan yang dipakai di jaringan Internet. Bentuk iklan ini biasanya merupakan bagian dari suatu halaman web yang dipakai untuk menarik perhatian penjelajah supaya mengunjungi situs web yang dimaksud. Spanduk ini biasanya dibuat menggunakan format gambar (JPG, GIF, PNG), skrip Java, dan objek multimedia lainnya. Spanduk modern bahkan sudah disertai suara dan animasi sehingga terlihat lebih menarik. Ada berbagai ukuran yang dipakai, mulai dari yang sangat kecil, melebar, memanjang, hingga yang melintang. Flash based banner adalah iklan yang terdapat pada halaman website yang dibuat dengan software flash sedangkan HTML5 banner merupakan iklan yang dibuat menggunakan HTML5. 5. Hasil Praktikum

1. Tujuan Mengenal dan membuat CSS Spritesheet dari kumpulan gambar. 2. Alat Adobe Photoshop CS6 3. Bahan 4. Dasar Teori CSS Sprite Teknik css sprite adalah teknik untuk menggabungkan beberapa images menjadi satu supaya dalam pemanggilan images hanya satu yang dipanggil meski yang digunakan adalah images yang berbeda sekaligus mengurangi permintaan http://. Untuk membuat CSS Sprite, yang harus diperhatikan adalah posisi gambar (background-position), ukuran gambar (width - height), dan pengulangan gambar (background-repeat). Posisi dan ukuran gambar nantinya akan menentukan peletakan gambar, sedangkan pengulangan gambar akan berpengaruh terhadap tampilan gambar yang dihasilkan. Untuk itu gunakan CSS Sprite ini pada gambar - gambar yang tidak diulang (no-repeat) Kelebihan CSS Sprite Menggunakan css sprite bisa mempercepat dalam loading gambar karena dengan meletakkan beberapa gambar dalam 1 file gambar, dapat menghemat proses request gambar ke server. Keuntungan yang