MENGENAL CCS DAN HMTL

 

HTML ini  sabutan ada di “ulang layar” tampilan halaman web yang kamu akses.  Aturan sebuah situs web akan berantakan tanpa adanya bahasa pemrograman sebagai HTML.

Belajar CSS akan lebih mudah jika kamu paham soal HTML. Yuk berlatih membuat halaman HTML sifat dengan wordpress

Hubungan Antara CSS dan HTML

jika, apa hubungannya HTML dengan CSS? Keduanya sangat berhubungan erat. CSS adalah kode-kode yang dipakai guna yakni ndesain sebuah laman HTML.

Jika HTML diibaratkan seperti seorang manusia, maka CSS yaitu pakaian yang membuat penampilan menjadi semakin menarik.

CSS akan membantu para web designer guna mengubah tampilan teks (baik dari bentuk dan ukuran font maupun warnanya), menambahkan gambar, sampai mengubah latar belakang sebuah halaman HTML.

Keberadaan CSS dapat terlihat dengan adanya atribut warna teks. Di sini CSS memberi perintah berbentuk teks berwarna biru melalui tag <span> dengan atribut class=”warna”. muncul setiap tag <span> keluar, teks yang mengikutinya bagi berwarna biru.

Pun demikian saat kamu ingin mengganti warnanya. Tinggal mengubah CSS pada tag <style> dari “blue” ke warna lain, maka teks yang awalnya berwarna biru untuk berganti warna.

Setelah memahami hubungan antara CSS dengan HTML, mari berikutnya belajar CSS ke poin selanjutnya yaitu tentang manfaat.

Belajar CSS untuk Pemula

Sebenarnya guna manfaat CSS kamu sudah dapat mengetahuinya dari penjelasan sebelumnya. Pada dasarnya, CSS berfungsi guna mendesain, membentuk, serta mengubah tampilan halaman sebuah website. CSS bisa bekerja dan berlaku melalui tag HTML.

Dengan adanya CSS, tag HTML yang sederhana bisa diubah seperti tampilan laman website pun menjadi terlihat lebih menarik dan efisien.

Cara kerja CSS

 CSS beroperasi melalui tag <style> dengan alamat class warna. Dengan adanya CSS pada HTML tersebut lalu pengaturan warna teks untuk menjadi lebih mudah.

Saat kamu ingin mengubah warna teks cukup mengetikkan tag <span> tanpa harus menulis mengganti perintah. Jadi dapat disimpulkan bahwa CSS akan menghemat waktumu dengan perintah-perintah yang sesui.

Hal ini dapat terjadi karena CSS sendiri dikembangkan guna bisa mengubah tampilan halaman website tanpa harus mengganti isi konten.

Jika kembali pada  ungkapan manusia dan pakaian di poin sebelumnya, dengan CSS kamu tidak mengubah bentuk manusianya tapi hanya mengganti pakaiannya. Dengan begitu guna mengubah dan memprogram ulang tampilan website pun bisa dilakukan dalam waktu cepat.

Peran CSS

Dari sini kamu dapat menyimpulkan bahwa peran CSS guna website sangatlah penting. Tanpa adanya CSS, tampilan website akan membosankan maupun bahkan membutuhkan waktu lama guna loading.

Bayangkan saja kamu cuma dapat bergantung pada HTML guna membuat sebuah situs. Bukan hanya tampilan situs akan “hambar” tapi kamu juga butuh waktu lebih lama akibat harus berulang kali mengetikkan perintah.

Keuntungan belajar CSS

Dengan belajar CSS kamu (seperti seorang web designer) bahkan dapat lebih mudah mengendalikan website. Kamu tidak harus pusing-pusing mengutak-atik HTML saat harus memprogram ulang tampilan halaman.

Bahkan pada CSS tingkat lanjut, kamu dapat mengatur website lewat medium yang lain sebagai suara.

Keuntungan lain dari belajar CSS yakni tingkat compatibility yang tinggi. CSS  cocok dengan kebanyakan browsers dan sangat user-friendly.

Menurut website teknologi informasi Amerika Serikat, lifewire, menguasai CSS bahkan dapat menperoleh pemasukan tambahan. Kamu dapat menjadi seorang freelance web designer maupun apalagi menjual jasamu pada pihak yang membutuhkan.

Terlebih, CSS juga akan melatihmu guna membuat website yang bermacam. Jadi kamu dapat membuat bervariasi website tanpa harus menghabiskan waktu guna belajar ulang.

Macam-macam CSS

Saat belajar CSS kamu perlu mengetahui bahwa CSS sendiri dibagi menjadi sejumlah beragam dengan penggunaan yang berbeda-beda. Hal ini dimaksudkan agar kamu mencoba melaksanakan teori yang sudah dipelajari tidak mengalami kekeliruan.

Sedikitnya ada tiga ragam CSS yang sering digunakan oleh web designer. selanjutnya penjelasannya. 

 Inline style sheet

Pertama ada inline style sheet. Sederhananya, CSS model ini merupakan CSS dengan perintah pemrograman yang letaknya ada pada objek.

contohnya kamu ingin mengubah sebuah tulisan pada halaman tertentu di website milikmu, inline style sheet CSS harus menempel pada elemen tulisan tersebut. Kamu cukup menambahkan tag <style> saja guna menerapkan CSS ini.

  External style sheet

Selain inline style sheet ada external style sheet. CSS ini letaknya berbeda dengan halaman yang akan diubah. Cara ini lebih praktis daripada inline style sheet karena dapat menghemat ruang dan bisa digunakan berulang-ulang guna halaman web yang berbeda.

Kamu dapat mengenali CSS tipe ini lewat tag <link rel>. Tag ini bagi menghubungkan halaman coding pada external style sheet CSS yang terpisah.

 Embedded style sheet

Terakhir ada embedded style sheet. CSS model ini sama seperti inline style sheet, sama-sama berada pada satu halaman coding. Maka tidak membingungkan jika embedded style sheet terkadang disebut dengan internal style sheet. umumnya CSS ini diapit oleh tag <head> </head> dan diawali dengan tag <style>.

Embedded style sheet sering digunakan guna mengatur halaman web dengan tampilan yang unik. contohnya dalam satu paragraf tulisan ada kalimat yang berbeda dan hal tersebut terus bergame.

Kelebihan dan Kekurangan CSS

Kelebihan :

1.  Update tampilan lebih mudah

2.  Beban bandwith lebih kecil

3.  Modifikasi Web template lebih mudah

4.  Lebih mudah digunakan pada mobile phone

5.  Search engine friendly

6.  Memisahkan desain dengan konten halaman web

7.  Mengatur desain seefisien mungkin

8.  Jika kita ingin mengganti suatu topik halaman web, cukup modifikasi pada css saja

9.  Menghadirkan sesuatu yang tidak dapat dilakukan oleh HTML

   10  Lebih mudah didownload karena lebih ringan ukuran filenya

11 Satu CSS dapat digunakan banyak halaman web

12 Menghemat penulisan kode, karena satu css bisa dipakai beberapa kali

13 Mempersingkat waktu kerja, baik saat membuat ataupun saat perubahan laman Web/Blog

Kekurangan :

1.  Tampilan pada browser berbeda-beda.

2.  Kadang juga terdapat browser yang tidak support CSS (browser lama).

3.  Harus tahu cara menggunakannya.

4.  Dibutuhkan waktu lebih lama dalam membuatnya.

5.  Belum lagi ada bug/error dalam CSS

Simpulan

CSS memiliki andil yang besar dalam pembuatan website. Tanpa adanya CSS tampilan halaman web bagi terlihat membosankan. Dari sisi web designer sendiri, CSS bagi membantu mereka guna menghemat waktu akibat tidak harus lagi mengetikkan perintah yang sama.