CSS DASAR - #2 STRUKTUR CSS

STURKTUR CSS

Assalamualaikum wr wb

menyambung pertemuan yang kemarin tentang pengantar css untuk kesempatan kali ini kita akan membahas mengenai apa, dan bagaimana struktur css. dalam css tersusun atas beberapa : Selector, Property, dan Value,

Penjelasan mengenai item css yaitu :

Selector adalah bagian yang akan diberi style (Tag HTML, Class, dll)

Property adalah suatu jenis style CSS yang berfungsi memberikan style pada selector.

Value adalah nilai dari property dimana value telah ditentukan pasangannya dengan property yang ada.

Dibawah ini adalah struktur cara penulisan css:

Selector { property: value; }

Gambaran contoh penulisan css : 

Selector : 
- digunakan untuk memilih dan memanipulasi elemen spesifikasi pada HTML.
- Elemen HTML dipilih berdasarkan Tag, Id, Class bahkan pola/pattern.
- Semakin kompleks struktur HTML, selector juga bisa semakin kompleks/spesifik.

Mungkin teman-teman masih ada yang bingung bisa ditanyakan di kolom komentar, untuk pertemuan kali ini akan saya akan saya akhiri semoga postingan ini bisa membantu dan dapat meningkatkan wawasan kita sekalian mengenai CSS, Sekian Terima Kasih

Wassalamualaikum wr wb.

CSS DASAR - #1 PENDAHULUAN CSS

CSS (CASCADING STYLE SHEET)

Assalamualaikum Wr Wb

Pada kesempatan kali ini saya akan memposting mengenai apa itu CSS, CSS atau Cascading Style Sheet digunakan untuk memberi style/gaya, ukuran tampilan dll dalam sebuah website yang akan dibangun.
"Mekanisme sederhana yang mengatur gaya/Style (Contoh : Warna, Ukuran, Posisi Dll) pada halaman web"


Sebelum ada css untuk mendesign sebuah halaman web website mungkin seperti ini :


Tampilan Tanpa CSS :


Sangat merepotkan bukan, kalau css tidak ada dan cara ini diterapkan bagaimana repotnya kita dalam mengedit/merubah tampilan website, hanya untuk menampilkan "Hello World" memerlukan banyak sekali tag-tag html.

Nah, setelah ada css tampilan website bisa dirubah tanpa merubah struktur html itu, ini adalah contohnya :
Setelah ada css

Coding pada HTML


Coding pada CSS


Coding Tersebut dibaca : Dari CSS tolong rubah yang berada di tag <h1> dengan Ukuran Font 120pixel, jenis font : Arial, waena font : Lightblur dan text berada ditengah.

Tampilan dengan CSS :



Bagaimana???? Simpel? atau malah Pusing?
Tampilannya sama kan, tapi keuntungan menggunakan CSS kita tidak perlu merubah struktur HTML kita hanya melakukan perubahan di CSS saja,

Tentang CSS
1) Aturan yang digunakan untuk menampilkan elemen/tag HTML
2) dibuat terpisah dengan HTML
3) bertujuan untuk memisahkan konten dan style
4) 1 CSS dapat digunakan untuk banyak halaman HTML
5) 1 Halaman HTML dapat terlihat berbeda jika menggunakan css yang berbeda pula

Untuk belajar CSS kita harus sabar dan telaten untuk pendahuluan CSS mungkin sampai disini, tunggu postingan-postingan dari kami tentang CSS selanjutnya untuk kesempatan kali ini akan saya akhiri apabila ada yang mau ditanyakan bisa komentar dibawah sini, Sekian dan Terimakasih

Wassalamualaikum wr wb,

BLOGGER

BLOGGER

Assalamualaikum Wr. Wb

Apa itu Blogger?????

Blogger adalah sebuah layanan yang digunakan untuk membuat blog yang dibuat oleh Pyra Labs. Blogger berada di bawah subdomain blogspot.com .Blogger memperbolehkan penggunanya untuk mempublikasikan blognya di server lain, melalui FTP hingga 1 Mei 2010. Setelah tanggal tersebut, semua blog harus disimpan di server Google, meskipun pengguna dapat menggunakan alamat situsnya sendiri dengan fitur Custom Domain. Blogger diakuisisi oleh Google pada tahun 2003  dihost oleh Google. (Sumber : Wikipedia)

Syarat-Syarat Menjadi Seorang Blogger

Selanjutnya mari kita bahas mengenai sejarah Blogger itu,
 Jadi Blogger itu berawal dari tanggal 23 Agustus 1999, yang diluncurkan oleh Pyra Labs dan menjadi layanan publikasi pertama didunia, dan serta blogger berperan dalam mempopulerkan format blog didunia. pada bulan Februari 2003 Blogger diakusisi oleh Google, pada tanggal 9 Mei 2004 Blogger memperkenalkan beberapa perubahan besar pada sistem publikasi blognya. menambahkan  fitur seperti template yang memenuhi dasar pembuatan web halaman arsip. Pada 14 Agustus 2006, Blogger meluncurkan versi terbarunya dalam tahap beta, yang diberi nama kode "Invader". Versi terbaru ini memigrasikan pengguna Blogger ke server milik Google dan menambahkan beberapa fitur baru. Pada Desember 2006, versi baru ini keluar dari tahap beta. Mei 2007, Blogger selesai memigrasikan semua data penggunanya ke server Google. (Sumber : Wikipedia)

Mungkin sekian yang bisa disampaikan dalam kesempatan kali ini apabila terdapat salah ucap, saya mohon maaf. Sekian Terima Kasih.

Wassalamualaikum Wr Wb.