Page 1 of 8 Tutorial Font Awesome UTS Stmik El Rahma

Page 1 of 8

Tutorial Font Awesome

UTS Stmik El Rahma

Nama : Faqum Alf a Dwiyanto NIM

: 12141368

Prodi : TI / I

Buat tutorial cara penggunaan suatu framework CSS yang diimplementasikan pada layout semantik html. Tulislah dengan gaya bahasa Anda. 1. Penjabaran deskripsi framework 2. Cara menggunakan 3. Contoh screenshot hasil dari penggunaan CSS Framework tersebut Jawab: 1). Pengertian Framwork. Framwork css adalah suatu konsep yang sudah dirancang serta terorganisasi dalam satu paket , yang digunakan untuk membantu mempermudah para desainer / web developer dalam merancang atau membangun sebuah layout web yang baik dan tertata rapi. Font Awesome adalah kumpulan vektor icon yang telah dibuat sedemikian rupa, dan menggunakan system “Font Icon” yang memungkinkan kita untuk merubah warna dan ukuran font dengan menggunakan CSS tanpa takut Icon menjadi Pecah-pecah dan tantunya lebih ringan daripada Image Icon. 2). Cara menggunakan Font Awesome Berikut adalah langkah langkah untuk mencoba mengimplementasikan Font Awesome Pertama buka Text editor anda. Untuk memudah kan kita dalam mencari folder maka letakan css , scrip HTML dan Font awesome dalam satu folder. Buat folder dengan nama “coba”. Buat folder “icon” didalam folder “coba”. || Faqum Alfa Dwiyanto ||

|| 12141368 ||

||Stmik El Rahma Yogyakarta||

Page 2 of 8

Tutorial Font Awesome

UTS Stmik El Rahma

Seperti ini.

Extrak Font Awesome yang sudah di download dalam folder icon. Seperti dibawah ini.

Tulis Code atau scrip HTML seperti berikut pada text editor anda, Fungsi dari barisan code sudah ada di dalamnya. || Faqum Alfa Dwiyanto ||

|| 12141368 ||

||Stmik El Rahma Yogyakarta||

Page 3 of 8

Tutorial Font Awesome

UTS Stmik El Rahma