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

    modifikasi template bawaan blogger

       Jika sobat sobat mengunakan template bawaan dari blogger,memang terkesan biasa saja,tetapi di sini ada keunggulan yang bisa kita dapatkan,seperti dapat mengubah background dengan gambar dengan cara upload file gambar di komputer ,warna heading,atau mengubah tampilan warna pada heading menyesuaikan lebar,mengubah font,diskripsi blog langsung di bagian penyesuaian,bagi yang ingin mengunakan template bawaan blogger tapi ingin modifikasi tampilan ikuti langkah-langkah di bawah   Pertama klik template, lalu klik sesuaikan ,maka akan terlihat menu opsi untuk mengubah mulai dari latar belakang/background, berfungsi untuk mengubah tampilan latar belakang dengan file gambar yang ada di komputer kita,terus untuk opsi sesuaikan lebar, bisa tinggal geser dengan mouse sobat untuk menentukan lebar border sesuai yang sobat kehendaki terus untuk bilah kiri dan kanan, berfungsi untuk ukuran lebar postingan dan opsi author,atau label,arsip  Untuk fungsi tata letak, mempunyai fungsi...
    Posting Komentar
    Baca selengkapnya

    Download kontak form elegan css php

     Fungsi kontak form,adalah sebagai tempat atau sebagai media untuk seorang user yang ingin bergabung dalam sebuah program online,apa saja data yang biasanya di perlukan,tentu saja yang utama dari kontak form adalah Name,Email,keterangan,serta phone number,dan biasanya berbeda-beda tergantung pemilik sebuah website membuat kontak form,untuk usernya.  Berikut admin akan bagikan sebuah kontak form,dengan tampilan sederhana,background pada bagian <body>.serta menggunakan css modal body,sebagai outer wrappernya,lihat pada gambar di bawah ini. pada tampilan di atas adalah sebuah kontak form,yang pada sebelah kiri berfungi untuk kembali ke homepage,serta bisa berfungsi sebagai pengiriman surel ke admin sebuah website.hanya sebagai contoh dari yang saya buat di atas,selanjutnya sobat bisa berkreasi sendiri.berikut scriptnya,jika sobat menggunakan localhost,bisa simpan file form kontak dengan nama,terserah sobat,yang tentunya mudah kita ingat.berikut copas scriptnya CSS,simpan de...
    Posting Komentar
    Baca selengkapnya

    Panduan menginstal wordpress di lokalhost

     Halo sobat ,kali ini admin akan berbagi cara mengkonfigurasikan wordpress yang baru kita download,sebenarnya cara mensetting untuk CMS Wordpress sanngatnlah mudah,tetapi jika sobat belum memiliki filenya,sobat bisa download langsung di situs resminya .  Langsung saja ,jika sobat ingin melakukan konfigurasi menginstal worpress di localhost,langkah pertama kita Extrack dahulu filenya,yang baruan kita download,setelah itu tahap berikutnya kita buka folder dalam Wordpress kita.maka tampilannya akan seperti gambar di bawah ini. Langkah berikutnya kita akan rubah  dahulu file (wp-config-sample.php) menjadi (wp-config.php),lihat seperti pada gambar di atas.setelah itu kita buka notepad ++ untuk mengedit file di dalamnya,lihat gambar di bawah Ini bagian file yang harus kita ubah,untuk keterangan nomor (1 ) kita buat database di Phpmyadmin dengan nama (wordpress) ,Selanjutnya untuk nomor (2) nama user,biasanya sewaktu kita menginstal Mysql ,adalah (root) maka ketikkan (root) untu...
    Posting Komentar
    Baca selengkapnya