ETS Pweb B

        Nama : Ardhika Krishna W

       NRP : 5025221006

       Kelas : PWEB B

       Tahun : 2023

      Pertanyaan

1. 1. Jelaskan apa yang dimaksud dengan web responsive? Bagaimana cara membangunnya?
2. -Web responsive adalah tampilan website yang dapat menyesuaikan layout pada tampilan device pengguna(jenis device dan ukuran layar berbeda).
3. -Cara membuat/membangun web responsive adalah mendefinisikan meta tag, tentukan struktur html website, dan membuat media query di css
   
   

   Gunakan HTML dan CSS yang Responsif:

   • Pastikan HTML Anda memiliki struktur yang baik dengan elemen-elemen semantik seperti <header>, <nav>, <main>, dan <footer>.

   • Gunakan CSS untuk mengatur tampilan dan tata letak situs. Pastikan Anda memanfaatkan teknik seperti flexbox dan CSS grid untuk mengatur elemen-elemen dengan baik.

   • Gunakan media queries untuk mengubah tampilan situs sesuai dengan lebar layar perangkat. Contoh media query:

   1. 
      
      

   2. 
      

   3. Font dan Ukuran Teks yang Responsif:

      • Gunakan ukuran font yang responsif seperti em, rem, atau % agar teks tetap terbaca dengan baik di berbagai perangkat.
      • Pastikan font yang Anda gunakan dapat diakses dengan baik di semua perangkat.

   4. Gambar Responsif:

      • Gunakan elemen <img> dengan atribut srcset untuk menampilkan gambar dengan resolusi yang sesuai dengan perangkat pengguna. Ini akan membantu menghemat bandwidth dan mempercepat waktu muat halaman.

4. 
   
5. 2. Buatlah screenshot dari aplikasi yang telah dikerjakan, kemudian buat link ke tugas source codenya.

• Tugas 1 yaitu latihan membuat CV dengan HTML dan CSS, berikut adalah CV yang saya buat berdasarkan biodata saya

          Link Repository : web cv

• 
•     Tugas 2 yaitu latihan membuat web portal berita dengan HTML dan CSS. Berikut adalah web portal yang saya buat dimana terdapat berita seluruh dunia yang terkini dan terupdate :

          Link repository : portal berita

•     Tugas 3 yaitu latihan membuat halaman web kursus menggunakan HTML dan CSS. Pada latihan ini saya membuat kursus basket yaitu basketball academy, berikut ini adalah web kursus yang saya buat :

          Link repository : web kursus

           

• Tugas 4 yaitu latihan membuat website undangan pernikahan menggunakan HTML dan CSS. Berikut adalah isi konten dan web wedding invitation yang saya buat :

         Content

                Aset            : Informasi berupa text, gambar, dan musik.

                Informasi    :  Home, Love Story, Schedule, Photos, Location, RSVP.

                Gambar      :  Foto pre-wedding pasangan

                Musik          :  Reality Club - Alexandra

          Link repository : wedding invitation

•  Tugas 5 yaitu latihan membuat validasi form menggunakan HTML, CSS, dan JavaScript.
  Berikut adalah tampilan web validasi form yang saya buat dan sudah responsive :

         Link Repository : Validation

          

•  Tugas 6 yaitu latihan membuat page berisi login atau register menggunakan bootstrap. Berikut adalah tampilan login page yang saya buat menggunakan bootstrap dan sudah responsive :

         Link Repository : login page

1. 3. Sebuah perusahaan  ingin membuat aplikasi web untuk portal berita. Fungsi aplikasi untuk display berita terbaru, pengelompokan kategori, lowongan pekerjaan, informasi iklan atau event kegiatan. Selain itu tersedia juga form untuk pembaca memasukkan artikel atau opini yang ingin dimuat di portal berita. Desainkan front end website perpustakaan.

        Berikut ini adalah design yang saya buat menggunakan figma :

1. 
   
2. 

1. 4. Implementasikan desainmu dan buat dokumentasi.
2. 
   
3. 

                Link Repository : source code

        

                Link Deployment : deploy

1. 5. Presentasikan dalam video youtube, dan diembedded ke dalam blog dokumentasi.
1. Link Youtube : click here