Assalamu'alaikum Wr Wb.
Dalam Pertemuan pada minggu kali ini, saya akan memaparkan sedikit mengenai pengertian dan pengenalan CSS.
PENGERTIAN CSS
Apa itu CSS?
CSS merupakan singkatan dari Cascading Style Sheets.
CSS menjelaskan bagaimana elemen HTML yang akan ditampilkan pada layar, kertas, atau di media lain.
CSS menghemat banyak pekerjaan. Hal ini dapat mengontrol tata letak halaman web beberapa sekaligus.
Stylesheet eksternal disimpan dalam file CSS.
Latar Belakang
Seiring berkembangnya teknologi dunia pemrograman , CSS tidak cuma digunakan di HTML dan XHTML saja. Tetapi, sudah bisa digunakan untuk mendesain tampilan aplikasi android. CSS diakses menggunakan id atau class. Untuk contoh penulisannya perhatikan contoh berikut dan lebih jelasnya akan saya paparkan pada tutorial berikutnya.
MAKSUD DAN TUJUAN
CSS dapat dikatakan dokumen yang berisi style untuk mengatur tampilan suatu halaman website agar lebih menarik dan interaktif dengan tujuan menarik minat oengunjung. Para desainer web menggunakan CSS untuk merapikan tampilan website agar lebih menarik dan interaktif, dengan mengubah elemen tag HTML seperti huruf, teks, background, dan gambar.
ALAT DAN BAHAN
1. PC /Laptop /Notebook
2. Text Editor ( Sublime Text, Notepad ++, dll)
3. Web Browser : Mozilla Firefox, Google Chrome, Internet Explorer,dll.
Mengapa Gunakan CSS?
CSS digunakan untuk menentukan gaya untuk halaman web Anda, termasuk desain, tata letak dan variasi tampilan untuk perangkat yang berbeda dan ukuran layar.
CSS Soal Big Masalah
HTML tidak pernah dimaksudkan untuk berisi tag untuk memformat halaman web!
HTML diciptakan untuk menjelaskan isi darihalamanweb, seperti:
<H1> Ini adalah Heading 1</H1>
<p> Ini adalah sebuah paragraf</p>
Ketika tag seperti <font>, dan atribut warna ditambahkan ke spesifikasi HTML 3.2, mulai mimpi buruk bagi pengembang web. Pengembangan website besar, di mana font dan warna informasi yang ditambahkan ke setiap halaman, menjadi proses yang panjang dan mahal.
Untuk mengatasi masalah ini, World Wide Web Consortium (W3C) dibuat CSS.
CSS dihapus gaya format dari halaman HTML!
esheet eksternal, Anda dapat mengubah tampilan seluruh situs web dengan mengubah hanya satu file!
CSS Menyimpan Banyak Kerja!
Definisi gaya biasanya disimpan dalam file css eksternal.
Dengan file styl
SEJARAH SINGKAT CSS
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang direkomendasikan oleh World Wide Web Consortium (W3C) pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati standar CSS.
VERSI
Untuk saat ini terdapat tiga versi CSS, yaitu CSS1, CSS2, dan CSS3. CSS1 dikembangkan berpusat pada pemformatan dokumen HTML, CSS2 dikembangkan untuk memenuhi kebutuhan terhadap format dokumen agar bisa ditampilkan di printer, CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. Kehadiran versi CSS yang ketiga diharapkan lebih baik dari versi pertama dan kedua.
CSS3 juga dapat melakukan animasi pada halaman website, diantaranya animasi warna hingga animasi 3D. Dengan CSS3 desainer lebih dimudahkan dalam hal kompatibilitas websitenya pada smartphone dengan dukungan fitur baru yakni media query. Selain itu, banyak fitur baru pada CSS3 seperti : multiple background, border radius, drop-shadow, border-image, CSS math, dan CSS Object Model.
Dalam tutorial ini saya memaparkan CSS versi CSS3.
FUNGSI DAN KEGUNAAN CSS
CSS dapat merubah huruf, ukuran huruf, warna dan format huruf. Mengatur ukuran tampilan, lebar tinggi dan warna element, mengubah tampilan form, membuat halaman website yang responsive dan masih banyak lagi yang dapat dilakukan oleh CSS yan tidak akan ada habisnya saya tulis di Tutorial CSS ini.
Untuk men-desain huruf(font) dapat dilakukan dengan mendefinisikan font, untuk mengatur warna bisa menggunakan color, margins digunakan unutk mengatur jarak pada luar element tertentu. Mengatur warna atau gambar latar belakang bisa menggunakan Background. Mengatur ukuran font menggunakan font size, jenis font menggunakan font-family dan masih banyak lagi.
CARA PENGGUNAAN CSS
File CSS disimpan dengan ekstensi .css , kemudian di import atau dihubungkan keadaan kedalam file HTML atau PHP yang ingin kita desain dengan CSS menggunakan syntax berikut ini.
<link rel="stylesheet" type="text/css" href="style.css">
Jika file CSS terletak dalam sebuah folder. Katakan saja foldernya adalah "asset" . Maka untuk menghubungkannya menggunakan seperti berikut.
href="asset/style.css"
KESIMPULAN
Dapat saya ambil kesimpulan dari paparan diatas tadi, ibarat sebuah rumah CSS adalah dekorasi dari rumah tersebut yaitu tujuannya untuk mempercantik rumah, sama dengan CSS ini yang bertujuan agar tampilan website lebih cantik dan terlihat modern.
Sekian Tutorial Dasar tentang Mengenal dan Pengertian CSS. Untuk lebih lengkapnya aka dijelaskan pada Tutorial CSS Dasar pada postingan selanjutnya. Jika ada yang ditanyakan silahkan berikan komentar.
Sekian dan Terima Kasih.
REFERENSI
No comments:
Post a Comment