Posts

Showing posts from October, 2024
Image
 Tugas Pertemuan 9 - Bootstrap login page Nama: Geraldo Benjamin Nainggolan NRP: 5053231014 Kelas: M Link web:  Web Login Link source code:  Source code
Image
 PWEB ETS Nama: Geraldo Benjamin Nainggolan NRP: 5053231014 Kelas: M Link jawaban:  Jawaban Responsive web design adalah pendekatan desain web bertujuan membuat situs web dapat ditampilkan dalam berbagai platform seperti desktop, handphone, Ipad, dan lain-lain.  tampilan dan fungsionalitas situs web akan menyesuaikan secara otomatis, sehingga pengguna mendapatkan pengalaman yang optimal tanpa harus melakukan zoom atau scroll berlebihan. Teknik yang digunakan untuk membuat responsive web: Media Queries Media Queries adalah fitur di CSS yang memungkinkan kita untuk menerapkan gaya berbeda berdasarkan ukuran layar, orientasi, atau karakteristik perangkat lainnya. Media Queries memungkinkan untuk menjalankan serangkaian pengujian (misalnya, apakah layar pengguna lebih besar dari lebar tertentu, atau resolusi tertentu) dan menerapkan CSS secara selektif untuk menata laman sesuai kebutuhan pengguna. Flexbox dan Grid Flexbox atau Flexible Box adalah metode tata letak satu dimens...
Image
 PWEB TUGAS 07 - CSS - COURSE LANDING PAGE -Oktober 24, 2024 Nama: Geraldo Benjamin Nainggolan NRP: 5053231014 Kelas: Pemrograman Web (M) Tugas 07 - CSS membuat landing page online course menggunakan css Link Web:  Website course Link Source code:  Source
Image
 Tugas Study Case  nama: Geraldo Benjamin Nainggolan NRP: 5053231014 Landing Page - Bareksa Link website:  Bareksa Clone Link Github:  Github Bareksa Bareksa adalah salah satu mitra distribusi yang dipercaya oleh Kementrian Keuangan RI untuk menjual Surat Berharga Negara ritel secara online. Disini saya membuat landing page website nya. Kode HTML: <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Bareksa </ title >     < link rel = "preconnect" href = "https://fonts.googleapis.com" >     < link rel = "preconnect" href = "https://fonts.gstatic.com" crossorigin >     < link href = "https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap" rel = ...