CSS Responsive & CSS Grid

-
A.Pendahuluan
    Pada postingan kali ini, saya akan membagikan tentang CSS Responsive & CSS Grid)
1.Pengertian
   CSS(Cascading Style Sheets) adalah aturan untuk mengatur komponen komponen yang ada dalam web. Biasanya digunakan untuk memformat tampilan halaman web yang dibuat dengan HTML dan XHTML
2.Latar Belakang
   Agar sebuah web memiliki ukuran yang berubah ubah secara otomatis, sesuai dengan ukuran layar / window.
3.Maksud dan Tujuan
  Memahami CSS Responsive dan CSS Grid
B.Alat dan Bahan
 1.Pc
 2.Visual Studio Code
 3.Koneksi Internet

C.Jangka Waktu Pelaksanaan
 1 Hari
D.Penjelasan
   CSS Responsive adalah CSS untuk mengatur agar sebuah web dapat merubah ukuranya sendiri secara otomatis sesuai dengan ukuran layar device, misal Desktop dan Smartphone. Ataupun window.
    Dan Grid adalah sebuah aturan untuk mengatur tata letak sebuah elemen web, agar tertata rapi. Inilah hasilnya





Berikut ini kodenya




   


E.Kesimpulan
   Jadi, kita membutuhkan CSS Responsive dan Grid, agar sebuah web, bisa tertapa rapi, dan ukuranya menyesuaikan sesuai proporsi layar juga. Untuk CSS Responsive Image, ada 2 kode, yang satu menggunakan CSS dan yang satu lagi adalah alternatifnya, yaitu menggunakan HTML5
F.Referensi
    https://id.wikipedia.org/wiki/Cascading_Style_Sheets
     https://www.w3schools.com/css/css_rwd_grid.asp
     https://www.w3schools.com/css/css_rwd_mediaqueries.asp
     https://www.w3schools.com/css/css_rwd_images.asp
     https://www.w3schools.com/css/css_rwd_videos.asp
     https://www.w3schools.com/css/css_grid_container.asp

Komentar

Posting Komentar

Postingan populer dari blog ini

Instalasi OpenSID

-
Gambar
A.Pendahuluan     Pada postingan kali ini, saya akan membagikan tentang OpenSID 1.Pengertian    OpenSID adalah  Sistem Informasi Desa (SID) yang sengaja dibuat supaya terbuka dan dapat dikembangkan bersama-sama oleh komunitas peduli SID. 2.Latar Belakang    Instalasi OpenSID di Web Server. 3.Maksud dan Tujuan    Bisa memasang dan menggunakan OpenSID dengan baik. B.Alat dan Bahan  1.Pc  2.Web Server  3.File OpenSID C.Jangka Waktu Pelaksanaan   30 Menit D.Penjelasan     SID diharapkan dapat membantu pemerintah desa dalam beberapa hal berikut: kantor desa lebih efisien dan efektif pemerintah desa lebih transparan dan akuntabel layanan publik lebih baik warga mendapat akses lebih baik pada informasi desa OpenSID diharapkan dapat turut membantu agar ke semua 74ribu+ desa di Indonesia dapat menerapkan sistem informasi untuk memajukan desanya. Strategi pengembangan OpenSID adalah untuk: m...
Baca selengkapnya

CSS Basic(Margins)

-
Gambar
A.Pendahuluan     Pada postingan kali ini, saya akan membagikan tentang CSS Margins) 1.Pengertian    CSS(Cascading Style Sheets) adalah aturan untuk mengatur komponen komponen yang ada dalam web. Biasanya digunakan untuk memformat tampilan halaman web yang dibuat dengan HTML dan XHTML 2.Latar Belakang    Untuk mempercantik sebuah tampilan sebuah web, dibutuhkan CSS, dan itulah  fungsinya. 3.Maksud dan Tujuan   Memahami CSS Margins dan mencobanya. B.Alat dan Bahan  1.Pc  2.Atom  3.Koneksi Internet C.Jangka Waktu Pelaksanaan   40 Menit D.Penjelasan   CSS Margins adalah aturan untuk mengatur jarak luar antar suatu elemen, atau jarak suatu elemen dengan layar/window. Berikut ini kodenya E.Kesimpulan    Jadi borders css bisa mengatur jarak antar elemen, seperti halnya diatas jarak antara paragraf dengan horizontal line(hr) . Dan dari elemen ke layar/window. F.Referensi  ...
Baca selengkapnya

Seputar Evaluasi

-
A. Pengertian    Evaluasi adalah suatu kegiatan yang bertujuan untuk melihat atau menilai sesuatu berdasarkan faktor atau acuan tertentu. B. Latar Belakang    Evaluasi sangat penting dilakukan karena dengan adanya evaluasi maka akan membuat kegiatan atau tingkah laku yang dilakukan sebelumnya dapat diperbaiki menjadi lebih baik lagi. C. Maksud dan Tujuan     Lebih memahami makna sebenarnya evaluasi dan sadar akan evaluasi. D. Pembahasan    Evaluasi berasal dari Bahasa Inggris yaitu Evaluation yang berarti penaksiran atau penilaian. Dan dalam Kamus Besar Bahasa Indonesia, Evaluasi memiliki arti yaitu Penilaian.    Menurut Nurkancana (1983), Evaluasi adalah kegiatan yang dilakukan berkenaan dengan proses menentukan nilai dari suatu hal. Sementara itu, menurut Raka Joni (1975) Evaluasi adalah proses untuk mempertimbangkan sesuatu barang, hal atau gejala dengan mempertimbangkan beragam faktor.    Dalam dunia kerja d...
Baca selengkapnya