penjelasan singkat css
Pada philosopi dasar "CSS" adalah pendukung dari HTML ,CSS sendiri ini pun di buat bertujuan untuk memudahkan para desainer web untuk mendesain web mereka "blog" dengan lebih mudah,
namun seiring berkembangnya ilmu pengetahuan tentang programer desainer dan semakin banyaknya pula minat orang untuk membuat web/blog sendiri,
CSS sendiripun mulai berkembang dengan cepat,hingga membuat fitur-fitur baru yang unik dan menarik untuk mendesain web/blog untuk para desainer.
adapun penjelasan singkat cara awal bagi anda untuk mengenal lebih dekat tentang CSS sebagai berikut :
Penjelasan singkat tentang CSS :
1penjelasan singkat CSS
2.Di manakah posisi CSS pada template blog ????
3. Pengertian CSS syntax
4.Maksud dari ID dan CLASS pada CSS
5. ada 3 cara memasukan CSS
Catatan : bacalah artikel secara berurutan
Sunday, September 18, 2011
Kumpulan situs-situs Penyedia Web desain/ sekolah Web desain
kumpulan situs web desain terbaik yang saya peroleh dari sebuah forum internasional :
menurut saya situs-situs inilah yang paling bagus untuk anda yang suka men desain blog-potosop-flash dan lain-lainnya yang berhubungan dengan desain ..
saya urutkan sesuai favorit saya .heheh :D
1. w3school
2.subcide
3.psd.tutsplu
4.vector
5.http://emberapp.com/
6.http://css-tricks.com/
7.http://cssline.com/
8.http://tutsplus.com/
9.http://www.cssheaven.com/
10.http://webdesignledger.com/
11.
http://webdesignledger.com/ baik artikel dan tutorial tentang segala sesuatu hanya yang Anda sebutkan, masih sebuah situs muda namun memiliki beberapa bahan yang baik pula.
http://www.redswish.co.uk/ blog dengan pilihan wajar artikel, sebagian besar didasarkan pada aspek desain (visual, informasi dll struktur) tetapi juga hal baru di SEO, dll pemasaran
http://www.designcouncil.org.uk jika Anda ingin tahu tentang desain, teori desain, desain inklusif ... untuk semuanya, dan beberapa khusus diperuntukkan web.
http://www.inspirationbit.com/behind-the-scenes-of-exquisite-web-typography/ Serangkaian artikel pada jenis web yang bagus. Tipografi adalah apa yang membuat atau menghancurkan semua desain yang baik.
http://netdiver.net/ sebuah ezine seluruhnya didasarkan pada galeri portofolio desainer, ini adalah sebagian besar dan lembaga WebDesign desain interaktif, jika Anda ingin inspirasi, atau sedang meneliti cara untuk pendekatan seseorang sesuatu di sini akan melakukannya dengan cara thats benar-benar sangat baik.
12,http://abduzeedo.com/
13http://www.designfloat.com/
14.http://speckyboy.com/
15.http://www.switchonthecode.com/neat-websites/top-10-blogs-for-web-developers
16.barelyfitz.com memiliki beberapa sumber daya yang besar untuk posisi CSS dan banyak lagi.
17 http://net.tutsplus.com/
18.http://doctype.com/
19.http://sixrevisions.com/
20.http://www.cssplay.co.uk/
21.http://www.stunicholls.com/
22.http://www.webdesignerwall.com/
23.http://www.sitepoint.com/
24.http://boagworld.com/
25.http://www.webdesignerdepot.com/
dan masih banyak lagi ....
situs-situs itu saya kumpulkan dari berbagai macam forum-forum internasional yang mediskusikan tentang web desainer..
semoga bermanfaat terimakasih ..
NB: semua situs itu berbahasa inggris .( jika anda ingin belajar membuat desain web, di blog inilah tempatnya ..heheheh :D )
menurut saya situs-situs inilah yang paling bagus untuk anda yang suka men desain blog-potosop-flash dan lain-lainnya yang berhubungan dengan desain ..
saya urutkan sesuai favorit saya .heheh :D
1. w3school
2.subcide
3.psd.tutsplu
4.vector
5.http://emberapp.com/
6.http://css-tricks.com/
7.http://cssline.com/
8.http://tutsplus.com/
9.http://www.cssheaven.com/
10.http://webdesignledger.com/
11.
http://webdesignledger.com/ baik artikel dan tutorial tentang segala sesuatu hanya yang Anda sebutkan, masih sebuah situs muda namun memiliki beberapa bahan yang baik pula.
http://www.redswish.co.uk/ blog dengan pilihan wajar artikel, sebagian besar didasarkan pada aspek desain (visual, informasi dll struktur) tetapi juga hal baru di SEO, dll pemasaran
http://www.designcouncil.org.uk jika Anda ingin tahu tentang desain, teori desain, desain inklusif ... untuk semuanya, dan beberapa khusus diperuntukkan web.
http://www.inspirationbit.com/behind-the-scenes-of-exquisite-web-typography/ Serangkaian artikel pada jenis web yang bagus. Tipografi adalah apa yang membuat atau menghancurkan semua desain yang baik.
http://netdiver.net/ sebuah ezine seluruhnya didasarkan pada galeri portofolio desainer, ini adalah sebagian besar dan lembaga WebDesign desain interaktif, jika Anda ingin inspirasi, atau sedang meneliti cara untuk pendekatan seseorang sesuatu di sini akan melakukannya dengan cara thats benar-benar sangat baik.
12,http://abduzeedo.com/
13http://www.designfloat.com/
14.http://speckyboy.com/
15.http://www.switchonthecode.com/neat-websites/top-10-blogs-for-web-developers
16.barelyfitz.com memiliki beberapa sumber daya yang besar untuk posisi CSS dan banyak lagi.
17 http://net.tutsplus.com/
18.http://doctype.com/
19.http://sixrevisions.com/
20.http://www.cssplay.co.uk/
21.http://www.stunicholls.com/
22.http://www.webdesignerwall.com/
23.http://www.sitepoint.com/
24.http://boagworld.com/
25.http://www.webdesignerdepot.com/
dan masih banyak lagi ....
- http://designblurb.com/
- http://noobr.net/
- http://www.lostandtaken.com/
- http://ilovetypography.com/
- http://www.designshard.com/
- http://www.devlounge.net/
- http://www.noupe.com/
- http://www.thedesigncubicle.com/
- http://www.problogdesign.com/
- http://sixrevisions.com/
- http://www.seomoz.org/blog
- http://www.webdesignerwall.com/
- http://www.smashingmagazine.com/
situs-situs itu saya kumpulkan dari berbagai macam forum-forum internasional yang mediskusikan tentang web desainer..
semoga bermanfaat terimakasih ..
NB: semua situs itu berbahasa inggris .( jika anda ingin belajar membuat desain web, di blog inilah tempatnya ..heheheh :D )
3 cara memasukan CSS
3 cara memasukan css
pendahuluan : cara untuk memasukan sebuah css ke template ada 3 cara
setelah saya telusuri dengan seksama ternyata
Ada tiga cara untuk memasukkan sebuah css style sheet:
Eksternal style sheet
Internal style sheet
style inline
1.Eksternal Style Sheet
Sebuah style sheet eksternal adalah ideal ketika style diterapkan pada banyak halaman.
Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>.
tag <link> masuk ke dalam bagian head:
contoh:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</ Head>
Sebuah style sheet eksternal dapat ditulis dalam editor teks apapun.File tersebut seharusnya tidak berisi tag html.Style sheet Anda harus disimpan dengan ekstensi css..
Sebuah contoh dari sebuah file style sheet adalah sebagai berikut:
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url ("images/back40.gif");}
Catatan: Jangan memberi spasi antara nilai properti dan satuan!
"Margin-left: 20 px" (bukan "margin-left: 20px") akan bekerja di IE, tapi tidak di Firefox atau Opera.Internal Style Sheet
2.internal style sheet
Sebuah style sheet internal harus digunakan bila dokumen tunggal memiliki style yang unik. Anda mendefinisikan gaya internal di bagian kepala halaman HTML, dengan menggunakan tag <style>,
seperti ini:
<head>
<style type="text/css">hr {color: sienna;}
p {margin-left: 20px;}body {background-image: url ("images/back40.gif");}
</ Style>
</ Head>
3.Inline Styles
inline styles :akan kehilangan banyak keuntungan dari style sheet dengan mencampurkan konten dengan presentasi. Gunakan metode ini hemat!
Untuk menggunakan style inline Anda menggunakan atribut style pada tag yang relevan. Atribut style dapat berisi properti CSS.
Contoh ini menunjukkan bagaimana untuk mengubah warna dan margin kiri paragraf:
<p style="color:sienna;margin-left:20px">
Ini adalah sebuah paragraf. </ p>
Beberapa Style Sheets
Jika beberapa properti telah ditetapkan untuk pemilih yang sama dalam style sheet yang berbeda, nilai-nilai akan diwariskan dari style sheet yang lebih spesifik.
Sebagai contoh,
sebuah style sheet eksternal memiliki sifat-sifat untuk pemilih
h3:h3{warna: merah;text-align: left;font-size: 8pt;}
Dan style sheet internal memiliki sifat-sifat untuk pemilih h3:h3{text-align: right;font-size: 20pt;}
Jika halaman dengan internal style sheet juga link ke style sheet eksternal properti untuk h3 akan menjadi:warna: merah;text-align: right;font-size: 20pt;
Warna diwariskan dari style sheet eksternal dan teks-alignment dan ukuran font diganti oleh internal style sheet.Beberapa Styles Akan Cascade ke Satu
style dapat ditentukan:
dalam sebuah elemen HTML
di bagian kepala halaman HTML
dalam sebuah file CSS eksternal
Tip: Bahkan beberapa style sheet eksternal dapat dirujuk di dalam dokumen HTML tunggal.Cascading rangka
apa style akan digunakan ketika ada lebih dari satu gaya yang ditentukan untuk elemen HTML?
Secara umum kita dapat mengatakan bahwa semua gaya akan "cascade" menjadi lembaran baru "virtual" gaya oleh aturan berikut, di mana nomor empat memiliki prioritas tertinggi:
Browser default
Eksternal style sheet
Internal style sheet (di bagian kepala)
Inline style (di dalam elemen HTML)
Jadi,style inline (di dalam elemen HTML) memiliki prioritas tertinggi, yang berarti bahwa ia akan menimpa style didefinisikan dalam tag <head>, atau dalam style sheet eksternal, atau dalam browser (nilai default).
Catatan Catatan: Jika link ke style sheet eksternal ditempatkan setelah internal style sheet di <head> HTML, style sheet eksternal akan menimpa internal style sheet!
semoga bermanfaat .terimakasih
pendahuluan : cara untuk memasukan sebuah css ke template ada 3 cara
setelah saya telusuri dengan seksama ternyata
Ada tiga cara untuk memasukkan sebuah css style sheet:
Eksternal style sheet
Internal style sheet
style inline
1.Eksternal Style Sheet
Sebuah style sheet eksternal adalah ideal ketika style diterapkan pada banyak halaman.
Dengan style sheet eksternal, Anda dapat mengubah tampilan seluruh situs Web dengan mengubah satu file. Setiap halaman harus link ke style sheet menggunakan tag <link>.
tag <link> masuk ke dalam bagian head:
contoh:
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</ Head>
Sebuah style sheet eksternal dapat ditulis dalam editor teks apapun.File tersebut seharusnya tidak berisi tag html.Style sheet Anda harus disimpan dengan ekstensi css..
Sebuah contoh dari sebuah file style sheet adalah sebagai berikut:
hr {color: sienna;}
p {margin-left: 20px;}
body {background-image: url ("images/back40.gif");}
Catatan: Jangan memberi spasi antara nilai properti dan satuan!
"Margin-left: 20 px" (bukan "margin-left: 20px") akan bekerja di IE, tapi tidak di Firefox atau Opera.Internal Style Sheet
2.internal style sheet
Sebuah style sheet internal harus digunakan bila dokumen tunggal memiliki style yang unik. Anda mendefinisikan gaya internal di bagian kepala halaman HTML, dengan menggunakan tag <style>,
seperti ini:
<head>
<style type="text/css">hr {color: sienna;}
p {margin-left: 20px;}body {background-image: url ("images/back40.gif");}
</ Style>
</ Head>
3.Inline Styles
inline styles :akan kehilangan banyak keuntungan dari style sheet dengan mencampurkan konten dengan presentasi. Gunakan metode ini hemat!
Untuk menggunakan style inline Anda menggunakan atribut style pada tag yang relevan. Atribut style dapat berisi properti CSS.
Contoh ini menunjukkan bagaimana untuk mengubah warna dan margin kiri paragraf:
<p style="color:sienna;margin-left:20px">
Ini adalah sebuah paragraf. </ p>
Beberapa Style Sheets
Jika beberapa properti telah ditetapkan untuk pemilih yang sama dalam style sheet yang berbeda, nilai-nilai akan diwariskan dari style sheet yang lebih spesifik.
Sebagai contoh,
sebuah style sheet eksternal memiliki sifat-sifat untuk pemilih
h3:h3{warna: merah;text-align: left;font-size: 8pt;}
Dan style sheet internal memiliki sifat-sifat untuk pemilih h3:h3{text-align: right;font-size: 20pt;}
Jika halaman dengan internal style sheet juga link ke style sheet eksternal properti untuk h3 akan menjadi:warna: merah;text-align: right;font-size: 20pt;
Warna diwariskan dari style sheet eksternal dan teks-alignment dan ukuran font diganti oleh internal style sheet.Beberapa Styles Akan Cascade ke Satu
style dapat ditentukan:
dalam sebuah elemen HTML
di bagian kepala halaman HTML
dalam sebuah file CSS eksternal
Tip: Bahkan beberapa style sheet eksternal dapat dirujuk di dalam dokumen HTML tunggal.Cascading rangka
apa style akan digunakan ketika ada lebih dari satu gaya yang ditentukan untuk elemen HTML?
Secara umum kita dapat mengatakan bahwa semua gaya akan "cascade" menjadi lembaran baru "virtual" gaya oleh aturan berikut, di mana nomor empat memiliki prioritas tertinggi:
Browser default
Eksternal style sheet
Internal style sheet (di bagian kepala)
Inline style (di dalam elemen HTML)
Jadi,style inline (di dalam elemen HTML) memiliki prioritas tertinggi, yang berarti bahwa ia akan menimpa style didefinisikan dalam tag <head>, atau dalam style sheet eksternal, atau dalam browser (nilai default).
Catatan Catatan: Jika link ke style sheet eksternal ditempatkan setelah internal style sheet di <head> HTML, style sheet eksternal akan menimpa internal style sheet!
semoga bermanfaat .terimakasih
Penempatan CSS pada template
penempatan css pada template
pada template blog , kode-kode css sangat banyak kelebihannya di bandingkan kode-kode html pada umunya, namun bagi para blogger pemula ,mungkin akan kesulitan menemukan letak kode-kode CSS tersebut pada template ,
penempatan css pada template
kalo mau tau gampangnya menemukan kode css ..
cari saja kode ]]></b:skin>
kode-kode css ada di ATAS kode tersebut.
namun jika anda ingin tahu lebih banyak tentang dimana posisi css pada template
silakan lihat di bawah ini .
kode-kode CSS pada template di tempatkan pada :
<html>
<head>
<style type="text/css">
letak kode-kode css
</style>
</head>
<body>
letak kode-kode html
</body>
</html>
yaa..kira-kira di situlah letak kode-kode CSS di letakan .
semoga bermanfaat terimakasih.
catatan: silakan anda baca artikel yang berkaitan lainnya unuk mengetahui lebih banyak tentang css.
pada template blog , kode-kode css sangat banyak kelebihannya di bandingkan kode-kode html pada umunya, namun bagi para blogger pemula ,mungkin akan kesulitan menemukan letak kode-kode CSS tersebut pada template ,
penempatan css pada template
kalo mau tau gampangnya menemukan kode css ..
cari saja kode ]]></b:skin>
kode-kode css ada di ATAS kode tersebut.
namun jika anda ingin tahu lebih banyak tentang dimana posisi css pada template
silakan lihat di bawah ini .
kode-kode CSS pada template di tempatkan pada :
<html>
<head>
<style type="text/css">
letak kode-kode css
</style>
</head>
<body>
letak kode-kode html
</body>
</html>
yaa..kira-kira di situlah letak kode-kode CSS di letakan .
semoga bermanfaat terimakasih.
catatan: silakan anda baca artikel yang berkaitan lainnya unuk mengetahui lebih banyak tentang css.
Maksud dari ID dan CLASS pada CSS
maksud dari id dan class pada css
maksud dari ID dan CLASS pada CSS selain untuk menetapkan style untuk halaman html,CSS memungkinkan Anda untuk menentukan penyeleksi Anda sendiri yang disebut "id" dan "class".
maksud dari ID dan CLASS pada CSS selain untuk menetapkan style untuk halaman html,CSS memungkinkan Anda untuk menentukan penyeleksi Anda sendiri yang disebut "id" dan "class".
Pengertian CSS syntax
CSS syntax adalah Sebuah aturan CSS memiliki dua bagian utama:
1.selector
2.deklarasi (style)
penjelasan :
h1/selector : elemen HTML anda yang ingin dibuat style kan (membuat gaya pada CSS)
Declaration : element yang terdiri dari properti-properti dan nilai-nilai.
Property : atribut style yang ingin anda ubah .contoh : (color di ubah menjadi background-color )
Value : nilai-nilai ataupun kode-kode yang menetukan besar ,warna,lebar,panjang dan lain-lain pada propety
1.selector
2.deklarasi (style)
penjelasan :
h1/selector : elemen HTML anda yang ingin dibuat style kan (membuat gaya pada CSS)
Declaration : element yang terdiri dari properti-properti dan nilai-nilai.
Property : atribut style yang ingin anda ubah .contoh : (color di ubah menjadi background-color )
Value : nilai-nilai ataupun kode-kode yang menetukan besar ,warna,lebar,panjang dan lain-lain pada propety
penjelasan singkat CSS
penjelasan singkat css
Apa si itu CSS ???
CSS singkatan dari Cascading Style Sheets
Styles mendefinisikan bagaimana menampilkan elemen HTML
Styles ditambahkan ke HTML 4.0 untuk memecahkan masalah
Style Sheets Eksternal dapat menyimpan banyak pekerjaan
Style Sheets Eksternal disimpan dalam file CSS
Apa si itu CSS ???
CSS singkatan dari Cascading Style Sheets
Styles mendefinisikan bagaimana menampilkan elemen HTML
Styles ditambahkan ke HTML 4.0 untuk memecahkan masalah
Style Sheets Eksternal dapat menyimpan banyak pekerjaan
Style Sheets Eksternal disimpan dalam file CSS
Subscribe to:
Posts (Atom)