Menulis kode pemrograman untuk mendesain website menggunakan HTML dan CSS sebagai desainer website

Description

Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website

Kami Baba Studio telah berdiri selama 17 tahun dengan 130 ribu murid dan alumni. Beberapa Pencapaian Baba Studio
adalah:
1. Peraih Ratusan Penghargaan
2. Termasuk 5 ICT Award dari Menkominfo

Tentang materi

1. Judul Pelatihan

Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website

2. Deskripsi Pelatihan

Dengan mengikuti pelatihan ini, peserta akan menjadi seorang desainer website perusahaan Sebagai desainer website, peserta mampu membuat rancangan tampilan website menjadi lebih menarik.

Selain itu dapat membuat plugin menggunakan kode HTML dan CSS. Di mana seorang desainer website perllu memahami setidaknya 2 bahasa pemrograman yaitu HTML dan CSS. Kemudian desian nantinya akan dapat dibuka dan dinikmati di layar monitor baik di komputer maupun handphone. Menurut data dari Indonesia’s Critical Occupations List 2018 (http://gg.gg/v05jo).

Di era digital seperti sekarang ini, kebutuhan akan media website semakin tinggi. Di Indonesia, tenaga profesional seperti seorang web designer yang menduduki level manajerial masih sangat langka.

Tenaga IT yang terampil dibutuhkan untuk mendukung investasi besar-besaran di bidang e-commerc. Indonesia sekarang ini ada di pusaran digitalisasi. Hal ini menjadi peluang untuk peserta menekuni profesi ini. Pelatihan ini merujuk pada KBJI 2014 dengan kode 2166.10 dengan profesi desainer website.

Selain itu, pada pelatihan ini disesuaikan dengan menggunakan SKKNI NO.282 TAHUN 2016 Kompetensi yang akan dilatih pada program pelatihan ini yaitu :

1. Kompeten memahami CSS pada HTML

2. Kompeten dalam membuat layout sampai pembuatan layout 2 kolom

3. Kompeten membangun website perusahaan

4. Kompeten memasukan elemen menggunakan CSS

5. Kompeten menggunakan plugin pada HTML

3. Tujuan Umum Pelatihan

Di akhir pelatihan, peserta merancang layout website menggunakan bahasa HTML dan CSS sesuai dengan prinsip-prinsip desain. Pelatihan ini disesuaikan dengan menggunakan SKKNI NO.282 TAHUN 2016

4. Tujuan Khusus Pelatihan

Program pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website :

1. Kompeten memahami CSS pada HTML

2. Kompeten dalam membuat layout sampai pembuatan layout 2 kolom

3. Kompeten membangun website perusahaan

4. Kompeten memasukan elemen menggunakan CSS

5. Kompeten menggunakan plugin pada HTML

5. Kelompok Sasaran

Peserta pelatihan yang dapat mengikuti pelatihan ini yaitu :

1). Minimal lulusan SMA/SMK sederajat

2). Memiliki minimal laptop/komputer

3). Peserta minimal memiiki pengetahuan dasar pemrograman

6. Durasi Detail dan Total Durasi

1. Pembukaan 03:33

2. Pengenalan Instruktur 00:33

3. Introduction 2:30

4. Road Map Web Developer Bagian A 08:10

5. Road Map Web Developer Bagian B 06:48

6. Hardware & Software 2:35

7. Basic HTML Part 1 Bagian A 09:24

8. Basic HTML Part 1 Bagian B 09:00

9. Basic HTML Part 2 Bagian A 06:10

10. Basic HTML Part 2 Bagian B 06:12

11. Basic HTML Part 3 Bagian A 09:00

12. Basic HTML Part 3 Bagian B 09:30

13. Basic HTML Part 3 Bagian C 08:48

14. Elemen Pada HTML Part 1 Bagian A 09:40

15. Elemen Pada HTML Part 1 Bagian B 09:47

16. Elemen Pada HTML Part 2 Symbol Entities 3:35

17. Elemen Pada HTML Part 3 Bagian A 06:10

18. Elemen Pada HTML Part 3 Bagian B 07:00

19. Elemen Pada HTML Part 3 Bagian C 06:15

20. Elemen Pada HTML Part 4 6:03

21. Elemen Pada HTML Part 5 9:17

22. Elemen Pada HTML Part 6 Audio 6:33

23. Upload Website Ke Server Hosting Bagian A 08:00

24. Upload Website Ke Server Hosting Bagian B 06:51

25. Adobe Dreamweaver 4:28

26. Comment On HTML 3:36

27. CSS Introductions 2:57

28. CSS Implementation Bagian A 06:30

29. CSS Implementation Bagian B 05:38

30. CSS Selector Bagian A 09:50

31. CSS Selector Bagian B 09:51

32. Div Element Part 1 Bagian A 08:19

33. Div Element Part 1 Bagian B 07:50

34. Div Element Part 2 Overflow 7:39

35. Simple Layout Part 1 Web Structure 1:57

36. Simple Layout Part 2 Bagian A 09:10

37. Simple Layout Part 2 Bagian B 08:56

38. Simple Layout Part 3 6:38

39. Simple Layout Part 4 Bagian A 09:19

40. Simple Layout Part 4 Bagian B 09:00

41. Simple Layout Part 5 Content & Footer Bagian A 09:10

42. Simple Layout Part 5 Content & Footer Bagian B 08:37

43. Layout Two Columns Part 1 1:42

44. Layout Two Columns Part 2 Bagian A 08:30

45. Layout Two Columns Part 2 Bagian B 08:24

46. Layout Two Columns Part 3 Bagian A 09:00

47. Layout Two Columns Part 3 Bagian B 07:51

48. Layout Two Columns Part 4 Bagian A 07:30

49. Layout Two Columns Part 4 Bagian B 07:42

50. Layout Two Columns Part 5 Bagian A 09:10

51. Layout Two Columns Part 5 Bagian B 08:00

52. Layout Two Columns Part 5 Bagian C 07:17

53. Layout Two Columns Part 6 8:29

54. Basic Structure Bagian A 08:00

55. Basic Structure Bagian B 07:20

56. Basic Structure Bagian C 06:04

57. Header Bagian A 09:44

58. Header Bagian B 09:50

59. Header Bagian C 09:50

60. Content Bagian A 08:00

61. Content Bagian B 07:22

62. Content Bagian C 07:00

63. Content Bottom Footer Bagian A 07:00

64. Content Bottom Footer Bagian B 07:02

65. Form Part 1 Bagian A 09:50

66. Form Part 1 Bagian B 09:58

67. Form Part 2 Bagian A 08:30

68. Form Part 2 Bagian B 09:20

69. Form Part 2 Bagian C 09:00

70. CSS For Input Element 6:58

71. Another Input Element 7:18

72. Plugin Introductions 1:35

74. Plugin Image Slider Bagian A 07:30

75. Plugin Image Slider Bagian B 06:55

76. Plugin Lightbox Bagian A 05:32

77. Plugin Lightbox Bagian B 05:50

74. Plugin Google Map 5:32

75. Plugin Youtube 3:38

TOTAL DURASI : 9 JAM, 25 MENIT, 02 DETIK

7. Silabus/Gambaran Materi

1. Pembukaan

2. Pengenalan Instruktur

3. Introduction

4. Belajar Road Map Web Developer Bagian A

5. Belajar Road Map Web Developer Bagian B

6. Belajar Hardware & Software

7. Belajar Basic HTML Part 1 Bagian A

8. Belajar Basic HTML Part 1 Bagian B

9. Belajar Basic HTML Part 2 Bagian A

10. Belajar Basic HTML Part 2 Bagian B

11. Belajar Basic HTML Part 3 Bagian A

12. Belajar Basic HTML Part 3 Bagian B

13. Belajar Basic HTML Part 3 Bagian C

14. Belajar Elemen Pada HTML Part 1 Bagian A

15. Belajar Elemen Pada HTML Part 1 Bagian B

16. Belajar Elemen Pada HTML Part 2 Symbol Entities

17. Belajar Elemen Pada HTML Part 3 Bagian A

18. Belajar Elemen Pada HTML Part 3 Bagian B

19. Belajar Elemen Pada HTML Part 3 Bagian C

20. Belajar Elemen Pada HTML Part 4

21. Belajar Elemen Pada HTML Part 5

22. Belajar Elemen Pada HTML Part 6 Audio

23. Belajar Upload Website Ke Server Hosting Bagian A

24. Belajar Upload Website Ke Server Hosting Bagian B

25. Belajar Adobe Dreamweaver

26. Belajar Comment On HTML

27. Belajar CSS Introductions

28. Belajar CSS Implementation Bagian A

29. Belajar CSS Implementation Bagian B

30. Belajar CSS Selector Bagian A

31. Belajar CSS Selector Bagian B

32. Belajar Div Element Part 1 Bagian A

33. Belajar Div Element Part 1 Bagian B

34. Belajar Div Element Part 2 Overflow

35. Belajar Simple Layout Part 1 Web Structure

36. Belajar Simple Layout Part 2 Bagian A

37. Belajar Simple Layout Part 2 Bagian B

38. Belajar Simple Layout Part 3

39. Belajar Simple Layout Part 4 Bagian A

40. Belajar Simple Layout Part 4 Bagian B

41. Belajar Simple Layout Part 5 Content & Footer Bagian A

42. Belajar Simple Layout Part 5 Content & Footer Bagian B

43. Belajar Layout Two Columns Part 1

44. Belajar Layout Two Columns Part 2 Bagian A

45. Belajar Layout Two Columns Part 2 Bagian B

46. Belajar Layout Two Columns Part 3 Bagian A

47. Belajar Layout Two Columns Part 3 Bagian B

48. Belajar Layout Two Columns Part 4 Bagian A

49. Belajar Layout Two Columns Part 4 Bagian B

50. Belajar Layout Two Columns Part 5 Bagian A

51. Belajar Layout Two Columns Part 5 Bagian B

52. Belajar Layout Two Columns Part 5 Bagian C

53. Belajar Layout Two Columns Part 6

54. Belajar Basic Structure Bagian A

55. Belajar Basic Structure Bagian B

56. Belajar Basic Structure Bagian C

57. Belajar Header Bagian A

58. Belajar Header Bagian B

59. Belajar Header Bagian C

60. Belajar Content Bagian A

61. Belajar Content Bagian B

62. Belajar Content Bagian C

63. Belajar Content Bottom Footer Bagian A

64. Belajar Content Bottom Footer Bagian B

65. Belajar Form Part 1 Bagian A

66. Belajar Form Part 1 Bagian B

67. Belajar Form Part 2 Bagian A

68. Belajar Form Part 2 Bagian B

69. Belajar Form Part 2 Bagian C

70. Belajar CSS For Input Element

71. Belajar Another Input Element

72. Belajar Plugin Introductions

74. Belajar Plugin Image Slider Bagian A

75. Belajar Plugin Image Slider Bagian B

76. Belajar Plugin Lightbox Bagian A

77. Belajar Plugin Lightbox Bagian B

74. Belajar Plugin Google Map

75. Belajar Plugin Youtube

8. Aspek Kompetensi / Output Kompetensi

Aspek Kompetensi: Pengetahuan (Knowledge)

Dengan pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website, siswa :

1. Memahami cara membaca dan memahami notasi untuk pengumpulan kebutuhan perangkat lunak (Aspek ini dapat di lihat pada modul 2 tentang Hardware & Software menit 00.00 - 02.35)

2. Memahami cara penggunaaan tools yang dapat dimanfaatkan untuk pengumpulan dan perekaman kebutuhan perangkat lunak (Aspek ini dapat di lihat pada modul 2 tentang Simple Layout Part 1 Web Structure menit 00.00 - 01.57)

3. Platform lingkungan pemrograman aplikasi (Aspek ini dapat di lihat pada modul 2 tentang Upload Website Ke Server Hosting Bagian A dan Bagian B menit 00.00 - 14.00)

4. Pre-request tools pemrograman (Aspek ini dapat di lihat pada modul 2 tentang CSS For Input Element menit 00.00 - 6.58)

5. Standar menghidupkan dan mematikan perangkat keras komputer (Aspek ini dapat di lihat pada modul 2 tentang Plugin Introductions menit 00.00 - 1.35)

Aspek Kompetensi: Keterampilan (Skill)

Dengan pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website, siswa :

1. Mengembangkan Road Map website (Aspek ini dapat di lihat pada modul 2 tentang Road Map Web Developer Bagian A dan Bagian B menit 00.00 - 14.00)

2. Meng-upload website ke server hosting (Aspek ini dapat di lihat pada modul 2 tentang Upload Website Ke Server Hosting Bagian A dan Bagian B menit 00.00 - 14.00)

3. Membuat layout simple (Aspek ini dapat di lihat pada modul 2 tentang Simple Layout Part 1 Web Structure menit 00.00 - 1.57)

4. Menginput elemen CSS (Aspek ini dapat di lihat pada modul 2 tentang CSS For Input Element menit 00.00 - 6.58)

5. Memasang sebuah plugin (Aspek ini dapat di lihat pada modul 2 tentang Plugin Introductions sampai Plug In Youtube menit 00.00 - 1.35)

6. Membuat form (Aspek ini dapat di lihat pada modul 2 tentang Form Part 1 Bagian A dan Bagian B menit 00.00 - 18.00)

Aspek Kompetensi: Sikap (Attitude)

Dengan pelatihan Menulis kode pemrograman untuk mendesain website dan merancang serta mengimplementasikan user interface menggunakan HTML sebagai desainer website, peserta :

1. Mampu Menambahkan elemen pada HTML dengan teliti (Aspek ini dapat di lihat pada modul 2 tentang Elemen Pada HTML Part 1 Bagian A dan Bagian B menit 00.00 - 18.00)

2. Teliti Membuat layout dengan cermat (Aspek ini dapat di lihat pada modul 2 tentang Simple Layout Part 1 Web Structure sampai Simple Layout Part 5 Content & Footer menit 00.00 - 68.00)

3. Cekatan Membuat conten sesuai dengan kaidah (Aspek ini dapat di lihat pada modul 2 tentang Content Bagian A sampai Bagian C menit 00.00 - 22.00)

4. Teliti Memasang plugin sesuai dengan dasar-dasar pemrograman (Aspek ini dapat di lihat pada modul 2 tentang Plugin Introductions sampai Plug In Youtube menit 00.00 - 32.00)

9. Metode Ajar

Metode Ajar hybrid (self paced learning)

10. Harga

Rp. 499.000

11. Tenaga Pelatih

Nama : Rudianto S. Kom

Profil Tenaga Pelatih : Rudianto (Lahir di Serang pada tanggal 18 september 1990, 30 thn), dengan nama sapaan Rudi , Rudianto menepuh pendidikan Strata 1 di Sekolah tinggi manajemen informatikan dan komunikasi indonesia.

Rudianto ahli di bidang search engine optimization (SEO ) dan juga Search Engine Marketing ( SEO ), Dikarenakan prestasinya, diapun dipercaya untuk mengajar materi Digital Marketing untuk Badan pertanahan nasional serta di percaya untuk menjadi Pengajar peserta Beasiswa Digitalent yang diadakan oleh Kominfo.

12. Jadwal Sesi Konseling

Rudianto S. Kom, Jumat 09.00 - 10.00

13. Nama Lembaga Pelatih

BABASTUDIO

14. Mekanisme Evaluasi

Mekanisme Evaluasi pada program pelatihan ini yaitu :

1. Soal quiz

2. Soal-soal Post Test

3. dan Penugasan

Hasil yang didapat dari kursus ini

Di Materi ini kamu akan mempelajari:

1. Mempelajari dasar-dasar dalam HTML :
a. Hardware & Software yang di gunakan
b. Basic HTML
c. Elemen Pada HTML
d. Penggunaan Code Editor : Dreamweaver
e. Membuat Comment di HTML

2. Mengenal CSS pada HTML
a. CSS Intoduction
b. CSS Implementation
c. CSS Selector
d. Div Element
e. Div Element : Overflow
f. Membuat Simple Layout
g. Membuat Simple Layout : Content & Footer
h. Layout Two Columns

3. Membangun sebuah Corporate Website
a. Basic Structure
b. Header
c. Content
d. Content Bottom Footer

4. Menerapkan form didalam Website kamu
a. Membuat Form Part 1 & 2
b. CSS For Input Element
c. CSS Another Input Element

5. Menerapkan plug-in untuk website kamu
a. Plug-in Introductions
b. Plug-in Image Slider
c. Plug-in Google Map
d. Plug-in Lightbox
e. Plug-in Youtube