Membuat template Joomla dari Design Photoshop

Bagi anda penggila web desain dengan menggunakan CMS Joomla ataupun Drupal berikut saya kenalkan cara gampang dan cepat untuk membuat template Joomla dan Drupal.
1. Pertama-tama silahkan anda lihat video tutorialnya di www.youtube.com/watch?v=hf0Fovrm4Lc
2. Kemudian anda desain template anda di Photoshop seindah dan secantik mungkin, simpan dalam format .psd dan kemudian anda upload file .psd anda terseubut ke , anda tunggu beberapa menit dan nantinya hasilnya sudah berbentuk fila html, image folder dan css.
Gimana? mudah bukan????

semoga bermanfaat.

Sumber : wikanwiratmoko.blogspot.com

PHP Framework

Saat ini sudah banyak diantara kita yang menggunakan framework dalam membuat sebuah aplikasi berbasis web. Karena dengan menggunakan framework diharapkan kita bisa membuat aplikasi dengan lebih cepat dan mudah. Dibelantara pemrograman PHP saat ini sudah banyak sekali framework yang bisa kita gunakan, mulai dari yang sederhana sampai framework yang begitu kompleks, dari yang biasa-biasa saja sampai yang sudah support Ajax dan sudah menerapkan metode MVC (Model View Controller). Dan juga satu hal yang perlu diingat dalam memilih framework yaitu kita sesuaikan dengan versi php yang kita pakai, karena ada framework yang support pada php versi 5 saja, versi 4 saja atau kedua-duanya.

Sebagai bahan pertimbangan dalam memilih framework, berikut ini akan saya tampilkan beberapa framework dan fitur-fiturnya yang bisa kita gunakan sebagai referensi dalam menentukan framework apa yang akan kita pakai dalam membuat sebuah aplikasi berbasis web dengan menggunakan PHP, table ini saya ambil dari www.phpframeworks.com

Menulis Kode HTML di Blog

Bagi blogger yang pernah bingung ketikan menuliskan kode HTML pada postingan, bermaksud memunculkan kode HTML tapi tak ada satu pun Tag yang muncul, namun isi dari Tag yang muncul. Kini takperlu bingung bila ingin menuliskan kode HTML di blog, ada banyak cara kok Anda tidak perlu mengerti tentang bahasa HTML tersebut, tinggal copy paste aja bos. Gini ni caranya..

Masuk ke situs www.centricle.com/tools/html-entities, trus isikan kode-kode kamu kedalam kotak yang disediakan, nah kalo sudah tekan tombol "Encode", maka kamu akan mendapatkan script baru , dan tinggal di posting di halaman blog kamu.

atau

Masuk ke situs www.blogcrowds.com lalu masukkan kode-kode tersebut kedalam kotak yang disediakan lalu tekan "Parse". Tinggal paste juga di blogmu. Gampang kan..

MEMBUAT EFEK BAYANGAN DENGAN ADOBE PHOTOSHOP

Pada tutorial ini saya akan membuat efek bayangan seperti tulisan diatas menggunakan Adobe Photoshop. Seperti yang dapat kita lihat pada gambar diatas, terdapat bayangan dibawah tulisan dan lambang universitas gunadarma. Pertama yang harus dilakukan adalah menyiapkan canvas berukuran 25x4 inche. Ukuran canvas dapat disesuaikan sesuai kebutuhan anda. Karena bahan gambar yang ada memiliki resolusi yang agak besar maka saya berikan ukuran kanvas sebesar itu. Kemudian bahan yang harus dimiliki adalah sebuag logo seperti logo universitas gunadarma diatas.



1. langkah pertama buka logo universitas gunadarma dengan nama file logo.jpg. Kemudian pada toolbar dipilih move tool (shift+v), pada layer file gunadarma tersebut klik kiri lalu tahan dan arahkan kursor ke layer yang kosong. Letakkan logo tersebut pada pojok kiri atas seperti gambar berikut.



2. Langkah kedua pada toolbar kita pilih tool horizontal type tool (shift+t). Pada layer ketikkan kata “Universitas Gunadarma”. Text color diubah menjadi ungu (#7e2086). Hasilnya dapat dilihat pada gambar berikut.



3. Langkah ketiga adalah penduplikasian masing-masing objek baik gambar maupun text yang telah dibuat. Pertama klik kiri layer 1 kemudian tekan Ctrl+Alt+klik kiri dan tahan lalu geser kebawah text yang bertuliskan universitas gunadarma. Sesuaikan text agar posisinya tepat tidak tindih dengan text induknya.



4. Langkah keempat adalah memutar (flip) pada text duplikasi menjadi terbalik 90 derajat. Pada tool bar dipilih Rectangular Marquee Tool kemudian klik kanan pada text duplikasi. Pilih Free Transform, kemudian klik kanan lagi dan pilih Flip Vertical seperti gambar dibawah ini.



Geser text yang terbalik tersebut dengan menggunakan Move Tool (shift+m) sesuaikan agar tidak terlalu jauh dn tidak terlalu dekat dengan induk textnya.

5. Langkah ketujuh adalah menciptakan efek bayangan pada text yang terbalik tersebut. Pilih Gradient Tool (shift+g) pada tool bar. Namun sebelumnya klik Add Vector Mask pada panel layer universitas gunadarma copy. Tujuannya agar dapat diciptakan efek bayangan. Kemudian pada tool bar pilih Gradient Tool (shift+g). Pada layer klik kiri tahan dan geser kebawah sehingga tercipat garis dan efek bayangan. Sesuaikan dengan keinginan dan estetika. Lakukan langkah langkah yang telah kita lakukan pada logo gunadarma sehingga hasilnya seperti ini.



Mudah bukan, selamat mencoba...