Pengertian CSS sacara singkat

Assalamualaikum wr. wb

hay hay hay.... :) gie mana kabar sobat? baik kan.? bgus lah lau lagi baik..
lau gk baik berobat ajh.. :D

 A.    Pengertian CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”.  Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda. CSS terdiri dari style sheet yang memberitahukan browser bagaimana suatu dokumen akan disajikan.  Fitur-fitur baru pada halaman web lama dapat ditambahkan dengan bantuan style sheet.  Saat menggunakan CSS, Anda tidak perlu menulis font, color atau size pada setiap paragraf, atau pada setiap dokumen. Setelah Anda membuat sebuah style sheet, Anda dapat menyimpan kode tersebut sekali saja dan dapat kembali menggunakannya bila diperlukan.


CSS (Cascading Style Sheet) adalah salah satu bahasa desain web (style sheet language) yang mengontrol format tampilan sebuah halaman web yang ditulis dengan menggunakan penanda(markup laguage. Biasanya CSS digunakan untuk mendesain sebuah halaman HTML dan XHTML, tetapi sekarang CSS bisa diaplikasikan untuk segala dokumenXML, termasuk SVG dan XUL bahkan ANDROID.
CSS dibuat untuk memisahkan konten utamadengan tampilan dokumen yang meliputi layout, warna da font. Pemisahan ini dapat meningkatkann daya akses konten pada web, menyediakan lebih banyak fleksibilitas dan kontrol dalam spesifikasi darisebuah karakteristik dari sebuah tampilan, memungkinkan untuk membagi halaman untuk sebuah formatting dan mengurangi kerumitan dalam penulisan kode dan struktur dari konten, contohnya teknik tableless pada desain web.
CSS juga memungkinkan sebuah halaman untuk ditampilkan dalam berbagai style dengan menggunakan metode pembawaan yang berbeda pula, seperti on-screenin-printby voice, dan lain-lain. Sementaraitu, pemilik konten web bisa menentukan link yang menghubungkan konten dengan file CSS.
Tujuan utama CSS diciptakan untuk membedakan konten dari dokumen dan dari tampilan dokumen, dengan itu, pembuatan ataupun pemrograman ulang web akan lebih mudah dilakukan. Hal yang termasuk dalam desain web diantaranya adalah warna, ukura dan formatting. Dengan adanya CSS, konten dan desain web akan mudah dibedakan, jadi memungkinkan untuk melakukan pengulangan pada tampilan-tampilan tertentu dalam suatu web, sehingga akan memudahkan dalam membuat halaman web yang banyak, yang pada akhirnya dapat memangkas waktu pembuatan web. 


fungsi css

fungsi utama css adalah merancang, merubah, mendisain, membentuk halaman wesite(blog juga website). dan isi dari halaman website adalah tag-tag html, logikanya css itu dapat merubah tag-tag html(yang sederhana) sehingga menjadi lebih fungsional dan menarik.

cara kerja css

cara kerja css itu sangatlah mudah, kita hanya perlu menulis stylenya(selector id dan class tersesuaikan) maka secara otomatis akan bekerja pada document html.
 http://www.indaam.com/2010/04/pemahaman-dasar-dasar-css-dan-cara-kerja/


sekian ya..... :)
Assalamualaikum,...


  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Membuat Bilangan Genap dan Ganjil dari PHP

Assalamualalikum....
sobat kalli ini saya ingin memberitahukan tentang cara membuat bilangan Genap dan Ganjil adari PHP.
Sebelumnya kamu harus tau dulu apa itu PHP.. iya tidak??? pastinya iya dunk.. :D
Nah PHP yaitu Hypertext Preprocessor maksudnya dapat disisipkan kedalam HTML gitulah.. :)

Ok deh lanjut...!!
Nah... ini saya langsung kasih tau saja membuat bilangan Genap dari PHP.


<?php
$i=1;
For($i=1;$i<=10;$i++)
{
if($i%2==0)
echo ("$i<br>");
}

?>

Sedangkan Membuat bilangan Ganjilnya seperti di bawah ini...

 <?php
$i=1;
For($i=1;$i<=10;$i++)
{
if($i%2==1)
echo ("$i<br>");
}
?>


Sudah ya. Tu tentang pelajaran PHP yang mendasar banget Loh...
Ok deh..
Assalamualaikum.. :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS

Desain WEB Sederhana

Desain WEB Sederhana
Assalamualaikum....
maaf ya sobat sudah lama saya tak ngepos lagi...
Oya kali ini saya ingin memberitahu cara membuat web yang sederhana, tak kalah menariknya deh..
Lanjut aja yah.. :)


1.Biasalah aktifkan komputernya dulu ya sobat
2.pilih software yang ingin dipakai, kali ini ya pastinya memakai photoshop
3.Setelah itu klik File-New atau juga bisa CTRL+N
4.Lalu buat persegi panjang dari Rectangle Tool

5.Ok, Lanjut lagi klik File-Place.. pilih gambar yang kamu inginkan
            Lalu klik Place, saya memilih PLACE agar gambar tidak pecah, tapi kalau gambarnya memang pecah, ya pastinya gambarnya juga pecah dunk…. J

Oya, di perbesar deh dgn cara menekan Tombol SHIFT agar gambar tersebut tidak mencot2, baru tarik deh gambarnya dari sudutnya deh.. wkwkwkwk… :v maksudnya biar besarnya tu setara. Kadangkan ada tuh tarik atas lalu tarik bawah, tu kan jadi bahaya kan.. :D
6.klik deh pada layar gambar yang berada di sebelah kanan itu,  agar gambar tersebut mengikuti gambar persegi panjang yang tadi kita buat, dengan cara klik kanan pas di layar  gambarnya lalu klik Create Clipping Mask 


7.lalu buat deh persegi panjangnya lagi tapi lebih kecil yo..

8.buat text nya deh, baut sajah  home, contact Us,   Profile, Services, Shop Now

9.disini saya ingin memberikan bayangan pada persegi panjang yang kecilnya agar lebih menarik gtu deh.. 
Dengan cara  klik Polygonal Lasso Tool dan bentuki deh, lau aku sih bentu segitiga agak memanjang..
setelah itu klik Filter-Blur-Gaussian Blur, lalu atur deh blurnya terserah kamu. Lalu tekan CTRL+Z untuk mengcopy gambarnya.
setelah itu tekan tombol CTRL+T lalu klik kanan dan pilih Horizontal deh..
10.boleh di beri gambar lagi di bawahnya, dengan File-Place lagi saja.
11. terserah deh kamu mau buat apa lagi,..

Sudah ya sobat,, saya pun mau belajar lagi yang lain ne, hehehe… awak jadi curhat ne..
yasuda deh, ASSALAMUALAIKUM WR.WB

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS