Belajar Membuat Website untuk Menjadi Desainer Website
4.58

Belajar Membuat Website untuk Menjadi Desainer Website

Teknologi:

Web
Level: Dasar
Level: Dasar 13 Jam Belajar
284

Siswa Terdaftar

Pelajari langkah menjadi desainer website dari tahapan merancang layout, mengonversi desain web, hingga menambahkan efek animasi.

Kelas ini sedang tidak menerima pendaftaran

Kami akan mengingatkan Anda terkait informasi terbaru di kelas ini.

Ingatkan Saya
Apa yang akan Anda dapatkan

Sertifikat

Dapatkan sertifikat standar industri setelah menyelesaikan kelas ini.

Forum Diskusi

Diskusikan materi belajar dengan siswa lainnya.

Modul Tutorial

Materi bacaan elektronik disajikan dengan bahasa yang mudah dipahami.

Video Interaktif

Setiap materi utama disajikan dalam bentuk video pengantar.

Kuis

Kuis pilihan ganda membantu Anda memahami materi yang dipelajari.

Ujian

Validasi pengetahuan Anda dengan mengerjakan soal-soal ujian.
Level Dasar
Mempelajari materi yang berkenaan dengan topik tanpa perlu ada latar belakang khusus.

Deskripsi

Seorang desainer website sesuai standar klasifikasi okupasi KBJI itu dapat membuat rancangan website. Tugasnya meliputi: Membuat rancangan layout website, membuat bentuk visualnya; mengkonversi dari file Photoshop, Firework atau Gimp ke dalam bentuk HTML dan CSS agar bisa dijalankan dengan baik di web browser; mengatur tata letak elemen-elemen yang ada di sebuah website sesuai dengan bentuk visual yang sudah dibuat sebelumnya; memberi efek tambahan yang diperlukan untuk menunjang tampilan website; dan melakukan validasi terhadap kode-kode HTML, melakukan revisi atau update.

  • Okupasi ini termasuk salah satu dari 50 okupasi yang paling dibutuhkan dan dicari di Indonesia menurut laporan teknis dari Bank Dunia (World Bank).

  • Okupasi ini adalah okupasi dengan predikat high-skilled (berketerampilan tinggi) sehingga merupakan jalur karier yang sangat menguntungkan.

  • Menurut laporan teknis dari Bank Dunia (World Bank), 96% dari pemberi kerja merasa bahwa sertifikasi merupakan hal yang sangat berpengaruh dalam mencari karyawan untuk posisi okupasi berpredikat high-skilled (berketerampilan tinggi).

  • Kurikulum berbasis okupasi ini merupakan salah satu standar pelatihan yang menjadi fokus pemerintah sebagai pelatihan yang sertifikatnya diakui dan distandarkan ke tingkat global.

  • Pelatih berpengalaman dan bersertifikasi, cek informasi detail pelatih di sini.


Target dan Sasaran Siswa

  • Kelas ditujukan bagi pemula yang ingin mulai belajar bidang pemrograman agar dapat menjadi desainer website dengan mengacu pada standar okupasi Desainer Website (kode okupasi KBJI: 2166.10)

  • Kelas dapat diikuti oleh siswa yang melek IT sehingga wajib memiliki dan dapat mengoperasikan komputer dengan baik.

  • Syarat minimum pendidikan adalah SMA atau sederajat.

  • Kelas ini didesain untuk pemula sehingga tidak ada prasyarat dalam pemahaman pemrograman sebelumnya.

  • Siswa harus bisa belajar mandiri, berkomitmen, benar-benar punya rasa ingin tahu, dan tertarik pada subjek materi, karena sebaik apapun materi kelas ini, tidak akan berguna tanpa keseriusan siswa untuk belajar, berlatih, dan mencoba.


Tujuan Umum dan Khusus Pelatihan

  • Di akhir pelatihan, siswa mampu mendesain website menggunakan aplikasi Figma dan mengonversinya ke dalam bentuk file HTML menggunakan aplikasi Wordpress web page builder Elementor dan code editor secara tepat sesuai dengan desain yang telah dibuat.

  • Peserta mampu menganalisis kebutuhan bisnis untuk kemudian dituangkan ke dalam rancangan desain web menggunakan aplikasi Figma.

  • Peserta mampu mengonversi desain web yang telah dibuat di Figma ke dalam bentuk halaman web menggunakan aplikasi Wordpress web page builder Elementor.

  • Peserta mampu menambahkan efek animasi pada halaman website menggunakan fitur yang tersedia di Elementor.

  • Peserta mampu memvalidasi dan menambahkan kode HTML dan CSS yang dibutuhkan untuk menyempurnakan tampilan sesuai dengan desain yang telah dibuat.


Silabus

  • Menganalisis kebutuhan bisnis : Belajar teori dan metodologi dalam menggali dan memahami kebutuhan bisnis serta menuangkan kebutuhan menjadi poin-poin antarmuka web. Implementasi keterampilan ke dalam studi kasus membuat menyusun daftar pertanyaan, wawancara dan mencatat kebutuhan bisnis. Belajar tips sikap kerja dalam menggali informasi seputar penawaran bisnis, layanan produk dan informasi yang harus ditampilkan untuk kebutuhan pembuatan website. (32 menit)

  • Menuangkan kebutuhan bisnis ke dalam rancangan desain web : Belajar teori antarmuka aplikasi Figma, teori komponen website, teori dasar user interface dan teori dasar user experience. Implementasi keterampilan ke dalam studi kasus membuat project baru di Figma, membuat komponen website di Figma dan manipulasi parameter komponen, membuat simulasi alur website di Figma dan menuangkan poin-poin spesifikasi bisnis hasil analisis ke dalam desain website. Belajar tips dan trik penggunaan shortcut di aplikasi Figma, mendapatkan gambar ilustrasi bagus dan legal untuk digunakan dan memainkan kombinasi warna dan spasi agar desain web nyaman dilihat. (277 menit)

  • Mengonversi desain web menjadi halaman web : Belajar teori antarmuka aplikasi Elementor. Implementasi keterampilan ke dalam studi kasus membuat halaman web berdasarkan desain yang telah dibuat pada aplikasi Figma. Belajar tips dan trik membangun halaman web lebih cepat dan tepat dengan desain. (152 menit)

  • Menambahkan efek animasi pada halaman web : Belajar teori animasi web dengan Javascript dan CSS. Implementasi keterampilan ke dalam menambahkan animasi pada komponen di halaman web.. Belajar tips dan sikap kerja dalam menambahkan animasi secukupnya yang cocok untuk memperindah tampilan web dan mempelajari contoh website dan template yang sudah memiliki animasi. (14 menit)

  • Menuliskan kode HTML dan CSS tambahan : Belajar teori dasar penggunaan code editor, teori dasar HTML dan teori dasar CSS. Implementasi keterampilan ke dalam studi kasus menambahkan kode HTML dan CSS pada bagian spesifik untuk tepat menyesuaikan halaman web dengan desain yang telah dibuat. Belajar tips sikap kerja dalam mempelajari HTML dan CSS yang mudah dan menyenangkan. (30 menit)


Peralatan Belajar

Spesifikasi minimal perangkat:

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools yang dibutuhkan untuk belajar:

Visual Studio Code

Cara instalasi dan menggunakan Visual Studio Code diajarkan di kelas ini

Lihat semua peralatan belajar

Lihat semua peralatan belajar

Peralatan Belajar

Spesifikasi minimal perangkat

Kelas ini membutuhkan spesifikasi perangkat seperti berikut:

RAM

2GB (Rekomendasi 4GB)

Layar

1366 x 768 (Rekomendasi Full HD 1920 x 1080)

Sistem Operasi

Windows, Linux, MacOS

Prosesor

Intel Dual Core (Rekomendasi Core i3 ke atas)

Tools

Kelas ini membutuhkan beberapa tools berikut:

Visual Studio Code

Cara instalasi dan menggunakan Visual Studio Code diajarkan di kelas ini

Web Browser (Google Chrome atau Mozilla Firefox)

Laragon


Metode Ajar

  • Online - Self-paced Learning.

    • Total jam belajar : 08 jam 39 menit untuk materi. Total 10 jam 48 menit jika termasuk persiapan belajar dan perkiraan waktu penyelesaian evaluasi pembelajaran.

    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 8 hari).

    • Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas.

  • Fasilitas Pengajaran

    • Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan.

    • Video : Setiap materi utama akan disajikan dalam bentuk video pengantar.

    • Sesi Konsultasi Online: Pada kelas ini disediakan sesi konsultasi online dengan instruktur agar siswa dapat tanya-jawab dan berkonsultasi mengenai ujian akhir yang wajib dikerjakan untuk lulus sepenuhnya dari kelas ini.

    • Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi.

    • Pre-test : Tes yang diberikan sebelum pengajaran dimulai untuk mengetahui sampai dimana penguasaan siswa terhadap bahan pengajaran (pengetahuan dan keterampilan) yang akan diajarkan.

  • Evaluasi Pembelajaran :

    • Ujian Akhir Kelas

    • Sertifikat Kompetensi Kelulusan

Lihat semua metode ajar

Lihat semua metode ajar

Metode Ajar

  • Online - Self-paced Learning.

    • Total jam belajar : 08 jam 39 menit untuk materi. Total 10 jam 48 menit jika termasuk persiapan belajar dan perkiraan waktu penyelesaian evaluasi pembelajaran.

    • Rekomendasi waktu belajar : 10 jam per minggu (selesai dalam 8 hari).

    • Anda tentukan sendiri berapa lama waktu yang akan digunakan untuk belajar materi kelas ini selama masih aktif terdaftar pada kelas.

  • Fasilitas Pengajaran

    • Materi bacaan elektronik : Materi akan disajikan dalam bentuk teks dan bacaan.

    • Video : Setiap materi utama akan disajikan dalam bentuk video pengantar.

    • Sesi Konsultasi Online: Pada kelas ini disediakan sesi konsultasi online dengan instruktur agar siswa dapat tanya-jawab dan berkonsultasi mengenai ujian akhir yang wajib dikerjakan untuk lulus sepenuhnya dari kelas ini.

    • Forum diskusi : Setiap kelas memiliki sebuah forum diskusi yang dapat Anda gunakan untuk bertanya dan berdiskusi.

    • Pre-test : Tes yang diberikan sebelum pengajaran dimulai untuk mengetahui sampai dimana penguasaan siswa terhadap bahan pengajaran (pengetahuan dan keterampilan) yang akan diajarkan.

  • Evaluasi Pembelajaran :

    • Ujian Akhir Kelas

    • Sertifikat Kompetensi Kelulusan


Kontributor

1

Curriculum Developer yang membangun kelas ini:

Yusuf Fazeri

Yusuf Fazeri

Instructor at Codepolitan

Reviewer

1

Code Reviewer yang akan me-review tugas dan kode Anda:

Yusuf Fazeri
Yusuf Fazeri

Yusuf Fazeri

Instructor at Codepolitan

Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.

Lihat semua kontributor dan reviewer

Lihat semua kontributor dan reviewer

Kontributor & Reviewer

Kontributor kelas

Curriculum Developer yang membangun kelas ini:

Yusuf Fazeri

Yusuf Fazeri

Instructor at Codepolitan


Tim Reviewer

Code Reviewer yang akan me-review tugas dan kode Anda:

Yusuf Fazeri
Yusuf Fazeri

Yusuf Fazeri

Instructor at Codepolitan

Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.

Yusuf Fazeri

Yusuf Fazeri

Instructor at Codepolitan

Sering terlibat dalam pelatihan sebagai mentor untuk topik kelas pemrograman web di Codepolitan. Berdedikasi dalam membuat produk yang mudah untuk digunakan, cepat dikembangkan, mudah pemeliharaan dan menggunakan algoritma yang efektif.


Testimoni Siswa

Ribuan siswa sukses belajar di Dicoding Academy. Apa kata mereka? Berikut adalah testimoni asli mereka.

Danar Dono
Danar Dono
Institut Sains dan Teknologi Terpadu Surabaya
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Di kelas ini, akan diajarkan bagaimana konsep dasar pemograman. Saya sendiri merasa (seperti mengulas) kembali belajar mata kuliah algoritma 1, namun materinya disampaikan secara interaktif dan menyeyangkan sehingga relatif lebih cepat paham. Terima kasih Dicoding.
Baca selengkapnya
Muhammad Rafli
Muhammad Rafli
Universitas Padjadjaran
Memulai Dasar Pemrograman untuk Menjadi Pengembang Software
Kelas ini benar-benar memberikan pemahaman yang baik tentang pemrograman. Dengan bahasa yang menarik, mudah dipahami, dan sedikit humor, saya selaku orang non-IT dapat memahami kelas ini dengan baik. Terima kasih Dicoding.
Baca selengkapnya
Lihat semua testimoni

Kelas ini sedang tidak menerima pendaftaran

Kami akan mengingatkan Anda terkait informasi terbaru di kelas ini.

Silabus

Materi yang akan Anda pelajari pada kelas ini.

  • 2 Menit

  • 6 Menit

  • 10 Menit

  • 3 Menit

  • 10 Menit

  • 3 Menit

  • 2 Menit

  • 15 Menit

  • 1 Menit

  • 6 Menit

  • 4 Menit

  • 6 Menit

  • 5 Menit

  • 3 Menit

  • 4 Menit

  • 4 Menit

  • 10 Menit

  • 6 Menit

  • 4 Menit

  • 6 Menit

  • 4 Menit

  • 5 Menit

  • 1 Menit

  • 6 Menit

  • 7 Menit

  • 10 Menit

  • 8 Menit

  • 10 Menit

  • 5 Menit

  • 8 Menit

  • 8 Menit

  • 8 Menit

  • 6 Menit

  • 7 Menit

  • 7 Menit

  • 10 Menit

  • 6 Menit

  • 8 Menit

  • 4 Menit

  • 8 Menit

  • 7 Menit

  • 9 Menit

  • 9 Menit

  • 8 Menit

  • 6 Menit

  • 10 Menit

  • 10 Menit

  • 3 Menit

  • 9 Menit

  • 8 Menit

  • 4 Menit

  • 10 Menit

  • 8 Menit

  • 5 Menit

  • 15 Menit

  • 4 Menit

  • 8 Menit

  • 5 Menit

  • 6 Menit

  • 2 Menit

  • 3 Menit

  • 9 Menit

  • 10 Menit

  • 5 Menit

  • 10 Menit

  • 6 Menit

  • 7 Menit

  • 6 Menit

  • 10 Menit

  • 7 Menit

  • 5 Menit

  • 8 Menit

  • 5 Menit

  • 9 Menit

  • 6 Menit

  • 4 Menit

  • 8 Menit

  • 5 Menit

  • 4 Menit

  • 9 Menit

  • 4 Menit

  • 3 Menit

  • 15 Menit

  • 2 Menit

  • 4 Menit

  • 7 Menit

  • 3 Menit

  • 2 Menit

  • 15 Menit

  • 3 Menit

  • 6 Menit

  • 3 Menit

  • 6 Menit

  • 8 Menit

  • 4 Menit

  • 3 Menit

  • 2 Menit

  • 15 Menit

  • 25 Menit

  • 30 Menit