Cascading Style Sheets (CSS) adalah bahasa stylesheet yang digunakan dalam pengembangan web. CSS memiliki banyak fungsi dalam pengembangan web dan salah satu fungsi utama CSS adalah menentukan tampilan halaman web. Dengan menggunakan CSS, pengembang web dapat menentukan format, ukuran, posisi, dan gaya teks serta warna dan gambar latar belakang dan dapat memperoleh kontrol yang lebih baik atas tampilan halaman web yang sedang dikembangkan.
Setelah mengikuti kelas ini diharapkan peserta dapat memahami mengenai fungsi , peran, struktur dasar CSS, CSS selectors, Penempatan kode css, Path, CSS Font dan CSS Background sehingga dapat menjadi pengembang Web yang andal.
Tujuan Umum :
Peserta mampu memahami mengenai dasar dasar CSS meliputi definisi, fungsi, struktur dasar, penempatan kode hingga bagaimana pengaplikasian CSS sehingga dapat menjadi seorang pengembang Web yang andal
Tujuan Khusus:
Memahami fungsi dan penggunaan CSS
Memahami struktur dasar CSS & CSS Selectors
Memahami penempatan kode CSS
Mengoprasikan CSS Font, Text, Background dan Images
Mendesain CV menggunakan CSS Basic
Kelompok Sasaran (Syarat dan Prasyarat) :
Pendidikan minimal setara SMA/SMK
Memiliki ketertarikan dalam bidang IT
Memiliki komputer / Laptop yang memadai
Memiliki minat untuk menjadi seorang Pengembang Web
Durasi Detail :
1. Bab 1.1 Definisi CSS (09:07)
2. Bab 1.2 HTML Atribut (04:24)
3. Bab 1.3 Penggunaan CSS (06:51)
4. Bab 1.4 Demonstrasi Menggunakan CSS dan tanpa CSS (06:00)
5. Bab 1.5 Peran CSS (08:12)
6. Bab 2.1 Struktur Dasar dan Istilah dalam CSS (06:06)
7. Bab 2.2 Satuan CSS (01:49)
8. Bab 2.3 CSS Selector (10:05)
9. Bab 2.4.1 Demonstrasi Struktur dasar CSS - Part 1 (10:47)
10. Bab 2.4.2 Demonstrasi Struktur dasar CSS - Part 2 (10:27)
11. Bab 2.4.3 Demonstrasi Struktur dasar CSS - Part 3 (09:31)
12. Bab 2.5.1 Demonstrasi CSS Selector - Part 1 (10:08)
13. Bab 2.5.2 Demonstrasi CSS Selector - Part 2 (08:33)
14. Bab 2.5.3 Demonstrasi CSS Selector - Part 3 (08:21)
15. Bab 2.5.4 Demonstrasi CSS Selector - Part 4 (09:33)
16. Bab 2.5.5 Demonstrasi CSS Selector - Part 5 (08:16)
17. Bab 3.1 Jenis Penempatan Kode CSS (11:01)
18. Bab 3.2 File Path Eksternal CSS (02:38)
19. Bab 3.3 Path CDN (09:19)
20. Bab 3.4 Internal CSS (09:23)
21. Bab 3.5 Eksternal CSS (10:29)
22. Bab 3.6 Online Eksternal CSS (08:08)
23. Bab 4.1 Font Family, Font Web Safe, Font Google & Font Size (09:02)
24. Bab 4.2 Font Weight, Font Variant, Font Style & Font Shorthand (05:11)
25. Bab 4.3.1 Demonstrasi CSS Font - Part 1 (04:27)
26. Bab 4.3.2 Demonstrasi CSS Font - Part 2 (08:38)
27. Bab 4.3.3 Demonstrasi CSS Font - Part 3 (05:18)
28. Bab 5.1 Text Formatting, Text Alignment & Text Decoration (08:56)
29. Bab 5.2 Text Transformation, Text Spacing Text Shadow (07:14)
30. Bab 5.3 Demonstrasi Text Color (09:22)
31. Bab 5.4.1 Demonstrasi Text Alignment - Part 1 (09:02)
32. Bab 5.4.2 Demonstrasi Text Alignment - Part 2 (03:53)
33. Bab 5.5 Demonstrasi Vertical Alignment (08:04)
34. Bab 5.6 Demonstrasi Teks Decoration (06:29)
35. Bab 5.7 Demonstrasi Teks Transformation (07:40)
36. Bab 5.8 Demonstrasi Teks Spacing & Teks Shadow (10:33)
37. Bab 6.1 Jenis dan Demonstrasi CSS Background - Part 1 (10:55)
38. Bab 6.2 Jenis dan Demonstrasi CSS Background - Part 2 (10:43)
39. Bab 6.3 Jenis dan Demonstrasi CSS Background - Part 3 (10:50)
40. Bab 6.4 Jenis dan Demonstrasi CSS Background - Part 4 (07:08)
41. Bab 6.5 Jenis dan Demonstrasi CSS Background - Part 5 (07:28)
42. Bab 7.1 Sizing & Margin/Padding (07:30)
43. Bab 7.2 Image Border, Border Radius, Box Shadow, Image Hover & Zoom Animation (07:09)
44. Bab 7.3.1 Demonstrasi Image Resizing, Image Border & Image Hover - Part 1 (11:03)
45. Bab 7.3.2 Demonstrasi Image Resizing, Image Border & Image Hover - Part 2 (10:57)
46. Bab 7.3.3 Demonstrasi Image Resizing, Image Border & Image Hover - Part 3 (03:59)
47. Bab 7.3.4 Demonstrasi Image Resizing, Image Border & Image Hover - Part 4 (07:17)
48. Bab 8.1 Demonstrasi Membuat CV dengan CSS Basic - Part 1 (11:03)
49. Bab 8.2 Demonstrasi Membuat CV dengan CSS Basic - Part 2 (11:05)
50. Bab 8.3 Demonstrasi Membuat CV dengan CSS Basic - Part 3 (09:29)
51. Bab 8.4 Demonstrasi Membuat CV dengan CSS Basic - Part 4 (05:24)
Total Durasi Pelatihan : 330 Menit
Metode Ajar : Self Paced Learning
Prospek Karir
Keuntungan Mengikuti Kelas Webinar di Luarsekolah
Trainer yang berpengalaman dan kompeten dibidangnya
Susunan materi yang sudah terkurasi dan terstruktur
Berinteraksi dengan trainer dan peserta lain
Sertifikat
Apa yang akan kamu pelajari di kelas Mempelajari CSS Basic Untuk Menjadi Desainer Web
Amalia Nur Fitri
21 September 2023
mantap
Angel Lieta
22 September 2023
Sangat Baik
Aprilia Annisa Suryo
21 September 2023
keren
Nadia Nurfadhilah Syarif
22 September 2023
Sangat bagus dan membantu pembelajaran
Iis Karlina
21 September 2023
Untuk materi cukup jelas dan mudah dipahami. Thank you