Belajar Web Design dengan CSS

Bagaimana Memulai Belajar CSS?

Tutorial ini hanyalah tutorial singkat untuk memulai belajar CSS. Saya akan menjelaskan bagaimana cara kerja CSS dan bagaimana CSS bisa membantu anda untuk mendesain sebuah website. Mari kita mulai!

Berkenalan Dengan CSS

Beda dengan HTML yang merupakan Markup Language, CSS hanya berperan di atribut “style” di setiap markup HTML. CSS bisa dibuat dalam file terpisah dengan extension “.css” ataupun diterapkan langsung pada atribut “style” di setiap markup HTML. Contoh CSS pada markup html

Contoh mengimpor file CSS ke dalam file HTML:

Tips: Sebisa mungkin hindari penulisan atribut “style” dalam markup HTML. Penulisan tersebut akan menyulitkan anda untuk debugging CSS di masa depan, serta akan menambah ukuran file HTML anda.

Apa yang bisa dilakukan CSS untuk memudahkan hidup anda?

Mudah saja, CSS bisa mempersingkat waktu anda untuk mendesain website. Ambil contoh seperti ini: secara default semua browser akan memberikan warna hitam (#000000) untuk tulisan di paragraf (). Jika ingin mengubah warna menjadi merah (#ff0000), maka yang dilakukan adalah menuliskan style="color:#ff0000;" di setiap atribut , seperti ini:

Tulisan ini berwarna merah

Tulisan ini juga

Yang ini juga warnanya

Ada 30 paragraf? Maka ditulis juga 30 kali. Tapi jika anda menggunakan file .css, anda cukup menuliskan seperti ini:

  p {
    color: #ff0000;
  }

Kode CSS diatas ini akan membuat warna tulisan di semua paragraf menjadi merah. Mudah, ‘kan?

Menulis Kode CSS, berkenalan dengan Selector, Property, dan Value

Penulisan CSS dibagi menjadi tiga bagian: Selector, Property, dan Value. Selector bisa diisi oleh:

• HTML Markup: p, a, div, table, dan lain-lain
• Class, ditandai dengan tanda titik sebelum nama kelas: .first, .section, dll
• ID, ditandai dengan tanda pagar sebelum nama ID: #first, #section, dll
• Pseudo-Class, ditandai dengan tanda titik dua sebelum nama kelas, terdiri dari :active, :hover, :focus, dll

Setiap Markup HTML bisa memiliki Property yang berbeda-beda. Ada Property yang berlaku untuk semua Markup dan ada yang tidak. Berikut ini tabel yang bisa anda jadikan referensi untuk Property: http://www.w3.org/TR/CSS2/propidx.html

Mencari Software untuk Membantu Anda Menulis CSS

Sebuah software/aplikasi dapat membantu pemula untuk menulis kode CSS. Disarankan memiliki fitur intellisense, sehingga ketika mengetik akan muncul rekomendasi Property yang ingin ditulis. Ini adalah tampilan intellisense di Coda:

Umumnya penulisan kode CSS merupakan satu dari sekian banyak fitur dari Software tersebut, sehingga kata kunci yang lebih tepat untuk mencarinya di Google adalah: “Source Code Editor”. Saya sudah mencoba beberapa software berikut:

• Dreamweaver, berbayar. Saya tinggalkan karena terlalu berat dan WYSIWYG nya ga akurat
• NetBeans, gratis. Saya tinggalkan karena terlalu berat
• Notepad++, gratis. Saya tinggalkan karena lagi kesengsem dengan Mac
• Coda, berbayar. Sampai saat ini masih saya pakai. Benar-benar memuaskan, baik itu tampilan, kecepatan, dan fungsi :D
• Espresso, berbayar. Benar-benar memuaskan dari segi produktifitas dan tampilannya. Akan saya beli kalau ada rejeki berlebih :D
• TextMate, berbayar. Speed is the key. Sayangnya ga ada intellisense. Cocok untuk programmer kawakan yang sudah hapal semua syntax diluar kepala

Yak, itu saja yang perlu anda pelajari di awal! Alasan penulisan artikel ini diawali dari pertanyaan yang sering saya peroleh dari rekan-rekan developer: “Mulainya dari mana?” dan langsung disambut dengan “Jangan suruh gw ngeliat w3schools!”. Semoga di lain kesempatan akan saya jawab dengan: “Mulai dari artikel ini”. Ibaratnya film, artikel ini hanyalah sebuah teaser :D. Dari artikel ini akan berkembang artikel-artikel lainnya yang akan menjelaskan topik-topik tentang CSS dengan lebih detail.

one more night (maroon5)

APLIKASI PHOTO SCAPE

Download Photoscape Versi Terbaru Gratis - Kali ini saya akan membagikan sebuah software photoscape. Software ini berguna untuk mengedit edit foto.

Sebelum mendownload saya akan kasih tahu lebih dulu fitur fitur dari photoscape ini :

1. Viewer: Photoscape dapat digunakan untuk melihat foto-foto pada komputer kita.
2. Editor: Photoscape juga dapat digunakan untuk mengedit foto, seperti resizing, brightness and color adjustment, white balance, backlight correction, frames, balloons, mosaic mode, adding text, drawing pictures, cropping, filters, red eye removal, blooming, paint brush, clone stamp, effect brush, dll.
3. Page: Photoscape dapat me-merge beberapa foto menjadi satu.
4. Combine: Selain me-merge foto, Photoscape juga dapat mengkombinasikan foto agar terlihat lebih menarik.
5. Animated GIF: Kelebihan lain Photoscape ialah dapat digunakan untuk membuat file animasi, dengan menggabungkan beberapa foto.
6. Print: Bisa juga digunakan untuk mencetak / print portrait shots, carte de visites(CDV), passport photos.
7. Splitter: Selain dapat membuat foto menjadi satu, Photoscape juga dapat membuat satu foto menjadi terpisah (memecah foto).
8. Screen Capture: Photoscape juga dapat digunakan untuk mengambil screenshot.
9. Color Picker: Zoom in pada gambar, cari dan pilih warna yang cocok / pas.
10. Rename: Ganti nama file foto walaupun dalam modus batch.
11. Raw Converter: Dapat juga mengkonversi file RAW ke JPG.
12. Paper Print: Cetak berjajar, grafik, musik dan kertas kalender.
13. Face Search: Photoscape juga dapat mencari foto yang mirip di internet.
14. Dan masih banyak lagi yang lainnya. 

Itulah beberapa fitur dari photoscape, silahkan anda bisa download software tersebut DISINI

Demikian software photoscape semoga bermanfaat - Download Photoscape Versi Terbaru Gratis

Adsregar 

 

Tips Menghadapi Ujian Nasional

“Ujian Nasional” kata-kata ini menjadi suatu momok yang menakutkan bagi banyak pihak, baik dari pemerintah, guru, orang tua dan tentu saja bagi siswa itu sendiri yang akan menjalani tes Ujian Nasional. Maksud dan tujuan Ujian Nasional adalah untuk mengukur tingkat kemampuan siswa dibidang kognitif siswa selama belajar dengan standar nasional.

Menjelang Ujian Nasional, berbagai persiapan harus dilakukan oleh para siswa kelas akhir dari berbagai tingkatan mulai tingkat SD/SLTA / SMA.

 Persiapan yang harus dilakukan mulai mental, kesehatan dan kemampuan otak agar dalam pelaksanaan Ujian Nasional nanti bisa berhasil secara maksimal sesuai dengan diharapkan.

Berikut sedikit Tips Menghadapi Ujian Nasional

1. Persiapan Awal yang Matang

Bawalah semua alat tulis yang kamu butuhkan, seperti pensil, pulpen, kalkulator, kamus, jam (tangan), penghapus, tip ex, penggaris, dan lain-lainnya. Perlengkapan ini akan membantumu untuk tetap konsentrasi selama mengerjakan ujian.

2. Tetap Tenang dan percaya diri

Yakinkan pada diri kamu bahwa kamu sudah siap sedia dan akan mengerjakan ujian dengan baik. Karena percaya diri merupakan poin penting dari salah satu kesiapan dalam ujian nasional. Tanpa adanya kepercayaan diri terkadang otak kita bisa blank hilang konsentrasi. Caranya bisa dengan duduk yang tenang, santai, rileks.

3. Baca, Cermati lalu Pahami baru mengerjakan soal

Tips Menghadapi Ujian Nasional yang ini sangat penting, Luangkan 10% dari keseluruhan waktu ujian untuk membaca soal-soal ujian secara mendalam, tandai kata-kata kunci dan putuskan berapa waktu yang diperlukan untuk menjawab masing-masing soal. Rencanakan untuk mengerjakan soal yang mudah dulu, baru soal yang tersulit. Ketika kamu membaca soal-soal, catat juga ide-ide yang muncul yang akan digunakan sebagai jawaban.

4. Hati-hari dalam mengisi Lembar Jawaban Komputer (LJK)

Dalam mengisi Lembar Jawab Komputer (LJK) sebaiknya hati-hati, jangan sampai basah, terlipat dan selalu menjaga LJK dari minyak, jika hal ini terjadi yang ditakutkan adalah tidak mesin scanner tidak dapat mendeteksi jawaban anda. Tentunya hal ini sangat fatal.

5. Sisihkan 10% waktumu untuk memeriksa ulang jawabanmu.

Periksa jawabanmu; hindari keinginan untuk segera meninggalkan kelas segera setelah kamu menjawab semua soal-soal ujian. Periksa lagi bahwa kamu telah menyelesaikan semua pertanyaan. Baca ulang jawabanmu untuk memeriksa ejaan, struktur bahasa dan tanda baca. Untuk jawaban matematika, periksa bila ada kecerobohan (misalnya salah meletakkan desimal). Bandingkan jawaban matematikamu yang sebenarnya dengan penghitungan ringkas.

6. Awali dan Akhiri dengan berdoa

Sebelum kita mulai mengerjakan dan sesudah mengerjakan jangan lupa berdoa kepada Tuhan agar diberikan hasil yang baik. Kita hanya bisa berusaha, Tuhan yang menentukan. Tuhan senantiasa akan melihat kesungguhan usaha kita. Tuhan pun akan melihat kesungguhan hambaNya untuk melakukan suatu usaha jika hambaNya mengiringi usahanya tersebut dengan berdoa.

Jika Anda berhasil lulus Ujian, Selamat! Jika tidak sesuai apa yang Anda harapkan, Ingat bahwa ini bukanlah akhir dari hidup Anda.  Jika ada kesempatan mengulang, tingkatkan usaha dan kemampuan Anda!

Mudah-mudahan tips menghadapi ujian nasional diatas bermanfaat. Semoga bermanfaat…..

Aplikasi Cynera

Aplikasi ini sangat menarik untuk penampilan  sebuah gambar dalam bentuk frame

Adroid Membunuh Blackberry

 

beberapa bulan terakhir, saya telah beralih dari blackberry ke android. atas rekomendasi temen2 pengguna android, saya dianjurkan harus install aplikasi chat yg bernama Line. aplikasi ini mempunyai tampilan serta kumpulan emotion sangat meriah. dengan background warna Hijau membuat Line begitu ramai dan nyaman di pandang.

menggunakannya hampir sama seperti whatsapp. hanya saja, Line lebih memberikan pengalaman yg lebih menyenangkan. bahkan Line menawarkan games online didalamnya.

Selain di android, Line juga bisa digunakan dalam PC. caranya? tinggal download softwarenya di sini cari paling bawah pada website, download versi PC windows/Mac anda. kebetulan saya menggunakan windows 7 sekarang ini.

untuk install sama seperti software lainnya. tidak perlu saya jelaskan satu persatu, karena tidak ada yg special untuk install software Line di PC anda. klik next-agree-next dan finish. tapi gimana untuk connect PC dan handphone ? simple, jika kamu-kamu sudah punya Line di handphone, pasti ada registrasi via email kan? nah, jika belum segera input email registrasi melalui handphone tersebut. setelah sukses, login di PC menggunakan email yg telah di registrasi melalui handphone. simple kan?

bagi saya, Line Chat ini merupakan software masa depan. dan diprediksi juga, Line Chat ini juga yg akan membunuh Blackberry messenger secara perlahan. pelan-pelan user akan beralih ke android. walaupun Line Chat tersedia pada Blackberry, tapi penampilan dan fasilitas tidak sebagus pada android.

selamat tinggal Blackberry. Selamat datang android.....

adsregar

 

Wonderfulness Pangandaran

Rekreasi Guru dan Staff Sekolah Methodist-Wonderfulness Pangandaran 

( Penulis adsregar )

Keindahan atau keelokan merupakan sifat dan ciri dari orang, hewan, tempat, objek, atau gagasan yang memberikan pengalaman persepsi kesenangan, bermakna, atau kepuasan. Dalam Kamus Besar Bahasa Indonesia, keindahan diartikan sebagai keadaan yang enak dipandang, cantik, bagus benar atau elok. Keindahan dipelajari sebagai bagian dari estetika, sosiologi, psikologi sosial, dan budaya. Sebuah “kecantikan yang ideal” adalah sebuah entitas yang dikagumi, atau memiliki fitur yang dikaitkan dengan keindahan dalam suatu budaya tertentu, untuk kesempurnaannya.

Trio AAW

Keindahan berasal dari kata indah, artinya bagus, permai, cantik, elok, molek dan sebagainya. Benda yang mempunyai sifat indah ialah segala hasil seni, (meskipun tidak semua hasil seni indahl, pemandangari alam (pantai, pegunungan, danau, bunga-bunga di lereng gunung), manusia (wajah, mata, bibir, hidung, rambut, kaki, tubuh), rumah ( perabot rumah tangga dan sebagainya), suara, warna dan sebagainya. Keindahan adalah identik dengan kebenaran.  

Pendapat saya (adsregar)

Keindahan, pasti banyak definisi yang terpikirkan oleh kita. Ya, memang keindahan itu banyak definisinya. Ada yang mengatakan keindahan itu adalah suatu hal yang apabila kita melihatnya kita akan merasa takjub. Dan ada juga yang mengatakan bahwa keindahan itu dapat dirasakan oleh semua panca indra kita, dan masih banyak lagi definisi-definisi yang diungkapkan oleh setiap orang.

4 Sekawan

Ya, memang jika kita berbicara tentang keindahan pasti tidak terlepas dengan yang namanya ketenangan jiwa. Karena setiap kita melihat atau merasakan keindahan, pastilah hati kita menjadi tentram karena keindahan tersebut. Sebenarnya, keindahan itu adalah suatu yang abstrak atau tidak bisa dikira-kira. Karena, memang yang namanya keindahan itu banyak jenisnya, ada keindahan alam, ada keindahan lingkungan dan masih banyak lagi jenis-jenis keindahan yang ada di bumi ini.

Seperti yang di ungkap oleh artikel di atas. Bahwa Batu Karas (Jawa Barat) adalah suatu objek wisata yang terkenal akan keindahan pantainya. Ya, itu adalah salah satu contoh objek-objek wisata yang sangat indah yang dimiliki oleh Indonesia dan masih banyak lagi objek-objek wisata lainnya yang tak kalah indahnya. Indonesia itu adalah negeri yang terkenal akan keindahan alamnya. Banyak keindahan-keindahan alam di Indonesia yang harusnya bisa kita telusuri, karena terdapat ribuan pantai dan wisata-wisata lainnya yang terdapat di negeri ini. Oleh karena itu, kita sebagai penerus bangsa sudah sepantasnya menjaga dan melestarikan keindahan-keindahan alam yang ada di negeri ini.

Kembali kepada hakikatnya bahwa keindahan itu adalah suatu nilai yang sulit untuk diungkapkan oleh kata-kata, karena keindahan itu baru akan terasa jika kita menikmati keindahan tersebut. Seperti kita menikmati suatu lukisan, musik dan lainnya. Barulah kita dapat merasakan apa itu keindahan. Dengan kata lain, keindahan itu adalah sesuatu yang abstrak dimana hanya kita sendiri yang bisa menganggap apakah sesuatu itu indah atau tidak.

Penulis

Adisman.S