Close Menu
Blog Bambang Herlandi
  • Beranda
  • Kategori
    • Community
    • Ceritaku
    • Event
    • Kisah Misteri
    • Resensi Film
    • Review & Testimoni
      • Produk
      • Review
      • Testimoni
    • Teknologi
    • Traveling
    • Tutorial
      • Blog
      • Database
      • Fotografi
      • Graphics Design
      • Internet
      • Quizizz
      • UI/UX Design
      • Video Editing
      • Web Design
  • Pendidikan & Pembelajaran
    • Inovasi Pembelajaran
    • Materi Bahan Ajar
    • Media Pembelajaran
    • Modul Ajar
    • Pendidikan
  • PembaTIK
    • PembaTIK 2024
    • Sesi Berbagi
  • Kliping
  • Tentang Saya
Facebook X (Twitter) Instagram
Facebook X (Twitter) Instagram YouTube LinkedIn
Blog Bambang Herlandi
Selasa, 14 Juli 2026
  • Beranda
  • Kategori
    • Community
    • Ceritaku
    • Event
    • Kisah Misteri
    • Resensi Film
    • Review & Testimoni
      • Produk
      • Review
      • Testimoni
    • Teknologi
    • Traveling
    • Tutorial
      • Blog
      • Database
      • Fotografi
      • Graphics Design
      • Internet
      • Quizizz
      • UI/UX Design
      • Video Editing
      • Web Design
  • Pendidikan & Pembelajaran
    • Inovasi Pembelajaran
    • Materi Bahan Ajar
    • Media Pembelajaran
    • Modul Ajar
    • Pendidikan
  • PembaTIK
    • PembaTIK 2024
    • Sesi Berbagi
  • Kliping
  • Tentang Saya
Blog Bambang Herlandi
Materi Bahan Ajar

Pengantar Web Development

Bambang HerlandiBy Bambang HerlandiRabu, 30 Juli 2025Updated:Rabu, 30 Juli 2025Tidak ada komentar2 Mins Read
Cover Pengantar Web Development

Pengantar Web Development untuk Mata Pelajaran Pemrograman Web Kelas XI RPL SMK. Pokok bahasan Web Statis vs Web Dinamis & Arsitektur Client-Server.

Website adalah sekumpulan halaman web yang saling terhubung dan dapat diakses melalui internet dengan menggunakan browser. Website biasanya memiliki alamat unik yang disebut URL (Uniform Resource Locator) dan dihosting di server agar bisa diakses oleh siapa saja kapan saja.

Ciri-ciri Website:

  1. Memiliki domain (misalnya: bambangherlandi.web.id).
  2. Dapat diakses melalui browser seperti Chrome, Edge, Firefox, Safari, dll.
  3. Berisi konten digital, seperti teks, gambar, video, atau aplikasi interaktif.
  4. Dibangun dengan bahasa pemrograman web seperti HTML, CSS, JavaScript, PHP, dan lain-lain.
  5. Terhubung ke internet melalui layanan hosting/server.

Contoh Website:

  • Portal berita (detik.com)
  • Sekolah (smkn2balikpapan.sch.id)
  • E-commerce (tokopedia.com)
  • Pemerintah (kemendikdasmen.go.id)

Jenis-jenis Website

  • Website Statis: Isinya tetap dan tidak berubah, biasanya dibuat dengan HTML dan CSS saja.
  • Website Dinamis: Isinya bisa berubah tergantung interaksi pengguna, misalnya website toko online, media sosial, dll.

Web Statis

🔹 Kontennya tetap dan tidak berubah-ubah
🔹 Tidak melibatkan database
🔹 Dibuat dengan HTML, CSS, dan sedikit JavaScript
🔹 Setiap perubahan konten harus dilakukan manual pada file
Contoh: Halaman profil perusahaan, landing page sederhana

Web Dinamis

🔸 Kontennya bisa berubah sesuai input pengguna
🔸 Terhubung ke database
🔸 Menggunakan bahasa server-side: PHP, Node.js, Python, dsb
🔸 Cocok untuk aplikasi web seperti e-commerce, sistem login, dsb
Contoh: website sekolah dengan CMS, Tokopedia, e-learning, Instagram

Untuk lengkapnya, silakan buka dan pelajari materi Pengantar Web Development pada alamat tautan di sini

Selamat belajar
Semoga sukses

Post Views: 1,225

Bagikan ini:

  • Bagikan pada Facebook(Membuka di jendela yang baru) Facebook
  • Bagikan ke X(Membuka di jendela yang baru) X

Menyukai ini:

Suka Memuat...
materi rpl smk pemrograman web
Bambang Herlandi
  • Website
  • Facebook
  • X (Twitter)
  • Instagram
  • Tumblr
  • LinkedIn

Related Posts

Belajar Pentingnya Membuat Prototype

Kamis, 8 Mei 2025

Belajar Design Thinking untuk Memecahkan Masalah yang Manuasiawi

Senin, 5 Mei 2025

Belajar Lighting Photography: Memahami Cahaya Sebagai Elemen Utama dalam Fotografi

Sabtu, 3 Mei 2025

Tinggalkan BalasanBatalkan balasan

© 2025 – bambangherlandi.web.id

Facebook X (Twitter) Instagram YouTube Tumblr LinkedIn TikTok
© 2026 Designed by Bambang Herlandi.

Type above and press Enter to search. Press Esc to cancel.

%d