Kamis, 20 Juni 2013

sejarah CSS

Apa itu CSS / Cascading Style Sheet CSS - Merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi. CSS bukan merupakan bahasa pemograman. Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file). Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML. CSS dapat mengendalikan ukuran gambar, warna bagian tubuh pada teks, warna tabel, ukuran border, warna border, warna hyperlink, warna mouse over, spasi antar paragraf, spasi antar teks, margin kiri, kanan, atas, bawah, dan parameter lainnya. CSS adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen. Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda. 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 atau W3C pada tahun 1996. Setelah CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS. Pada tanggal 17 Agustus 1996, World Wide Web Consortium (W3C) menjadikan CSS sebagai bahasa pemrograman standart dalam pembuatan dokumen web. Tujuannya adalah mengurangi pembuatan tag-tag baru oleh Netscape dan Internet Explorer, karena kedua kedua browser pada saat itu bersaing mengembangkan TAG sendiri untuk mengatur tampilan web. CSS atau lebih lengkapnya disebut Cascade Style Sheet merupakan salah satu bahasa pemrograman web yang mutlak digunakan untuk merancang web layout. Tujuan digunakannya CSS dalam membuat suatu halaman web agar diperoleh suatu web layout yang konsisten pada style elemen tertentu sehingga akan terlihat lebih terstruktur dan seragam. CSS pertama kali dikembangkan pada tahun 1996, dimana World Wide Web Consortium atau W3C sebuah lembaga konsorsium untuk standarisasi web menyusun draft proposal untuk membuat CSS. Setelah proposal diterima, berjalanlah proyek pembuatan CSS ini hingga muncul CSS level 1. CSS level 1 ini mendukung beberapa pengaturan seperti: 1. Font (jenis, ketebalan) 2. Warna, teks, backgrounf dan elemen lainnya 3. Text attributes, misalnya spasi antar baris, kata dan huruf 4. Posisi teks, gambar, table dan elemen lainnya 5. Marjin, border dan padding. versi-versi 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, sedangkan CSS3 adalah versi terbaru dari CSS yang mampu melakukan banyak hal dalam desain website. CSS2 mendukung penentuan posisi konten, downloadable, huruf font, tampilan pada tabel /table layout dan media tipe untuk printer. Kehadiran versi CSS yang kedua diharapkan lebih baik dari versi pertama dan kedua. CSS3 juga dapat melakukan atau menampilkan animasi pada halaman website / blog, 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. Definisi CSS CSS adalah singkatan dari Cascading Style-Sheet, sebuah pengembangan atas kode HTML yang sudah ada sebelumnya. Dengan CSS, kita bisa menentukan sebuah struktur dasar halaman web secara lebih mudah dan cepat, serta irit size. CSS juga membantu kita untuk menyeragamkan seluruh halaman website dengan tampilan yang konsisten. Misalnya, kita mau seluruh font yang ada di website kita adalah font "Tahoma", maka dengan bantuan CSS kita bisa bikin proses itu menjadi otomatis tanpa harus mengganti-ganti font secara manual di setiap halaman. Dahulu kala, sebelum CSS menjadi standar untuk mendesain halaman web seperti sekarang, halaman web di desain menggunakan . jadi dibuat dulu desainnya, dalam format .psd atau jpeg, lalu di slice atau di potong potong menjadi bagian – bagian terpisah. setelah itu dibuat table dengan ukuran yang sesuai, lalu desain tadi di “tempel” pada table sebagai image yang melekat pada tabel, atau sebagai background. Kelemahan dari cara seperti ini adalah, halaman web menjadi berat karena kolom – kolom penyusun table dan
diberi tambahan atribut image source. Side effect dari hal ini adalah halaman web menjadi padat dan tidak SEO friendly. Berikut adalah cara kerja client side scripting: Pada client side scripting pemrosesannya dilakukan di sisi client yang dalam hal ini komponen client-nya adalah web browser dan komponen servernya adalah web server. Konsep client – server disini tidak harus dipisahkan secara fisik yaitu harus ada computer client dan computer server yang terpisah dan dihubungkan melalui jaringan. Mungkin saja client – servernya adalah secara lojik, yaitu komponen client (web browser) dan server (web server) berada di satu computer yang sama (localhost). Prosesnya terpisah secara lojik tetapi fisiknya erada dalam satu mesin / computer yang sama. Kelebihan penggunaan CSS : 1. halaman web menjadi tidak padat, hingga halaman web menjadi SEO friendly 2. anda dapat dengan mudah mengganti tampilan web dengan cukup mengganti nilai dan definisi pada pada satu file CSS saja. Kekurangannya penggunaan CSS : sayangnya susah untuk dimengerti dibandingkan dengan bahasa pemrograman lainnya contohnya: HTML, PHP, Java Script, dan lain-lain dan CSS ini memerlukan waktu yang sangatlah lama untuk bisa mahir untuk mempelajari CSS ini.. • Dapat dikataan tidak aman jika konteksnya adalah ingin melindungi kode sumber dari pihak lain, karena Kode program dapat dilihat melalui browser. • Jika spesifikasi komputer host rendah (memory, CPU, storage media) maka dokumen web yang menggunakan client side scripting akan lambat diproses. • Karena beberapa web browser menggunakan web engine yang berbeda maka ada kemungkinan client side scripting akan diterjemahkan bebeda oleh masing – masing web browser tersebut. • Minim fitur untuk pengaksesan ke sumber daya computer. Misalkan untuk menulis ke sebuah file di computer, membaca isi file, membuat file / direktori di harddisk computer, dan mengakses port – port di computer tidak dapat dilakukan oleh client side scripting.

1 komentar: