MUJADEWI.wordpress.com http://mujadewi.wordpress.com Blog Komunitas Web Sun, 23 Mar 2008 14:38:02 +0000 http://wordpress.com/ en hourly 1 http://www.gravatar.com/blavatar/32e073cabf82ebc1e77235c6380fe094?s=96&d=http://s.wordpress.com/i/buttonw-com.png MUJADEWI.wordpress.com http://mujadewi.wordpress.com Membuat Rollover Image untuk Web http://mujadewi.wordpress.com/2008/03/23/membuat-rollover-image-untuk-web/ http://mujadewi.wordpress.com/2008/03/23/membuat-rollover-image-untuk-web/#comments Sun, 23 Mar 2008 13:53:57 +0000 bajah http://mujadewi.wordpress.com/?p=12 ]]>

Tentunya kamu tahu tentang rollover image, sebuah tombol yang dibuat oleh web designer yang terdapat dalam halaman web, yang digunakan untuk membangun keinteraktifan antara pengguna dan web itu sendiri. mungkin anda dapat dengan mudah membuatnya dalam dreamweaver atau flash, oleh karena itu dibawah diberikan langkah-langkah untuk membuat rollover image dengan adobe

  1. Membuat file.

    2. pada ImageReady, pilih File, New untuk membuka kotak dialog dokumen sehingga kamu dapat membuat file baru. untuk tutorial ini masukan width 340 pixels dan height 240 pixels untuk ukuran image-nya, kemudian pilih white pada content of First Layer. klik OK

    buat imageready

  2. Membuat Tombol.

    3. buatlah sebuah layer, kemudian pilih Elliptical Marquee tool, Shift dan drag untuk membuat image berbentu lingkaran sempurna, pilih Edit, Fill dan isilah button shape dengan black.

    tombol

    Buat tombol

  3. Memberi Layer Effect.

    4. untuk memberi efek 3D pada tombol, pilih Window, Styles untuk membuka Styles palette. kemudian klik Green Gel style. secara otomatis mendesain layer yang aktif dengan style yang sama.

    Membuat Layer Efek

  4. Membuat duplikat layer.

    5. Di menu layer palette, pilih Duplicate Layer untuk membuat copy dari tombol dan efeknya. pilih Duplicate Layer lagi untuk membuat tombol sehingga total terdapat 3 layer yang berisi tombol, setiap layer berisi tombol yang sama dengan style yang sama.

    buat duplikat layer

  5. Memberi warna setiap Layer.

    6. pada Layer palette, pilih Layer 1 Copy dan double klik Color Overlay style untuk membuka kotak dialog Layer Style. klik color swatch untuk membuka color picker, pilih sebuah warna yang baru, and klik OK untuk warnanya. klik OK lagi untuk merubah style. kembai ke Layers palette dan pilih Layer 1 Copy 2 layer dan ulangi langkah-langkah tadi, pilihlah warna yang berbeda.

    warna1

    warna2

  6. Membuat Rollover State.

    7. pilih Window, Web Content untuk membuka palette Web Content. pilih Rollover State baru dari palette menu untuk membuat sebuah rollover state baru, klik kanan pilih set state over. pilih State baru lagi untuk membuat rollover state lain yang baru, klik kanan pilih down. sekarang kamu seluruhnya mempunyai 3 states: Normal state dan 2 rollover state yang berlabel Over dan Down.

    Membuat Rollover State

  7. Mencocokan layer dengan state.

    8. pada Web Content palette, pilih Normal state; pada Layers palette, pilih layer yang menunjukkan warna yang kamu inginkan untuk tombol pada normal state. ulangi langah ini untuk rollover states Over dan Down. pilih File, Save Optimized untuk menyipan file, pastikan pada Save as Type anda memilih dalam format HTML and Images.

    warna2mencocokkan layer dgn state2.jpg

]]> http://mujadewi.wordpress.com/2008/03/23/membuat-rollover-image-untuk-web/feed/ 0 bajah buat imageready tombol Buat tombol Membuat Layer Efek buat duplikat layer warna1 warna2 Membuat Rollover State warna2 mencocokkan layer dgn state2.jpg Mencari Informasi dengan Google http://mujadewi.wordpress.com/2008/03/19/mencari-informasi-dengan-google/ http://mujadewi.wordpress.com/2008/03/19/mencari-informasi-dengan-google/#comments Wed, 19 Mar 2008 08:48:12 +0000 bajah http://mujadewi.wordpress.com/?p=7 ]]>

GOOGLE.COM, situs ini yang pertama kali saya kenalkan kepada Mahasiswa saya ketika Materi Internet mulai disampaikan. Situs yang sering saya sebut sebagai Paman Google ini banyak membantu saya dalam menemukan segala informasi yang saya butuhkan. Situs google.com merupakan suatu situs search engine (mesin pencari) kalo saya katakan dia ini sebagai “Dukun Internet”. Kok bisa saya sebut begitu?!hehe Paman Google, saya memanggilnya seperti itu) dapat memberi tahu kepada kita segala informasi yang kita butuhkan. All off information, bahkan Paman yang satu ini dapat digunakan untuk mendapatkan informasi yang paling rahasia. Akan tetapi namanya juga “Dukun Internet” tidak semua informasi yang kita minta dapat diberikan, hal ini bergantung pada jangkauan ……….<selengkapnya>

]]> http://mujadewi.wordpress.com/2008/03/19/mencari-informasi-dengan-google/feed/ 0 bajah Blog dengan WordPress http://mujadewi.wordpress.com/2008/03/19/hello-world/ http://mujadewi.wordpress.com/2008/03/19/hello-world/#comments Wed, 19 Mar 2008 06:12:58 +0000 bajah ]]>

Blogging bisa menjadi bisnis atau hobby. Banyak para blogger menginginkan desain yang baik namun tidak mampu untuk membayar perusahaan web design. Kami menguasai desain WordPress dengan baik dan mengerti bagaimana cara membuat kelihatan lebih baik dengan anggaran terbatas.

Mengapa WordPress?

WordPress adalah solusi blogging terbaik saat ini. Open-source engine ini meraih popularitas terbaik di seluruh dunia. Setiap hari, komunitas dengan lebih dari 1000 kontributor bekerja memperbaiki platform WordPress. Di sisi lain, WordPress API memungkinkan membuat plugin tak terbatas untuk menambah fungsionalitas standar. Siapapun dapat men-download dan menginstall WordPress dan langsung segera memulainya.

untuk tutorial membuat blog download disini

]]> http://mujadewi.wordpress.com/2008/03/19/hello-world/feed/ 0 bajah