Pengembangan Website Dasar

Module ini membahas mekanisme pembelajaran yang digunakan dalam setiap pertemuan

Modul ini membahas lingkungan belajar yang digunakan dalam setiap sesi pertemuan.

Modul ini membahas langkah persiapan alat yang dibutuhkan dalam proses belajar.

Modul ini membahas langkah persiapan untuk tempat penyimpanan dokumen latihan atau penugasan.

Dalam modul ini kita akan mempersiapkan lingkungan pedukung dan langkah otomasi pembelajaran.

Memahami dasar pemrograman web untuk membangun solusi digital masa kini.

Menjelajahi mekanisme internet, memahami cara kerja jaringan global modern.

Memahami fondasi website sebagai pintu utama menuju dunia digital.

Menjelaskan peran webserver sebagai fondasi utama akses digital modern

Website sebagai medium transformasi sosial, ekonomi, politik, serta budaya global.

Menelusuri sejarah HTML sebagai fondasi utama pembangunan halaman web.

Memahami posisi HTML sebagai bahasa dasar pembangunan struktur halaman web.

Mengenal elemen HTML sebagai komponen dasar penyusun struktur halaman.

Memahami atribut HTML sebagai penentu perilaku dan karakteristik elemen.

Menjelaskan struktur dasar HTML sebagai kerangka utama halaman web.

Mempelajari elemen paragraf HTML untuk menyusun teks dalam halaman web.

Menguasai tag heading HTML untuk struktur konten, praktik, dan standar.

Memahami tag list HTML untuk membuat daftar terstruktur dalam website.

Menggunakan list untuk menyajikan informasi terstruktur, rapi, dan mudah dipahami.

Mempelajari quotation dalam penyajian kutipan profesional dalam halaman web.

Mendalami tag img untuk menampilkan ilustrasi dalam media gambar.

Menampikan potongan source code dengan menggunakan code block.

Memutar beranekaragam jenis dan format video dalam laman website.

Menggunakan tag audio untuk layanan suara pada website.

Menampilkan file serta cara implementasi, kompatibilitas, dan praktik terbaik.

Mempelajari tag link untuk menghubungkan halaman dan sumber daya.

Memahami tag iframe untuk menampilkan konten eksternal dalam halaman.

Mempelajari tag embed untuk menyisipkan konten multimedia interaktif.

Memahami tag style untuk mengatur tampilan visual halaman web.

Mempelajari tag script untuk menambahkan interaktivitas dan fungsionalitas web.

Memahami tag table untuk menyajikan data terstruktur bagu laman web.

Mempelajari struktur tabel dalam menyusun data rapi dan terorganisir.

Memahami teknik spanning cell untuk menggabungkan sel secara fleksibel.

Mempelajari tag input untuk membuat elemen formulir interaktif pengguna.

Memahami tag form untuk mengelola input dan interaksi pengguna.

Mempelajari tag meta untuk menyediakan informasi tambahan tentang halaman.

Memahami metadata native untuk mendeskripsikan informasi bawaan halaman web.

Mempelajari Open Graph untuk optimalkan pratinjau konten halaman pada media sosial.

Kenli MODS untuk deskripsi metadata terstandar dalam pengelolaan dokumen.

Metadata EAD untuk representasi arsip digital secara terstruktur dan standar

Memahami semantik HTML untuk struktur konten yang lebih bermakna.

Mempelajari elemen header HTML untuk menandai bagian atas konten halaman.

Memahami elemen footer untuk menutup dan melengkapi informasi halaman.

Mempelajari elemen main untuk menandai konten utama halaman.

Menerapkan elemen semantik untuk struktur, aksesibilitas, dan optimasi.

Menelusuri sejarah perkembangan css dari awal hingga modern.

Memahami pengantar css untuk mengatur tampilan visual halaman website.

Mempelajari sintaks css untuk mengatur gaya dan tampilan elemen.

Memahami markup css untuk mendefinisikan gaya visual elemen halaman.

Mempelajari penggunaan css untuk mempercantik dan menata tampilan halaman.

Memahami prinsip dasar css untuk mengatur desain visual halaman web.

Mempelajari class css untuk memberikan gaya khusus pada elemen tertentu.

Memahami identifier css untuk menargetkan elemen spesifik dalam halaman web.

Mempelajari selector attribute css untuk menargetkan elemen dengan atribut khusus.

Memahami selector universal css untuk menerapkan gaya pada semua elemen.

Mempelajari selector adjacent sibling css untuk menargetkan elemen dalam sebuah group.

Memahami selector general sibling css untuk menargetkan elemen group sejenis.

Menguasai selector child css untuk presisi menata hierarki struktur DOM.

Mempelajari selector descendant css untuk menargetkan elemen turunan dalam hierarki.

Memahami pseudo-class dan pseudo-element css untuk gaya dinamis serta fleksibel.

Mempelajari properti font-family css untuk menentukan jenis huruf pada teks.

Memahami properti font-size css untuk mengatur ukuran teks halaman web.

Mempelajari properti font-weight css untuk mengatur ketebalan teks halaman.

Memahami properti font-style css untuk mengatur gaya kemiringan teks.

Mempelajari properti font-variant css untuk mengatur tampilan gaya teks.

Memahami shorthand css untuk menyingkat penulisan beberapa properti gaya sekaligus.

Mempelajari aspek konseptual css untuk memahami prinsip desain dan styling.

Memahami properti teks css untuk mengatur tampilan dan estetika tulisan.

Mempelajari properti background css untuk mengatur latar belakang elemen halaman.

Memahami color guideline css untuk konsistensi dan harmoni tampilan desain web.

Mempelajari properti visibility css untuk mengatur tampil atau tersembunyi elemen.

Memahami konsep box-sizing css untuk mengatur perhitungan dimensi elemen.

Mempelajari properti box dimensions css untuk mengatur ukuran elemen halaman.

Memahami properti border css untuk membuat dan mengatur garis elemen.

Mempelajari properti padding css untuk mengatur jarak dalam elemen.

Memahami properti margin css untuk mengatur jarak luar antar elemen.

Mempelajari properti box-shadow css untuk menambahkan efek bayangan pada elemen.

Memahami properti border-radius css untuk membuat sudut elemen lebih membulat.

Mempelajari properti display css untuk menentukan peran dan perilaku elemen.

Memahami properti position css untuk mengatur penempatan elemen dalam layout.

Mempelajari position static css sebagai posisi normal default elemen pada halaman.

Memahami position relative css untuk mengatur pergeseran elemen dari posisi normal.

Mempelajari position absolute css untuk menempatkan elemen relatif terhadap kontainer.

Memahami position sticky css untuk elemen yang menempel saat digulir halaman.

Mempelajari position fixed css untuk elemen tetap terlihat saat menggulir.

Memahami properti float css untuk mengatur posisi elemen secara melayang.

Mempelajari properti clear css untuk mengatur perilaku elemen setelah float.