Langsung ke konten utama

pengertian dan pengenalan cascading style sheet


 Halo sobat webdesign dalam membangun sebuah website untuk mempercantik sebuah laman,kita tak luput tanpa menggunakan CSS atau cascading Style Sheet supaya bisa elegan serta lebih menarik,sekarang saya akan jelaskan tentang CSS,adalah sebuah teknologi internet yang di kembangkan untuk WWW atau World Wide Web,consortium atau W3C pada tahun 1996 silam.

 Sedangkan CSS sendiri di kembangkan pada tahun 1970 di SGML,dan terus berkembang sampai saat ini,dan semakin berkembang dengan bahasa merkup seperti penyempurnaan HTML,XHTML, XML, SVG,atau kepanjangan dari Scalable Vector Graphics,

 Desember tahun 1996 lalu,W3C memperkenalkan level (1)spesifikasi CSS atau juga dikenal CSS(1),serta sudah mendukung format color atau warna untuk text atau font pada bulan Mei tahun 1998,W3C menerbitkan style atau CSS2 yang di dalamnya sudah diatur fungsi peletakan elemen.dan sekarang, seiring berkembangnya kemampuan dan penyempurnaan W3C telah memperbaiki dan meningkatkan Kemampuan CSS2 menjadi CSS3.

 Fungsi CSS sangat penting 100% web develover menggunakanya,sebagai aspek lain dari presentasi dokumen di situs mereka,untuk menghasilkan warna, tata letak font.karena saat ini, hampir tidak ada situs web yang dibangun tanpa kode CSS.sekarang kita lanjutkan bagaimana cara memasang dan menggunakan script CSS.

  •  pengenalan dasar yang harus kita ketahui sebagai berikut
  1. css terdiri dari selektor, deklarasi,properti dan nilai.seperti pada HTML, PHP dan bahasa pemrograman lainnya.sekarang sebagai contoh penulisan css sebagai berikut,
    body {background-color: black;}
    ‘body’ adalah Selektor, ‘{ }’ adalah deklarasi, ‘background-color’ adalah properti dan ‘black’ adalah nilai.maksud dari kode di atas adalah mengatur warna latar belakang atau (background color) dari tag ‘body’ dalam sebuah halaman website.
  • sekarang kita lanjutkan cara pemasangan CSS pada website.
  1. sebagai latihan penggunaan kode css kita pasang dulu pada komputer kita,bisa menggunakan notepad ++ atau pun dreamweaver
  2. langkah selanjutnya kita gunakan contoh css yang kita simpan terpisah dari folder kode html,lihat contoh di bawah
  • <html>
    <head>
    <title>contoh</title>
    <link rel=”stylesheet” href=”folder/style.css” type=”text/css”/>(folder untuk penyimpanan script CSS)
    </head>
    <body><div class=”contoh”>
    <a href=”#”>contoh</a>(alamat link yang tertuju ke halaman selanjutnya)
    </div>
    </body>
    <html>
 Sekarang kita buat script untuk style css nya untuk mendesain bagian contoh,<body><div class=”contoh”>, lihat code CSS di bawah ini
.contoh {
padding:5px 10px;
background:#ffff;
border:1px solid auto;
text-transform:uppercase;
font-size:20px;
} 
 setelah itu simpan dalam folder.demikian cara menggunakan script untuk CSS,semoga bisa bermanfaat dan bisa menambah wawasan kita,silahkan berkomentar jika ada yang kurang di mengerti atau punada yang ingin menambahkan.
    Label:

    Komentar

    Posting Komentar

    Postingan populer dari blog ini

    Mengubah kode java script yang di proteksi dengan HEX

     Biasanya sebuah kode javascript yang di proteksi dengan pengkodean HEX,biasanya tujuan para pembuat file java script, sengaja memproteksi,supaya dokumen yang di buat bisa aman dan tidak mudah untuk di hack,atau pun di tiru,tetapi di sini hanya sebagai referensi yang bertujuan sebagai media pembelajaran,admin webdesign akan bagikan cara mengubah file javascript yang di proteksi dengan mengconvert menjadi kode HEX.  Sebuah tools online yang bisa sobat coba gunakan untuk membuka file dari JS yang di konvert,tetapi sebelumnya admin akan sedikit memberi penjelasan seperti apa ya script JS yang di proteksi dengan kode HEX,lihat tampilan script file javascript di bawah ini yang di konvert oleh para pembuat,dan biasanya di gunakan untuk proteksi credit link,seperti file HTML,XML,PHP, ["\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65\x7
    Posting Komentar
    Baca selengkapnya

    cara encode mp3 pada semua pengguna Cakewalk Sonar

     Halo sobat webdesign kali ini admin aka berbagi cara mengconvert file kita yang berada di Cakewalk sonar semua versi.berikut tahapan yang akan admin bagikan,yang pertama download dulu pluginnya yakni LAME setelaah itu extrak ,bisa gunakan winrar atau zip.dan selanjutnya hasil extrak tadi kita simpan dulu. Sekarang kita buka folder Cakewalk sonar kita .yakni C:\\Program file\cakewalk\Shared utility\(lalu buat folder dengan nama (lame). tahap berikutnya ,kita pindahkan semua file lame  hasil extrakan tadi ke dalam folder Cakewalk yang barusan kita buat tadi.  Cara mengkonvert atau menyimpan file dari draft Cakewalk sonar semua versi menjadi mp3,berikut tahapan untuk melakukan perubahan tersebut,langkah pertama yakni buka sonar kita ,dan kita masuk ke bagian tools "utilities" selanjutnya kita cari "external enconder Configuration utiliy"lalu tekan enter.maka akan muncul penampakan seperti pada gambar di bawah ini.
    Posting Komentar
    Baca selengkapnya

    Cara setting Handler Mapping pada IIS

     Masih terkait pengaturan Internet Information Service atau IIS,kali ini admin akan bagikan cara mengkonfigurasi Handler Mapping pada IIS,untuk Handler Mapping sendiri biasanya di gunakan untuk pengaturan pada PHP file,yang mana PHP file biasanya kita set pada C:/ php,jika kita gunakan IIS.berikut langkah untuk mengatur Handler Mapping pada IIS.tapi sebelumnya sobat sudah download file yang di perlukan seperti mysql Community,PHP,PHPmyadmin.dan sudah melakukan setting terhadap ketiga file tersebut.lihat gambar di bawah,untuk konfigurasi IIS Terlihat pada gambar di atas tampilan dari IIS,sebagai langkah awal kita akan konfigurasi pada bagian nomer 1,Handler Mapping,double klik untuk lakukan pengaturan,selanjutnya kita pilih Add Module Mapping. maka akan tampil seperti pada gambar di bawah ini Masing-masing keterangan pada angka sobat isi sebagai berikut isi dengan *.php Sobat cari FastCGIModule C:\php\php-cgi.exe (dimana folder php berada lalu pilih php-cgi ) PHP FastCgiModule Request R
    Posting Komentar
    Baca selengkapnya