Mengenal CSS dan Penulisan CSS

-
MACAM VERSI CSS
• CSS 1, masih kuno, css hanya di kembangkan
dan digunakan untuk formatting dokumen.
• CSS 2, lebih terasa mantap, Css sudah
menggunakan font, table-layout, dan format
dokumen agar mendukung media printer.
• CSS 3, terbaru, pengembangan dari versi
sebelumnya dan memberikan fitur yang
mengarah efek animasi seperti border efek,
accordion,dll.

KEUNTUNGAN MENGGUNAKAN CSS
• Memisahkan pembuatan dokumen (CSS dan
HTML).
• Mempermudah dan mempersingkat pembuatan
dan pemeliharaan dokumen web.
• Akses web lebih cepat saat di-loading
(mempercepat pembacaann HTML).
• Fleksibel, interaktif, tampilan lebih menarik dan
nyaman dipandang.
• Lebih kecil ukuran file sehingga bandwith yang
digunakan juga otomatis menjadi lebih kecil.
• Dapat digunakan pada semua web browser


EMBEDDED STYLE SHEET
• Embedded Style Sheet adalah cara penulisan kode dimana penulisan CSS 
dilakukan pada tag HTML, yaitu pada tag <style> ... </style> dan sebelum tag <body>.
• Pada tag tersebut akan disisipkan kode CSS 
yang akan digunakan oleh tag HTML.
• Sintak Penulisannya:
<style type="text/css">
<!—Atribut CSS -->
</style>

INLINE STYLE SHEET
• Inline Style Sheet adalah cara penggunaan CSS langsung pada tag HTML yang di butuhkan
saja. Cari ini dilakukan umumnya dikarenakan hanya sedikit properti yang dibutuhkan.
• Sintak Penulisannya:
<tag HTML style="Properti:value/nilai"> ... </tag HTML>

LINKED STYLE SHEET
• Linked Style Sheet adalah cara yang
dianjurkan untuk menggunakan kode css
dengan HTML. Metode ini merupakan cara
pengerjaan dimana antara kode css dan HTML
di pisahkan.
• Untuk menggunakan kode css yang telah
dipisahkan ini, maka dalam kode html dibuat
skrip yang isinya adalah memanggil file css
tersebut untuk digunakan dalam kode html.
• Sintak Penulisannya:
<link rel="stylesheet" type="text/css"
href="namafile.css" >

Comments

Post a Comment

Popular posts from this blog

MY PROFIL

-
Image
1. BIODATA Nama                           :Arifah Fitriani Golongan Darah           :B Tempat, Tgl Lahir        :Liquica, 09 Maret 1995 Jenis Kelamin              :Perempuan Agama                        :Islam Perguruan Tinggi         :STMIK AMIKOM jogjakarta Jurusan                       :Sistem Informasi S1 Telp./Fax                    :- Pendidikan Terakhir    :SMA N 1KOTA MUNGKID Alamat Rumah            :Kuwiran , Taman agung, Muntilan, Magelang Kos                            :Jl.Kamboja 1 no.92 Email                          : arifahf727@gmail.com 2.Riwayat Pendidikan 1. SD SDN TAMANAGUNG 2 2001 2007 2. SMP SMP N 1 MUNGKID 2007 2010 3. SLTA SMA N 1 KOTA MUNGKID 2010 2013 . S1 Sistem Informasi STIMIK AMIKOM Jogja 2013
Read more

STMIK AMIKOM jogjakarta

-
Image
yuhu i'm coming :D selesai ujian nasional dan ada pengumuman kelulusan ,, dan akhirnya saya tidak ketrima SNMPTN , sesuatu banget..hhahha no problem.. dikiranya kuliah harus masuk PTN ??? SALAH BESAR tanggal 30 mei 2013 aku daftar SBMPTN dan udah daftar dapat KAP dan PIN.. Setelah memilih saya ngambil prodi di PTN jogja semua . Hitung-hitung buat cadangan tanggal 4 juni aku daftar di STMIK Amikom jogja setelah pembayaran selesai dapat kartu untuk tes tanggal 5 JUNI esok nya.. setelah masuk ruangan dan mengerjakan 100 soal dengan semampuku :D akhirnya lulus #pinter jga aku,hahhah di jurusan Sistem Informatika. Tanggal 8 JUNI aku datang buat kuliah umum di amikom dan juga melakukan herregestrasi . waktu masuk ruangan kuliah umum #eng #ing #eng saya telat 10 menit :D aduh malu minta ampun dan setelah liat kanan kiri ternyata mayoritas cowok. #adow Di acara itu kami para maba dapat sambutan dari banyak sampai enggak tau namanya. Aku sendiri kagum kok dan saya tidak akan menyesal
Read more

Mengenal LAYOUT WEB dan IMAGE SLICE di HTML

-
LAYOUT WEB Layout adalah proses penataan dan pengaturan teks atau grafik pada halaman.  Layout meliputi penyusunan, pembagian tempat dalam suatu halaman, pengaturan jarak  spasi, pengelompokan teks dan grafik, serta penekanan pada bagian tertentu.  Dalam pengaturan tersebut, digunakan element <div> dengan id dan class CSS yang kita  sesuaikan Diperlukan pemahaman aturan <div> untuk setiap konstruksi penggunaannya di dalam  halaman HTML  Layout menurut bentuk terdiri dari : 1)  Model Top Index Biasanya layout  ini cocok digunakan untuk situs portal. Dengan banyak menu dan  fasilitas yang ditawarkan, atau menampilkan link yang banyak ke situs lain. 2)  Model Layout Bottom Index Biasanya digunakan apabila  isi  dari  halaman  banyak berhubungan dengan topik tunggal. 3)  Model Layout Left Index Layout tipe  ini  lebih akrab dengan pengunjung karena tampilan  menu sama dengan sistem  informasi. 4)  Model Layout Right Index Kebalikan dari  lef
Read more