Mengenal pentingnya CSS pada website

Hay Sobat Blogger !

Dalam pembahasan materi kali ini, kita membahas CSS, bagaimana CSS membuat blog sobat terlihat lebih menonjol.


A.Pengertian CSS
CSS adalah kumpulan perintah yang digunakan untuk menjelaskan tampilan sebuah halaman situs web dalam mark-up language.
Salah satu contoh bahasa mark-up paling populer adalah HTML (Hypertext Mark Up Language) yang tergolong sebagai bahasa pemrograman standar dan lazim digunakan dalam pembuatan halaman web.


B. Fungsi CSS

1) Proses Desain yang lebih cepat
Saat mendesain website website dengan html akan menyita banyak waktu. Nah dengan CSS semua lebih cepat dan mudah. Anda tinggal mengetikkan satu kali fungsi CSS kemudian menggunakannya di berbagai halaman HTML.

2) Tampilan Website Lebih Variatif
CSS memiliki Array Attribute yang lebih luas daripada HTML. Sehingga, dapat memberikan tampilan website yang lebih baik.

3) pemeliharaan website lebih mudah
Nah, CSS akan memudahkan Anda untuk mengubah tampilan berbagai halaman website.Cukup dengan mengubah fungsi style di file CSS, maka seluruh tampilan yang menggunakan fungsi tersebut akan berubah secara otomatis.Tidak harus diubah secara manual, satu-persatu. 

4)  Loading Page yang Lebih Cepat
Adanya pengurangan bandwidth, dapat membuat loading page website menjadi lebih cepat. Hal ini karena, CSS bisa memisahkan konten web dari bahasa tampilannya dengan cara mengurangi ukuran transfer file.


C. Jenis-jenis CSS

1) Inline style sheet
CSS online adalah perintah pemrograman yang letaknya ada pada objek.
Misalnya saat ingin mengubah sebuah tulisan pada laman tertentu di website, inline style sheet CSS harus menempel pada elemen tulisan tersebut. Anda cukup menambahkan tag <style> saja untuk menerapkan CSS ini. 

Kelebihan Inline CSS :
- Memudahkan dalam perbaikan atribut HTML
- membantu saat pengujian dan melihat perubahan pada satu elemen saja.
- Muat situs web menjadi lebih cepat dan permintaan HTTP menjadi lebih kecil.

Kekurangan CSS Inline :
- Kurang efisien dalam penggunaan karena hanya bisa diterapkan pada satu atribut saja.
- Kurang cocok untuk website dengan baris coding yang banyak

2) External style sheet
Selanjutnya ada external style sheet. CSS ini letaknya berbeda dengan laman yang akan diubah. Cara yang digunakan lebih praktis daripada inline style sheet karena bisa menghemat ruang dan bisa digunakan berulang-ulang untuk laman web yang berbeda.

Tanda khas CSS tipe ini lewat tag <link rel>. Tag ini akan menghubungkan halaman coding pada external style sheet CSS yang terpisah.

Kelebihan external CSS adalah :
- Ukuran file lebih kecil
- Code rapi
- Respon website lebih cepat
- Bisa digunakan untuk beberapa halaman website berbeda

Kekurangan external CSS adalah :
- Kurang cocok untuk halaman website custom
- Halaman website rawan berantakan saat file CSS gagal load sempurna

3) Internal style sheet
CSS internal adalah kode CSS yang ditulis dalam tag <style> dan lokasinya berada di bagian atas file header HTML. CSS internal digunakan untuk membuat kustom khusus dalam satu halaman situs web sehingga halaman lain tidak terpengaruh.
Kelebihan CSS internal :
- Mudah dalam mengedit setiap halaman website
- Tidak perlu mengupload file CSS karena masuk dalam file HTML
- Class dan ID bisa dipakai oleh internal stylesheet
- Mudah saat memperbaiki website CSS yang error
Kekurangan CSS Internal :
- Kurang efisien untuk penggunaan beberapa - - - halaman situs web yang sama karena Anda harus menuliskan ulang.
- Performa website menjadi lebih lambat karena setiap halaman memiliki CSS sendiri.
- Ukuran file menjadi lebih besar karena setiap halaman memiliki CSS sendiri.


D. Peran CSS
Dari sini anda  bisa menyimpulkan bahwa peran CSS untuk website sangatlah penting. Tanpa adanya CSS, tampilan website akan membosankan atau bahkan membutuhkan waktu lama untuk loading. CSS membuat website lebih indah.

Pembahasan kali ini sampai disini dulu ya, Terima kasih

Related Posts

Lokasi: Padang, Kota Padang, Sumatera Barat, Indonesia

Komentar

Posting Komentar

Postingan populer dari blog ini

Model Data Jaringan dan Contoh Model Data Jaringan

Gambar
Hay Sobat Blogger!  Sobat semua sudah tau Database atau basis data kan, Nah Database itu mempunyai macam-macam model, yuk kita bahas salah satu modelnya yaitu Model Data Jaringan dan Contoh Model Data Jaringan !  Pengertian Model Data Jaringan  Model data jaringan (Network Database Model) merupakan model database yang diyakini sebagai cara fleksibel mewakili objek dan hubungan mereka. Model ini memiliki fitur istimewa yang pada skema, diperlihatkan sebagai grafik dengan tipe objek ialah node, tipe hubungannya ialah kurva, yang tidak terbatas dengan menjadi hierarki atau berkisi. Model  data jaringan merupakan pengembangan atau perpanjangan dari model hierarkis, yang mengatur data dalam struktur yang mirip dengan grafik.  Dalam model ini, data di representasikan sebagai koleksi record dan hubungan antar record direpresentasikan sebagai pointer. Dari model data hirarki dimana kelemahan yang ada pada model basis data hirarki yaitu ketidakmampuannya dalam menge...
Baca selengkapnya

Model Data dan Contoh Model Data Hierarkis

Gambar
Hay Sobat Blogger !  Pengertian Model Data Hirarki Model database adalah suatu konsep yang terintegrasi dalam menggambarkan hubungan (relationships) antar data dan batasan-batasan (constraint) data dalam suatu sistem database . Meskipun banyak model database yang ada, namun ada 3 model yang paling umum yaitu Model Database Hierarkis, Model Database Jaringan dan Model Database Relasi. Kali ini kita akan bahas Model Data dan Contoh Model Data Hierarkis !  Model Hierarkis (model hirarki) dirancang dengan hubungan yang terstruktur sehingga memungkinkan dan mempermudah akses terhadap suatu data, memiliki kemampuan untuk menemukan dan memelihara hubungan antar kelompok data. Model data hierarki disebut juga model pohon, karena hubungan antar simpul digambarkan seperti struktur pohon (tree-structured) yang dibalik dengan pola hubungan orang tua-anak (parent –   child). Simpul yang paling atas disebut akar (root) dan paling bawah disebut daun . Setiap simpul digambarkan deng...
Baca selengkapnya

Mengenal User Interface, Pengertian, fungsi lengkap

Gambar
  Hay Sobat Blogger ! Dalam berselancar di internet, sobat pastinya pernah menemukan penampilan website yang buruk, pasti akan bingung dan sulit dalam menggunakannya, itulah mengapa user interface website perlu diperhatikan. A. Pengertian UI UI akan memengaruhi seorang untuk tertarik berkunjung dan berlama-lama berada di web yang Anda punya. User Interface adalah tampilan visual sebuah produk yang menjembatani sistem dengan pengguna (user). Tampilan UI dirancang dengan desain beberapa aspek, mulai dari layout, gambar logo, pemilihan warna yang sesuai, typography yang mudah dibaca dan hal lainnya. Tujuannya, untuk mempercantik tampilan. Nah, semua elemen yang memperindah tampilan tersebut termasuk dalam elemen UI. Tampilan UI akan memengaruhi kenaikan traffic pengunjung pada web Anda. Bila UI itu kurang menarik atau malah terlampau ramai hingga memperumit saat pengoperasian web maka membuat pengguna internet malas untuk memakai website Anda. B. Fungsi UI 1) Peningkatan pengalaman pe...
Baca selengkapnya