Nama : Made Satya Dhananjaya
NRP : 5053231001
Kelas : PWEB - M
Link Jawaban Docs : https://docs.google.com/document/d/1feAdkCSGdfrW_xQ-NdnDLpONxd6GZ1nlZRe-X3bd_oc/edit?addon_store&tab=t.0
Link Website : https://madesatya5.github.io/Shop.Co/
Link Github Source Code : https://github.com/MadeSatya5/Shop.Co
Link Demo Youtube : https://youtu.be/Z_dPfVf6Bdg?si=RfLIOS_Qk1iqzGEZ
- Responsive web merupakan pendekatan dalam web development yang membuat website bisa menyesuaikan tampilannya di berbagai jenis layar dan ukuran perangkat. Misalkan di layar laptop, smartphone, ipad, dan lain-lain.
Dua Teknik yang sering digunakan untuk mencapai responsive
web :
- Media
Query
Merupakan teknik yang dapat membantu untuk menentukan aturan CSS yang berbeda di berbagai kondisi, seperti lebar layar, tinggi, resolusi, dan orientasi perangkat sehingga tampilan web menjadi responsive.
- Grid Layout
Merupakan sistem tata letak yang memungkinkan pengaturan elemen-elemen dalam baris dan kolom secara fleksibel, menjadikannya salah satu teknik utama untuk membuat tampilan web responsive
2. Fungsi elemen <meta> dalam HTML adalah untuk menyediakan informasi tambahan tentang dokumen HTML yang tidak terlihat oleh pengguna, tetapi dapat dibaca oleh mesin seperti browser, mesin pencari, atau layanan web lainnya. Tag <meta> selalu ditempatkan di dalam elemen <head> pada dokumen HTML.
Salah satu atribut penting <meta>
- Name
digunakan untuk menetapkan jenis metadata atau informasi yang disampaikan oleh tag tersebut. Atribut ini mengidentifikasi tujuan dari metadata yang diberikan dan memungkinkan mesin pencari, browser, serta layanan web lainnya untuk memahami konteks metadata tersebut. Value dari name ini antara lain : application name, author, description, generator, keywords, viewport.
Contoh :
<meta name="keywords" content="HTML, CSS, JavaScript, Web Development">
Penjelasan :
Kode diatas mempunyai fungsi menyediakan kata kunci yang berkaitan dengan konten halaman.
3. Hasil Web E-Commerce:
4. Hasil Form :
Comments
Post a Comment