Pengertian CSS sacara singkat

04.32 | Label:

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-screen, in-print, by 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
Read User's Comments(0)
Diposting oleh Unknown

Membuat Bilangan Genap dan Ganjil dari PHP

04.13 | Label:

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
Read User's Comments(0)
Diposting oleh Unknown

Desain WEB Sederhana

04.09 | Label:

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
Read User's Comments(0)
Diposting oleh Unknown

Membuat Logo SCTV di Photoshop

09.56 | Label:

Membuat Logo SCTV di Photoshop
Asslamualaikum....
sobat, mau tau tak cara membuat logo sctv dari Photoshop...?
Ok, disini saya yg bernama Nilam mau memberitahukan yang lumayan mudah kok, tak susah2 kok membuat logo SCTV... :)

Langkah2nya:

1.aktifkan komputernya.

2.pilih softwarenya yaitu software photoshop.
3.Setelah itu klik File-New atau CTRL+N
4.Lalu buat Lingkaran dari Elliptical Marquee Tool terserah deh mau diwarnai apa lingkarannya.
  kalau saya warna biru, saya mengikuti warna yang aslinya.
 buat layer baru dulu.Catatan harus buat layer baru agar lebih gampang di ubah2 jika ada kesalahan.
  Lalu buat lingkarannya deh. :)

5.buat persegi panjang untuk memotong lingkaran tersebut,
  maksudnya agar dibuat menjadi setengah lingkaran.
  Dengan CARA: buat persegi panjang lalu deleted yo.. :D
  Setelah itu akan tampil jadi setengah lingkaran/bulat.
6.Lalu kita buat Lingkaran lagi deh, tapi lebih kecil ya.!
  saya warni lingkarannnya warna putih.
  Terus lakukan lagi seperti nomor5
  CATATAN: Dibiasakan buat layar baru ya untuk pembuatan sesuatu atau yang baru gitu
7.Buat Lingkaran lagi lebih kecil dari sebelumnya, dan  beri warna merah.
  Lakukan lagi seperti nomor 5.
8.Setelah itu beri text dibawahnya dengan text "SCTV"

Sekian dan terima kasih.. :)
Semoga berhasil.. semoga bermanfaat buat kamunya.. :)
Assalamualikum....

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Unknown

Membuat WEB dengan Mudah

09.53 |

Membuat WEB dengan Mudah.
Assalamualikum… 
maaf ya sobat da lama saya tak ngepos lagi.. 
oya kali ini saya ingin memberitahu cara membuat web yang sederhana, tak kalah menariknya deh.. J
1.Biasalah aktifkan terlebih dahulu komputernya ya sobat.
2.klik software Photoshop


3.Setelah itu klik File-New atau juga bisa CTRL+N lalu OK
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, buat saja Home, contact Us, Profile, Services, Show Now

9.Disini saya ingin memberikan bayangan pada persegi panjang
yang kecilnya agar lebih menarik gitu deh
Dengan cara klik Polygonal Lasso Tool dan bentuk deh,
kalau saya sih bentuk segitiga panjang agar memanjang bayangnya.
Setelah itu tekan tombol CTRL+T lalu klik kanan dan pilih Flip Horizontal deh..
10.Boleh ditambahi gambar lagi di bawahnya..
terserah sobat mau membuat variasi apa...


Sudah ya sobat, aku pun mau belajar lu.. besok pun saya mau bujian.. wkwkwk
jd curhat deh..
ya sudah ya..
Assalamualaikum wr.wb

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(0)
Diposting oleh Unknown

Cara Mudah Membuat Sketsa dari Photoshop

23.27 | Label:

Cara Mudah Membuat Sketsa dari Photoshop

Assalamualaikum wr.wb.. 
hy sobat, kali iini saya ingin berbagi ilmu walaupun tidak seberapa.. :D
tapi bermanfaat juga kok untuk sobat..

1.pertama buka komputer anda, dan carilah software photoshop lalu klik.
maka akan muncul tampilan seperti ini.
 2.Selanjutnya klik File-Open atau Ctrl+O
 3.Pilih gambar yang anda inginkan, untuk percobaan saya memilih gambar mobil. dan setelah selesai memilih gambar klik OK langsung ajh deh.. :)
 4.ubahlah warna mobil dengan menekan  Ctrl + Shift + U , image - adjusment - desaturate
 nah, gambarnya akan berubah seperti ini.
 dan sekalian di duplikat sekalian ya,
dengan tekan Ctrl+J
 5.Pada layerhasil duplikat atau layer1 klik, Image - adjustment -Invert atau tekan Ctrl+ I
 lihat deh hasilnya akan seperti ini
 6.Setelah itu Klik Filter-Blur-Gaussian Blur
 7.Lalu atur ajah deh terserah anda.:)


Dan sudah selesai deh....
Ne hasilnya,..


Ya sudah deh, sekian ya,
Assalammualaikum,.. :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(1)
Diposting oleh Unknown

Resep Nasi Goreng

03.57 | Label:

Resep Nasi Goreng
hay sobat, Assalamualaikum...
ne say mau memberitahukan cara memasak nasgor yang maknyusss.. :D
ne deh resepnya..

Resep Nasi Goreng



Bahan-bahan yang diperlukan:

  • 2 porsi nasi putih
  • 2 butir telur ayam, dikocok
  • Minyak goreng untuk menumis

Bumbu nasi goreng (dihaluskan) :

  • 5 buah cabe merah
  • 3 siung bawang merah
  • 4 siung bawang putih.

Bumbu dan penyedap :

  • Garam secukupnya.
  • Penyedap rasa secukupnya.
  • Kecap manis secukupnya.
  • Bawang merah goreng, taburan

Bahan Pelengkap :

Cara Membuat Nasi Goreng

  • Panaskan wajan, masukkan telur yang sudah dikocok, tunggu setengah matang selanjutnya masukkan bumbu yang telah dihaluskan. Aduk hingga keluar aromanya.
  • Masukkan nasi putih, garam, penyedap dan kecap secukupnya. Aduk hingga semua tercampur dan merata. Angkat
  • Sajikan di piring, bila perlu tambahkan lagi telur ceplok atau telur dadar
  • Untuk penyajiannya jangan lupa kerupuk dan irisan timun/acar biar lebih enak
ya sudah ajah deh, Assalamualaikum.. :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(1)
Diposting oleh Unknown

Cara Membuat Animasi Burung Terbang Menggunakan Macromedia Flash8

00.41 | Label: ,



Cara Membuat Animasi Burung Terbang Menggunakan Macromedia Flash


Assalamualaikum...
kali ini saya memberikan yang singkat sajah ya..

 Pada posting kali ini saya akan sedikit berbagi ilmu tentang bagaimana Cara Membuat Animasi Burung Terbang Menggunakan Macromedia Flash. Dalam proses pembuatan animasi ini sangatlah dibutuhkan kesabaran dan ketelitian. Langsung aja kita beralih ke cara pembuatannya.
Berikut langkahnya :
      1.       Pertama - pertama yaitu buatlah gambar ilustrasi burung sebanyak 3 kali dengan menggunakan Brush Tool .

      2.       Untuk membuat gambar seperti diatas, perhatikanlah di bawah ini.
Sebelum menginjak langkah selanjutnya copy gambar yang sudah dibuat tadi, tujuannya yaitu agar kita tidak usah repot-repot membuat badan burung lagi jadi pada akhirnya  kita tinggal paste gambar setelah itu nanti hanya menambah bentuk sayap yang berbeda saja


      3.       Langkah kedua kita buat sayapnya.
Sama seperti langkah sebelumnya, copy gambar yang sudah dibuat.


      4.       Selanjutnya, kita buat sayapnya berada di bawah.
Copy lagi gambarnya.

      5.       Untuk gambar yang terakhir kita buat sayapnya agak rendah.

      6.       Setelah semua gambar telah kita buat, warnailah semua gambar tersebut dengan warna hitam. Jika gambar tersebut tidak bias diwarnai. Pastikan garis pada gambar tersebut tidak ada yang putus.

      7.       Sekarang kita beralih ke pembuatan animasinya, masukan gambar pertama pada frame pertama.
      8.       Klik keyframe pada frame ke-2 dan masukan gambar ke-2. Pastikan posisi gambarnya sama dengan yang pertama.
      9.       Klik keyframe pada frame ke-3 dan masukan gambar ke-3. Dengan posisi agak sedikit keatas.
      10.   Selesai tekan ctrl+enter untuk melihat hasilnya
sekian ya.. :)
Assalamualaikum.. :)

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Read User's Comments(1)
Diposting oleh Unknown
Langganan: Komentar (Atom)