Loading Portal Materi Kuliah...

Perancangan Web

Mata kuliah Perancangan Web membahas konsep dasar pembuatan website menggunakan HTML dan CSS, mulai dari struktur halaman, tabel, selector, layout, hingga desain antarmuka agar website memiliki tampilan yang menarik dan mudah digunakan.

Materi 01

Pengantar Perancangan Web dan HTML Dasar

Materi ini membahas pengertian website, jenis-jenis website, tools yang digunakan dalam pengembangan web, serta dasar-dasar HTML seperti struktur dokumen, pembuatan tabel, penggunaan tag HTML, dan penggabungan baris maupun kolom.

Materi 02

Dasar Cascading Style Sheets (CSS)

Materi ini mempelajari konsep CSS, aturan penulisan, selector, pengaturan background, font, teks, margin, padding, hyperlink, serta cara menggunakan CSS melalui external, internal, dan inline stylesheet untuk mempercantik tampilan website.

Materi 03

CSS Lanjutan dan Layout Website

Materi ini membahas penerapan CSS tingkat lanjut untuk membangun layout website, membuat menu navigasi, mengatur content, sidebar, footer, serta menerapkan berbagai teknik desain agar website lebih profesional dan responsif.

Materi 04

Bootstrap 5

Bootstrap 5 adalah framework CSS front-end yang populer untuk membangun antarmuka web yang responsif dan mobile-first dengan cepat. Materi ini membahas grid system, komponen-komponen Bootstrap seperti navbar, card, modal, carousel, form, serta utility classes. Mahasiswa akan mempelajari cara memanfaatkan Bootstrap 5 untuk mempercepat pengembangan website dengan tampilan yang profesional dan konsisten tanpa harus menulis CSS dari awal.

Materi 05

JavaScript Dasar

JavaScript adalah bahasa pemrograman yang membuat halaman web menjadi interaktif dan dinamis. Materi ini membahas dasar-dasar JavaScript seperti variabel, tipe data, operator, percabangan, perulangan, function, dan event handling. Mahasiswa akan mempelajari cara menambahkan interaktivitas pada website, seperti validasi form, manipulasi DOM, dan respons terhadap aksi pengguna untuk menciptakan pengalaman pengguna yang lebih baik.