Membangun Corporate Website menggunakan HTML dan CSS

Description

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

Tujuan Pelatihan

Tujuan Umum :

Diakhir Pelatihan peserta diharapkan mampu memahami bagaimana cara menulis script yang baik dan membuat website/apikasi sendiri

Tujuan Khusus :

Mempelajari dasar-dasar dalam HTML
Mengenal CSS pada HTML
Membangun Sebuah Corporate Website
Menerapkan form didalam Website kamu
Menerapkan plug-in untuk website kamu

Jenis Pekerjaan :

Pelatihan ini ditujukan untuk para peserta yang ingin menjadi seorang web developer, maupun seorang programmer yang ada kaitanya di bidang programming.

Sasaran Kelompok Kerja :

Pelatihan ini ditujukan untuk Pekerja kantoran seperti Digital Marketer, Divisi Pemasaran, Pemilik Usaha, maupun Freelancer yang sering menawarkan jasa pemasaran digital. Standar yang digunakan dalam pelatihan ini adalah standar kompetensi SKKK/SKKNI

Sasaran Kelompok Peserta :

Standar yang digunakan dalam pelatihan ini adalah standar kompetensi SKKNI

Sasaran Kelompok Peserta :

Pelatihan ini dapat diikuti oleh peserta yang minimal Pendidikan SMA, dan memiliki komputer atau laptop. Tingkat kesulitan pelatihan ini adalah tingkat pemula/dasar.

Metode Ajar :

LMS:

Menonton Video Materi Pembelajaran
Ceramah Interaktif
Kuis Min 5 Soal, Passing Grade 80%
Video Tidak Dapat dipercepat
Pop Up Question di masing-masing Video
Post Test 15 Soal, Passing Grade 60%

Durasi Pelatihan :

UNIT KOMPETENSI / TOPIK

Total Durasi

Road Map Developer

14 Menit 58 Detik

Inroduction

2 Menit 30 Detik

Hardware & Software

2 Menit 25 Detik

Basic HTML part 1

18 Menit 24 Detik

Basic HTML part 2

16 Menit 22 Detik

Basic HTML part 3

27 Menit 18 Detik

Element pada HTML part 1

19 Menit 27 Detik

Element pada HTML part 2 Symbol Entities

3 Menit 35 Detik

Element pada HTML part 3

19 Menit 25 Detik

Element pada HTML part 4

6 Menit 3 Detik

Element pada HTML part 5

9 Menit 17 Detik

Element pada HTML part 6 Audio

6 Menit 33 Detik

Upload Website Ke Serve Hosting

14 Menit 51 Detik

Adobe Dreaweaver

4 Menit 28 Detik

Comment On HTML

3 Menit 36 Detik

CSS Intoductions

2 Menit 57 Detik

CSS Implementation

12 Menit 8 Detik

CSS Selector

19 Menit 41 Detik

Div Element Part 1

16 Menit 9 Detik

Div Element Part 2 Overflow

7 Menit 39 Detik

Simple Layout Part 1 Web Stucture

1 Menit 57 Detik

Simple Layout Part 2

18 Menit 6 Detik

Simple Layout Part 3

6 Menit 38 Detik

Simple Layout Part 4

18 Menit 19 Detik

Simple Layout Part 5 Content & Footer

17 Menit 47 Detik

Layout Two Collums Part 1

1 Menit 42 Detik

Layout Two Collums Part 2

16 Menit 54 Detik

Layout Two Collums Part 3

16 Menit 51 Detik

Layout Two Collums Part 4

15 Menit 12 Detik

Layout Two Collums Part 5

24 Menit 27 Detik

Layout Two Collums Part 6

8 Menit 29 Detik

Basic Structure

21 Menit 24 Detik

Header

29 Menit 24 Detik

Content

22 Menit 22 Detik

Content Bottom Footer

14 Menit 2 Menit

Form Part 1

19 Menit 48 Detik

Form Part 2

26 Menit 50 Detik

CSS For Input Element

6 Menit 58 Detik

Another Input For Element

7 Menit 18 Detik

Plugin Introduction

1 Menit 35 Detik

Plugin Image Slider

14 Menit 25 Detik

Plugin Lightbox

11 Menit 22 Detik

Plugin Google Maps

5 Menit 32 Detik

Plugin Youtube

3 Menit 38 Detik

TOTAL

10 Jam 32 Menit 14 Detik

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