Pemrograman Web

Pemrograman Web - ETS

- Oktober 23, 2024

Pemrograman Web (ETS)

Nama : Risyad Nazhir Aqila

NRP : 5053231031

Kelas : Pemrograman Web (M)

1. Apa itu responsive web design dan sebutkan dua teknik yang sering digunakan untuk mencapainya?

2. Apa fungsi elemen <meta> dalam HTML dan sebutkan salah satu atribut penting yang dimiliknya? Berikan contoh penggunaan dalam bentuk kode kemudian beri penjelasan.

3. Buatlah halaman landing page sederhana untuk sebuah toko online yang menjual produk elektronik, Halaman ini harus mencakup:

Header dengan logo navigasi (Home Produk, Tentang Kami, Hubungi Kami).
bagian utama dengan gambar produk unggulan dari tombol “Beli Sekarang”.
Footer dengna alamat toko dan link media sosial.

Buatlah webnya kemudian implementasikan dalam kode.

4. Seorang klien membutuhkan data member dalam halaman web produk. Buatlah sebuah form dan pengecekannya dengan javascript untuk memastikan isian datanya benar.

Jawaban

1. Responsive Web Design merupakan pendekatan dalam web development yang membuat website dapat menyesuaikan tampilan di berbagai jenis layar dan ukuran perangkat. Dua teknik yang sering digunakan dalam mencapai responsive web design adalah:

Media Queries Media Queries merupakan salah satu fitur CSS yang memungkinkan perubahan dalam tampilan website menjadi responsive dalam berbagai perangkat, seperti orientasi, resolusi, dan lebar layar.

Flexbile Grid Layouts Flexbile Grid Layouts atau Flexbox adalah sistem layouting dalam CSS yang digunakan untuk membuat tata letak pada suatu halaman lebih fleksibel dan responsif dengan berbagai ukuran perangkat. 2. <meta> dalam HTML berfungsi untuk menyediakan metadata dalam dokumen HTML, seperti menyediakan informasi tentang karakter encoding, keyword untuk SEO (Search Engine Optimization), dan deskripsi yang ditampilkan pada halaman hasil pencarian. Contoh penggunaan dalam bentuk kode: Viewport (dalam name)