CSS


A. Judul/Nama Kegiatan
CSS
B. Pendahuluan
Pengertian
CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik.
Latar Belakang
Mempelajari tentang dasar CSS.
Maksud dan Tujuan
Memahami tentang dasar CSS.
Hasil yang diharapkan
Mengerti dan paham tentang dasar CSS.
C. Alat dan Bahan
- Koneksi Internet
- PC / Laptop
D. Waktu pelaksanaan
10 menit
E. Proses & tahapan kerja
Apa itu CSS ?
CSS adalah kependekan dari Cascading Style Sheet. CSS merupakan kumpulan kode-kode yang bertujuan untuk menghias dan mengatur gaya tampilan/layout halaman web supaya lebih elegan dan menarik. CSS adalah sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Awalnya, CSS dikembangkan di SGML pada tahun 1970, dan terus dikembangkan hingga saat ini. CSS telah mendukung banyak bahasa markup seperti HTML, XHTML, XML, SVG (Scalable Vector Graphics) dan Mozilla XUL (XML User Interface Language).
Pada desember 1996, W3C memperkenalkan Level 1 spesifikasi CSS atau juga dikenal CSS1 yang mendukung format, warna font teks, dan lain-lain. Kemudian, Mei 1998, W3C menerbitkan CSS2 yang di dalamnya diatur fungsi peletakan elemen. Dan sekarang, W3C telah memperbaiki dan meningkatkan Kemampuan CSS2 ke  CSS3.

Cara Penulisan CSS
Inline Style Sheet
CSS didefinisikan langsung pada tag HTML yang bersangkutan. Cara penulisannya cukup dengan menambahkan atribut style="..." dalam tag HTML tersebut. Style hanya akan berlaku pada tag yang bersangkutan, dan tidak akan memengaruhi tag HTML yang lain.

External Style Sheet
CSS didefinisikan secara terpisah dengan menggunakan format file .css . Pada file html, untuk melakukan import kode css bisa menggunakan tag <link rel="stylesheet" href="nama file css">.

Embedded Style Sheet
CSS didefinisikan terlebih dahulu dalam tag <style> ... </style> di atas tag <body>. Pada pendefinisian ini disebutkan atribut-atribut CSS yang akan digunakan untuk tag-tag HTML, yang selanjutnya dapat digunakan oleh tag HTML yang bersangkutan.

Shorthand CSS
Teknik shorthand adalah cara mempersingkat penulisan kode CSS yang memungkinkan untuk menetapkan nilai beberapa property secara bersamaan. Teknik ini dapat menghemat karakter, menghemat energi, dan tentu saja menghemat waktu. Kode jadi terlihat lebih rapi, efisien, dan seringkali lebih mudah dibaca.

Dalam CSS, adalah wajar jika satu property memiliki banyak elemen. Misalnya dalam CSS margin memiliki 4 property untuk setiap sisi elemen.

  • margin-top
  • margin-right
  • margin-bottom
  • margin-left

Jika menggunakan teknik shorthand CSS, maka penulisan semua property bisa disatukan demi terciptanya kode yang lebih ringkas. Urutan penulisan syntax pada teknik shorthandharus benar agar sesuai dengan style yang diinginkan.
contoh :
margin : 3px 5px 7px 10px; 
Keterangan :
margin-top : 3px;
margin-right : 5px;
margin-bottom : 7px;
margin-left : 10px;
F. Hasil yang didapatkan
Mengerti dan paham tentang dasar CSS.
G. Temuan masalah
Tidak ada.
H. Kesimpulan yang didapat
CSS merupakan sebuah kode yang digunakan untuk mempercantik tampilan dalam sebuah website.
I. Referensi
https://www.devaradise.com/id/2013/08/mengenal-apa-itu-css-dan-bagaimana-menggunakannya.html
https://id.wikipedia.org/wiki/Cascading_Style_Sheets

Comments

Post a Comment

Popular posts from this blog

Aplikasi E-Learning Moodle

Image
Assalamualaikum Wr. Wb. Halo! kali ini saya ingin membuat sebuah postingan tentang aplikasi E-learning Moodle.   A. Latar Belakang Dengan semakin berkembangnya zaman, teknologi internet dan media elektronik yang semakin besar, kini semakin banyak aplikasi yang menggunakan internet untuk membantu semua pekerjaan manusia. Salah satu bidang yang memiliki penerapan aplikasi menggunakan media elektronik adalah dunia pendidikan yang biasanya disebut E-learning. E-learning memang belum terlalu populer walau sudah ada pengaplikasian di sekolah Indonesia, dan kini mulai banyak sekolah sekolah yang menerapkan E-learning. Salah satu contoh aplikasi E-learning yang digunakan di Indonesia adalah Moodle dan dari aplikasi ini kita akan memahami tentang Moodle. B. Tujuan - Agar bisa memahami apa tu Moodle - Agar bisa menerapkan aplikasi Moodle di sekolah C. Materi Moodle dapat merubah sebuah media pembelajaran kedalam bentuk web. Pengertian Moodle adalah sebuah aplikasi Course Management System ...
Read more

Sharing Bareng Mas Aji || Linux Basic

Image
A. Judul/Nama Kegiatan Sharing Bareng Mas Aji || Linux Basic B. Pendahuluan Pengertian Linux adalah nama yang diberikan kepada sistem operasi komputer bertipe Unix. Linux merupakan salah satu contoh hasil pengembangan perangkat lunak bebas dan sumber terbuka utama. Seperti perangkat lunak bebas dan sumber terbuka lainnya pada umumnya, kode sumber Linux dapat dimodifikasi, digunakan dan didistribusikan kembali secara bebas oleh siapa saja. Latar Belakang Setelah sebelumnya sharing tentang ngoding website, mas aji sharing dengan hasil undian yang disebutkan teman-teman. Maksud dan Tujuan Sharing tentang linux basic. Hasil yang diharapkan Mengerti dan paham tentang Linux Basic. C. Alat dan Bahan - D. Waktu pelaksanaan jam 10.30 - 12.30 E. Proses & tahapan kerja Hari ini mas aji kamaludin mengisi sharing tentang linux basic. Jadi yang harus tahu mempelajari tentag apa yaitu linux,fungsi,distro,perintah-peritanh dasar dan masih banyak lagi. Linux adalah nama sebuah kernel dan linux juga...
Read more

Mengenal FreeBSD

Image
A. Judul/Nama Kegiatan Mengenal FreeBSD B. Pendahuluan Pengertian FreeBSD adalah sebuah sistem operasi bertipe Unix bebas yang diturunkan dari UNIX AT&T lewat cabang Berkeley Software Distribution (BSD. Latar Belakang Mempelajari tentang FreeBSD. Maksud dan Tujuan Mengetahui tentang FreeBSD. Hasil yang diharapkan Mengerti dan paham tentang FreeBSD. C. Alat dan Bahan - Koneksi Internet - PC / Laptop D. Waktu pelaksanaan 20 Menit E. Proses & tahapan kerja Apa Itu FreeBSD ? FreeBSD adalah sebuah sistem operasi bertipe Unix bebas yang diturunkan dari UNIX AT&T lewat cabang Berkeley Software Distribution (BSD) yaitu sistem operasi 386BSD dan 4.4BSD-Lite, meskipun pada awalnya FreeBSD rilis 1.0 diturunkan dari sistem operasi 386BSD dan 4.3BSD-Lite. FreeBSD merupakan turunan dari Berkeley UNIX. Akan tetapi, FreeBSD tidak bisa dipanggil sebagai Unix. FreeBSD dirilis dengan berbagai lisensi perangkat lunak terbuka. Kode kernel dan mayoritas kode yang baru ditulis dirilis dengan lise...
Read more