CSS Advanced(Animations - Media Queries)

-
A.Pendahuluan
    Pada postingan kali ini, saya akan membagikan tentang CSS Animations sampai CSS Media Queries
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 Animations, CSS Style Images, CSS Object-Fit, CSS Buttons, CSS Pagination, CSS Multiple Column, CSS User Interface, CSS Box Sizing, CSS Flexbox, CSS Media Queries dan mencobanya.
B.Alat dan Bahan
 1.Pc
 2.Visual Studio Code
 3.Koneksi Internet

C.Jangka Waktu Pelaksanaan
 1 Hari
D.Penjelasan
   CSS Advance adalah CSS yang sudah berada ditingkatan yang lebih advance dari CSS Basic, yang hanya dasar dasar, CSS Advance adalah lanjutan lanjutan dari CSS Basic.Dan yang kali ini saya pahami adalah dari CSS Animation sampai CSS Media Queries.










Berikut ini kodenya












E.Kesimpulan
   Jadi CSS Animation adalah untuk mengatur animasi sebuah elemen. CSS Style image adalah untuk mengatur Ukuran gambar, mengubah gaya gambar, dan sebagainya. CSS Object-Fit adalah untuk mengatur fit sebuah object. CSS Button adalah membuat sebuah button mempunyai gaya. CSS Pagination adalah sebuah penomoran halaman web. CSS Multiple Column untuk mengatur kolom, seperti halnya di surat kabar, yang mempunyai kolom . CSS Box-Sizing untuk mengatur sebuah ukuran box. CSS Flexbox adalah mengatur agar banyak box menjadi tertata rapi dan fleksibel. CSS Media Queries adalah CSS untuk mengatur agar ukuran web sesuai dengan ukuran media,layar, dan window.
F.Referensi
   https://id.wikipedia.org/wiki/Cascading_Style_Sheets
    https://www.w3schools.com/css/css3_animations.asp
    https://www.w3schools.com/css/css3_images.asp
    https://www.w3schools.com/css/css3_object-fit.asp
    https://www.w3schools.com/css/css3_buttons.asp
    https://www.w3schools.com/css/css3_pagination.asp
    https://www.w3schools.com/css/css3_multiple_columns.asp
    https://www.w3schools.com/css/css3_user_interface.asp
    https://www.w3schools.com/css/css3_box-sizing.asp
    https://www.w3schools.com/css/css3_flexbox.asp
    https://www.w3schools.com/css/css3_mediaqueries.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