Postingan

Menampilkan postingan dari September, 2022

Mencoba memakai Toolkit Bootstrap untuk Responsive Design

Gambar
Dokumentasi Tugas Link Repositori :  https://github.com/Anggito02/Bootstrap-PWeb

Quiz 1 - Membuat Form

QUIZ 1 - Membuat Website Formulir Pendaftaran Pasien Link Github : https://github.com/Anggito02/quiz-1-pweb Link Website : https://anggito02.github.io/quiz-1-pweb/

Membuat Website Pencari Kode Pos Indonesia

Gambar
  Pencarian Kode Pos Pada latihan kali ini, kami ditugaskan untuk membuat website yang dapat mencari kode pos sebuah lokasi sesuai yang diinginkan oleh user. Pada penugasan ini, saya menggunakan HTML, CSS, dan VanillaJs. Untuk database kode pos di Indonesia saya menggunakan file .json yang saya dapatkan dari  https://github.com/pentagonal/Indonesia-Postal-Code . Kemudian untuk melakukan fetch  dari .json tersebut. Saya menggunakan Ajax yang tersedia dalam library jQuery. Setelah itu, data yang sudah saya dapatkan saya atur sedemikian rupa hingga menjadi website yang dapat digunakan secara utuh. Berikut gambar-gambar yang saya tangkap sebagai bentuk dokumentasinya. TAMPILAN AWAL TAMPILAN PENCARIAN DITEMUKAN TAMPILAN PENCARIAN GAGAL Website di atas dapat diakses pada link berikut. https://anggito02.github.io/cari-kodepos/ REFERENSI Youtube Web Programming UNPAS http://fajarbaskoro.blogspot.com/2022/09/java-script-membuat-pencarian-kode-pos.html https://github.com/pentagonal...

Membuat Form dengan Validasi menggunakan Javascript

Gambar
Membuat Form Untuk membuat form di sebuah website, kita dapat menggunakan tag HTML "form". Di dalamnya kita dapat memberikan tag HTML "fieldset". Di dalam fieldset kita dapat memasukkan semua data yang ingin kita dapatkan dari form yang ada. Misalnya untuk mendapatkan nama dari user, kita dapat membuat sebuah input bertipe text dengan label nama dan user dapat mengisi namanya di kotak input tersebut. Tidak hanya tipe text, banyak tipe input lain yang dapat kita masukkan dalam HTML ini, baik berupa password, email, tanggal, dan lain sebagainya. Akan tetapi, jika isi yang dimasukkan oleh user tidak sesuai dengan yang kita inginkan, akan terjadi kebingungan baik di user maupun kita sebagai developer. Maka dari itu, dibutuhkan validasi terhadap isi dari form yang diberikan oleh user. HTML sendiri telah menyediakan fitur required yang dapat ditambahkan pada tag input untuk mengecek apakah user telah memberikan data sesuai dengan yang diinginkan developer. Seperti, jika u...

Membuat Situs Berita menggunakan HTML dan CSS

Gambar
  Membuat Situs Berita     Situs berita internasional memiliki banyak sekali bentuk tampilan. Akan tetapi, situs-situs tersebut memiliki beberapa kesamaan, seperti adanya header, footer, content, dan navbar . Pada penugasan kali ini kami ditugaskan untuk membuat situs berita yang memiliki fitur-fitur tersebut. Berikut situs berita yang saya buat, dengan menggunakan HTML dan CSS beserta source codenya. HEADER SECTION FOOTER SECTION TRENDING TOPIC CONTENT SECTION NORMAL CONTENT SECTION Dan di bawah ini adalah source code dari HTML dan CSS situs tersebut HTML CSS Dan berikut ini merupakan link repositori dan referensi untuk situs berita di atas. Repositori :  https://github.com/Anggito02/NewsWeb-PWeb Referensi :  http://fajarbaskoro.blogspot.com/2018/03/pweb-2-3-css.html

Membuat Situs Pribadi menggunakan HTML dan CSS

HTML HTML  (Hyper Text Markup Language) adalah bahasa yang digunakan untuk menampilkan sebuah konten dalam sebuah website. HTML saat ini berada pada versi HTML5 yang sangat kompatibel di gawai yang ada pada zaman sekarang, CSS CSS (Cascading Style Sheest) sendiri merupakan bahasa yang digunakan untuk memberikan tampilan yang lebih baik pada HTML. Ibarat kata, HTML merupakan tubuh manusia tanpa busana, demikian website yang hanya menggunakan HTML yang hanya berisi tulisan hitam dengan background  putih, CSS merupakan busana/perlengkapan yang membantu membentuk gaya pada manusia, demikian website yang ditambahkan CSS dapat dilihat gaya, warna, dan lain sebagainnya yang dapat memberikan pengguna perasaan yang lebih baik dibanding hitam-putih HTML Peugasan CV Website Pada pengasan kali ini, kami ditugaskan untuk membuat website hanya menggunakan HTML dan CSS. Di bawah ini merupakan  website yang saya buat hanya dengan menggunakan HTML dan CSS. Perlu saya tambahkan, untuk penu...