Langsung ke konten utama

Postingan

TUGAS 6 PEMROGRAMAN WEB (D) - Form Login & Contact Us dengan Bootstrap

  Tugas kali ini membuat website form login dan contact us menggunakan salah satu framework CSS paling populer, yaitu Bootstrap . Dalam proses pengerjaannya, menggunakan HTML , CSS (Bootstrap) , dan JavaScript (internal). JavaScript di sini dipakai untuk menampilkan alert bahwa data telah di- submit atau dikirim. Laman website-nya dapat diakses pada link berikut . Untuk hosting web sendiri memakai Netlify . Konten dari website: Login page , berisi halaman login sebagai tampilan awal ketika website pertama kali dijalankan.  Ada beberapa kolom yang semuanya wajib diisi dan tidak boleh kosong , yaitu: Email , harus berformat seperti email pada umumnya. Password Contact us page , berisi halaman contact us guna mengirim pesan ke pemilik web. Ada beberapa kolom yang semuanya  wajib diisi  dan tidak boleh  kosong , yaitu: Name Email , harus berformat seperti email pada umumnya. Phone Message Di tiap page , bagian bawah form,   terdapat tautan ( hyperlink ...

TUGAS 5 PEMROGRAMAN WEB (D) - Form Validasi

  Tugas kali ini membuat website form validasi (di sini validasi untuk pendataan vaksin mahasiswa). Dalam proses pengerjaannya, menggunakan HTML , CSS (Bootstrap) , dan JavaScript serta VSCode sebagai text editor . JavaScript di sini dipakai untuk proses validasi beberapa kolom inputan yang ada di form. Laman website-nya dapat diakses pada link berikut . Untuk hosting web sendiri memakai Netlify . Konten dari website: Main page , berisi halaman depan yang memuat form validasi mahasiswa. Ada beberapa kolom yang semuanya wajib diisi dan tidak boleh kosong , yaitu: Nama , tidak boleh melebihi 50 karakter. NRP , harus memiliki panjang sebanyak 10-16 karakter, dan harus merupakan angka (number) . Email , harus berformat seperti email pada umumnya. Domisili Jurusan Status Vaksin Tampilan Website Main page Source Code index.html style.css script.js

TUGAS 4 PEMROGRAMAN WEB (D) - Katalog Barang

Tugas kali ini membuat website katalog barang (di sini memilih pakaian), yaitu Dodol Klambi. Dalam proses pengerjaannya, menggunakan  HTML ,   CSS (tanpa Bootstrap) ,   dan JavaScript serta VSCode sebagai text editor . JavaScript di sini dipakai untuk animasi slide left atau right dari katalog pakaian. Lalu, beberapa icon pada website ini menggunakan Font Awesome . Laman website-nya dapat diakses pada  link berikut . Untuk  hosting  web sendiri memakai  Netlify . Konten dari website: Main page . berisi halaman depan yang memuat katalog berisi pakaian-pakaian beserta merek, jenis, dan harganya. Ada navbar yang berisi menu-menu dan kategori pakaian. Dan juga footbar yang berisi media sosial website dan sub-menu dari kategori pakaian. Tampilan Website Main page Source Code index.html style.css main.js

TUGAS 3 PEMROGRAMAN WEB (D) - Warung Tegal

Tugas kali ini membuat website Warung Makan Tegal. Dalam proses pengerjaannya, menggunakan  HTML ,   CSS ,   dan JavaScript serta  VSCode  sebagai  text editor . Di website ini, saya mengaplikasikan penggunaan embed video dari Youtube dan image carousel atau slideshow . Laman website-nya dapat diakses pada  link berikut . Untuk  hosting  web sendiri memakai  Netlify . Konten dari website: Main page , berisi daftar makanan, masakan populer, kontak dari warung tegal, serta menu apa saja yang tersedia di dalam website. Tampilan Website Main page Source Code index.html style.css

TUGAS 2 PEMROGRAMAN WEB (D) - CV (Profil Diri)

Tugas kali ini adalah membuat website untuk  Curriculum Vitae (CV) . Berbeda dengan tugas sebelumnya, di tugas kali ini hanya menampilkan biodata/profil diri dan dalam proses pengerjaannya menggunakan HTML saja , tanpa adanya CSS dan JavaScript . Tugas ini juga tetap memakai VSCode sebagai text editor . Laman website-nya dapat diakses pada link berikut . Untuk hosting web sendiri memakai Netlify . Konten dari website: Main page , berisi informasi umum, riwayat pendidikan, informasi kontak, dan pengalaman organisasi. Tampilan Website Main page Source Code index.html