5.00
(1 Rating)

Membuat Website Bagi Pemula

Wishlist Bagikan
Share Course
Page Link
Share On Social Media

Deskripsi

Modul ini dirancang untuk memberikan pelatihan dasar tentang pembuatan website menggunakan HTML, CSS, dan JavaScript. Peserta akan mempelajari langkah-langkah untuk membuat website statis, memahami struktur dasar web, serta membuat website yang interaktif dan responsif.

Benefit

  • Belajar Membuat website dengan mudah bagi pemula

Daftar Materi

Pengantar Pembuatan Website
1.1 Apa Itu Website? Definisi website. Jenis-jenis website (statis vs dinamis). Perbedaan antara front-end dan back-end. 1.2 Alat yang Dibutuhkan: Text Editor: Sublime Text, Visual Studio Code, atau Notepad++. Browser: Chrome, Firefox, atau Safari. File Explorer: Untuk manajemen file. 1.3 Struktur Dasar Website: HTML (HyperText Markup Language): Untuk struktur konten halaman. CSS (Cascading Style Sheets): Untuk mendesain tampilan halaman. JavaScript: Untuk interaksi dan fungsionalitas.

  • Pengantar Pembuatan Website
    16:13

Modul 2: Pengenalan HTML (HyperText Markup Language)
2.1 Struktur Dasar HTML Elemen-elemen HTML: , , , <h1>, <p>, dll. Penulisan tag HTML yang benar. Contoh Struktur HTML:html Copy code <title>Website Pertama</title><h1>Selamat datang di Website Pertama Saya</h1> <p>Ini adalah paragraf pertama saya di website ini.</p>2.2 Elemen-elemen Penting dalam HTML: Heading (<h1> sampai <h6>): Judul pada halaman. Paragraf (<p>): Untuk teks paragraf. Link (<a href="">): Membuat hyperlink. Gambar (<img src="" alt="">): Menampilkan gambar. Form (<form>): Mengumpulkan input dari pengguna.

Modul 3: Pengenalan CSS (Cascading Style Sheets)
3.1 Dasar-dasar CSS Inline CSS: Menggunakan atribut style dalam tag HTML. Internal CSS: Menulis kode CSS dalam tag <style> di bagian . External CSS: Menghubungkan file CSS eksternal dengan tag <link>.3.2 Selektor CSS Selektor elemen: h1, p, div, dll. Selektor kelas (.): .class-name. Selektor ID (#): #id-name. 3.3 Properti CSS yang Sering Digunakan Color, background-color: Mengubah warna teks dan latar belakang. Font-size, font-family: Mengatur ukuran dan jenis huruf. Margin, padding: Mengatur jarak antara elemen. Text-align: Mengatur perataan teks.

Student Ratings & Reviews

5.0
Total 1 Rating
5
1 Ratings
4
0 Rating
3
0 Rating
2
0 Rating
1
0 Rating
PS
Prabowo Subianto
6 bulan ago
mudah dipahami
Chat Sekarang!
Lpk Gapura
Halo 👋
Ada yang bisa kami bantu?