ETS Pemrograman Web (M)
Nama : Rausyan Fikri Muhammad
NRP : 5053231027
ETS
Pemrograman Web
Apa itu responsive web design dan sebutkan dua teknik yang sering digunakan untuk mencapainya?
Responsive Web Design merupakan suatu bentuk web app yang komponen nya akan merespon mengikuti behaviour dan environment dari pengguna. Beberapa teknik yang sering digunakan dalam responsive web yang pertama adalah dengan menggunakan atribut "viewport" pada tag <meta> dan yang kedua adalah dengan mengatur ukuran suatu gambar dengan satuan %.
Apa fungsi elemen <meta> pada HTML dan sebutkan salah satu atribut penting yang dimilikinya? berikan contoh dalam bentuk kode kemudian berikan penjelasan.
<meta> tag pada html berfungsi untuk menyimpan metadata atau informasi dari data pada dokumen HTML tersebut. Metadata tidak akan ditampilkan pada web tetapi informasi dari tag metadata akan di proses oleh mesin. Salah satu fungsi metadata adalah untuk mengatur bagaimana display dari dokumen html tersebut akan ditampilkan. Salah satu atribut yang dimiliki tag <meta> adalah viewport yang berfungsi untuk mengatur display dokumen html pada viewport.
Contoh penggunaan:
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,
initial-scale=1.0">
</head>
content=width=device-width mengatur lebar
dari page mengikuti lebar dari device masing masing user.
initial-scale=1.0 mengatur initial zoom level
pada saat pertama page dimuat.
Buatlah halaman landing page sederhana untuk sebuah toko online yang menjual produk elektronik.
Halaman ini harus mencakup:
- Header dengan logo dan navigasi (Home, Produk, Tentang Kami, Hubungi Kami)
- Bagian Utama dengan gambar produk unggulan dan tombol "Beli Sekarang"
- Footer dengan alamat toko dan link media sosial
Comments
Post a Comment