Senin, 31 Agustus 2009

Mendesign glossy button di photoshop

Aku udah nyiapin beberapa tutorial yang biasa aku pake pas ngedesain web. Aku pake dua software, Adobe Photoshop CS (yup, katro emang. Tapi ntar lagi gw ganti kq. Jadi yang pake versi yang baru, silahkan cari alternatif lain deh) ama Adobe Illustrator CS2 (ntar juga mo diganti pake CS3).
Yup, ini dia tutorialnya. Silahkan menikmati. Resep untuk 6 porsi, minyak goreng dapat diganti dengan mentega *loh.. salah =p*.
  1. Buat bentuk tombol yang kamu inginkan. Aku sih pake bentuk rounded rectangle . Ukuran dan warna terserah kamu. Disini aku pake warna #92CDFF.
  2. Trus kamu seleksi bentuk tombol dengan cara Select » Load Selection ato kamu Ctrl+klik thumbnail di palet layer.

  3. Ubah foreground ke tone yang lebih tua. Punyaku pake #094373. Trus, kasi gradasi linear, Foreground to Transparent . Buat gradasi dari atas ke bawah. Jangan lupa tekan Shift pas buat gradasi. Fungsinya untuk menjaga gradasi kamu agar tetap lurus.


  4. Bentuk tombol masih diseleksi, pilih menu Select » Modify » Contract.
  5. Pake 3 pixels aja.
  6. Ini akan membuat seleksi sebesar 3 pixels lebih kecil dari seleksi awal.

  7. Jangan di-deselect dulu… Pake tool Rectange Marquee Selection (M) , pilih Subtract from Selection, feathernya 0 . Buat seleksi untuk ngilangin bagian bawah kira-kira setengahnya.
  8. Trus nanti jadi kaya gini:


  9. Buat layer baru dengan cara klik aja icon Create a New Layer ato (Ctrl+Shift+N). Kali ini kita bakal buat efek glass-nya.
  10. Masih belum di-deselect. Ubah foregroundnya jadi warna putih (#FFFFFF) *MESTI WARNA PUTIH! Soalnya sekarang mau buat efek glass-nya. Putih adalah warna yang umum untuk buat efek glass*. Kasi gradasi linear, Foreground to Transparent , dari dari atas ke bawah (kaya sebelumnya). Baru di-deselect (Ctrl+D). Punyaku jadi seperti ini:

  11. Yaaapppzz.. Udah jadi deh.. Sekarang kamu bisa nambahin blending option seperti inner glow, drop shadow, ato stroke (di tutorial” yang aku temuin biasanya pake tiga itu ja). Klo mau ngisiin, jangan terlalu gede size-nya. Web 2.0 perlu warna yang tegas n kuat.
  12. Gw ngisiin inner glow…

  13. Drop shadow…
  14. dan stroke…
  15. Blanding tadi diaplikasikan pada layer 1. Hasilnya seperti ini.

    Tapi gw tetep milih tanpa blending option apapun.

So, gimana punyamu? Klo ga sreg silahkan kamu otak-atik lagi, trus kasi tahu aku (tempe juga boleh, tapi karena kedele mahal, ayam aja deh sekalian). Bagi" ilmu gitu deh..
Good luck, dan selamat berkreasi…

Silahkan download di sini (format: .psd, size: 31KB)




Selengkapnya...

Jumat, 28 Agustus 2009

Tips dan Cara Mencegah, Memperbaiki dan Membuat Komputer PC / Laptop Aman Dari Virus, Hacker dan Spyware - Keamanan di Internet

Tahukah anda bahwa gangguan pada komputer tidak saja disebabkan oleh kerusakan atau kesalahan teknis pada piranti keras dan piranti lunak. Virus dan Spyware adalah gangguan pada komputer yang disebabkan oleh pihak eksternal dengan tujuan yang beragam seperti untuk mencuri data-data anda, merusak hardware anda, menghapus file, menghilangkan fungsi tertentu, mengambil alih kontrol pada komputer anda dan lain sebagainya. Yang pasti sangat langka atau mungkin tidak ada virus dan spyware yang membawa kuntungan pada komputer yang terinfeksi.

Virus dan spyware komputer bisa menyerang komputer anda baik yang sering online maupun yang tidak pernah online ke internet sekalipun. Komputer yang dihubungkan dengan disket atau usb flash disk pun bisa tertular dari software yang diinstall apabila tidak hati-hati. Jika telah terinfeksi suatu virus atau spyware yang hanya aktif bila komputer terhubung dengan internet, maka si virus atau spyware akan aktif ketika komputer sedang online.

Berikut ini adalah berbagai tindak pencegahan dan perbaikan pada komputer yang terkena virus atau spyware baik yang ringan maupun yang tingkat berat.

A. Pencegahan Agar Komputer Terhindar Virus dan Spyware

1. Hati-hati pada Attachment Email Anda
Jangan membuka file attachment pada email yang anda terima walaupun dari orang yang anda kenal jika attachment tersebut mengandung file program dengan extension atau akhiran .exe, .pif, .bat, dan lain sebagainya. Baca dengan teliti email yang dikirim, apakah gaya e-mail sama dengan yang biasa dikirim. Terkadang email yang anda terima berasal dari orang sunda, tapi menggunakan bahasa inggris, rusia, cina, dll pada emailnya.

2. Pasang / Install Software Keamanan Yang Terbaru
Pastikan komputer anda terinstall 3 jenis software keamanan utama dan terpasang dengan setting yang otomatis mengamankan komputer anda tanpa anda harus nyalakan terlebih dahulu. Mereka adalah anti virus untuk menangkal virus, anti spyware untuk menangkal spyware, dan firewall untuk menangkal serta memblokir serangan hacker serta koneksi dari luar. Untuk yang versi gratis dan bermutu bagus anda bisa menggunakan AVG antivirus untuk anti virus, Ad-Aware untuk antri spyware dan Zone Alarm untuk program firewall. Pastikan kesemuanya update / sudah terupdate dengan definition dan patch terbaru yang memperkecil peluang virus dan spyware varian baru melakukan infeksi pada komputer pc atau laptop anda. Jangan lupa pula untuk menjalankan scan pada komputer anda secara berkala untuk membunuh virus dan spyware yang baru menginfeksi.

3. Jangan Gegabah Menginstall Software
Hati-hati terhadap software yang anda isntall baik yang anda beli dari cd bajakan di toko-toko cd, dari download di internet, dari teman, dan lain sebagainya. Virus maupun spyware bisa saja bersembunyi pada program yang anda pasang tanpa anda sadari. Biasakanlah untuk membackup semua file penting anda secara berkala pada flash drive, cd atau dvd agar bila terjadi sesuatu hal yang fatal anda tidak akan kehilangan data anda.

4. Awasi User / Orang Lain Yang Memakai Komputer Anda
Jika komputer anda dipakai oleh orang lain, pastikan dia tidak melakukan hal-hal yang dapat merugikan komputer anda. Anda dapat membuat account khusus untuk tamu / guest dengan batasan-batasan tertentu yang anda dapat seting sendiri. Seseorang yang mungkin tidak anda duga bisa saja menginstall program, mencolokkan usb atau memasukkan disket yang mengandung virus atau spyware. Bahkan bisa juga memasang dengan sengaja software mata-mata untuk merekam segala aktifitas anda dan password yang biasa anda gunakan.

5. Waspada Selalu
Jika anda merasa bahwa ada sesuatu yang tidak beres pada komputer anda segera putuskan dan cabut sambungan ke koneksi internet ataupun jaringan network lan. Kemudian jalankan anti virus, anti spyware dan cek firewall apakah sudah berjalan dengan baik dan semestinya. Apabila anda mendapatkan pertanyaan untuk menginstall software dari situs yang tidak jelas tolaklah mentah-mentah. Ikuti perkembangan update patch atau tambalan lubang keamanan pada setiap software yang terpasang dan mendapatkan access internet pada program firewall anda.

B. Perbaikan Komputer Yang Terinfeksi Virus dan Spyware

1. Matikan Internet dan File Sharing Jaringan Network
Jika komputer anda terhubung dengan jaringan lokal atau internet segera putuskan dan cabut bila perlu untuk memastikan 100% anda benar-benar tidak terkoneksi. Terkadang virus dan spyware memanipulasi komputer anda sehingga seolah-olah anda sudah tidak terhubung lagi dengan jaringan luar.

2. Update dan Scan
Langkah pertama untuk perbaikan jika anda merasa ragu-ragu ataupun merasa yakin bahwa komputer anda terserang virs atau spyware adalah melakukan update. Update dapat dilakukan baik melalui download internet maupun secara offline jika anda memiliki filenya dari orang lain. Setelah terupdate dengan definition yang baru maka anda sebaiknya langsung melakukan scanning untuk segera menyingkirkan virus yang ditemukan.

3. Aktif Pada Komunitas Mailing List / Forum Tentang Keamanan Komputer
Semakin anda banyak bergabung dengan komunitas komputer, maka semakin banyak orang yang akan membantu anda jika anda sedang dalam masalah. Jangan takut dan ragu untuk menanyakan masalah yang anda hadapi biarpun masalah itu sepele. Gunakan nama samaran jika perlu. Di luar sana terdapat banyak orang yang mungkin pernah mengalami hal yang sama dengan anda. Di samping itu anda mungkin akan mendapatkan tips jalan pintas, solusi, saran, dan sebagainya dari komunitas tersebut. Biasanya virus dan spyware yang terbaru juga dibahas pada komunitas tersebut.

4. Format Harddisk Jika Tidak Ada Jalan Keluar
Jika semua cara telah anda jalani dan tidak ada yang memberikan solusi yang memuaskan anda dapat mengambil jalan pintas terakhir, yaitu dengan memformat ulang hard disk anda. Pastikan data yang penting bagi anda sudah ada cadangannya pada medium lain yang tidak terinfeksi virus, spywre serta program jahat lainnya. Kemudian format hard drive anda dan install os dan prgram aplikasi yang biasa anda pakai. Setelah semua ok, maka copy kembali file-file penting anda pada komputer yang fresh tersebut.

5. Belajar Dari Kesalahan
Buka mata anda ketika menghadapi suatu persoalan dan pelajari dengan baik, karena tidak menutup kemungkinan bahwa persoalan yang sama akan timbul dengan kuantitas yang lebih besar. Belajar tidak hanya dari masalah anda sendiri tetapi juga masalah orang lain bahkan yang anda tidak kenal sekali pun.

- Semoga Artikel Ini Dapat Membantu Anda dan Semoga Berhasil -

Selengkapnya...

Tertangkapnya Pembuat Virus Sasser

Pembuat virus Sasser yang melumpuhkan jutaan komputer pekan lalu berhasil ditangkap. Ternyata penciptanya adalah murid sekolah asal Jerman berusia 18 tahun. Sesungguhnya, bagaimana sepak terjang pembuat virus?

Sepandai-pandainya tupai melompat, pasti akan terjatuh pula. Itu kira-kira pepatah paling tepat bagi para cracker. Menyusul kesuksesan Indonesia menangkap cracker situs internet KPU, kini giliran kepolisian Jerman dan biro investigasi Amerika Serikat (AS) FBI merayakan kemenangan meringkus pembuat virus Sasser.


Adalah Microsoft, pengembang sistem operasi Windows yang menjadi korban Sasser yang merasa gemas dengan pembuat virus tersebut. Tidak tanggung-tanggung, perusahaan milik Bill Gates tersebut bersedia memberi imbalan 250 ribu dolar Amerika bagi siapa saja yang memberi informasi ihwal si pembuat virus. Akhir pekan silam, tepatnya Jumat, hanya dalam hitungan tidak sampai seminggu setelah virus disebarkan, si pembuat bisa teridentifikasi. Pembuatnya tak lain seorang remaja lelaki usia 18 tahun asal Rotenburg, Jerman. Seorang juru bicara Lembaga Kriminal Negara Bagian di Hannover mengatakan kepada majalah mingguan Jerman Der Spiegel bahwa sejumlah barang bukti telah diamankan.


Dilepaskan
Remaja yang oleh Der Spiegel disebut sebagai Sven .J tersebut mengaku juga telah melansir virus jenis Netsky ke internet. ”Berdasarkan identifikasi pihak Microsoft, dialah pembuat worm Sasser,” jelas juru bicara kepolisian Jerman seperti yang dilansir www.dw-world.de, kantor berita Jerman baru-baru ini. Remaja yang ditangkap di kediamannya di Waffensen tersebut dilepaskan tanpa uang jaminan setelah diinterogasi.
Microsoft mengatakan mereka mendapatkan kontak mengenai pencipta Sasser pada hari Kamis lalu dan memberikan informasi ini kepada pihak berwenang di Jerman, FBI dan sejumlah agen rahasia. Juga pengacara Microsoft Brad Smith, mereka itulah yang menyelidiki ke mana virus itu bersumber. ”Kami hanya bisa mengatakan bahwa orang ini mendapakan source code Sasser dari sang pencipta,” ujar Hanke juru bicara kepolisian Hannover.
Sang pencipta Sasser mengaku memang berkeinginan membuat virus Netsky A yang bisa mengalahkan ”Mydoom” dan ”Bagle”. Untuk itulah ia berusaha mengembangkan Sasser worm.
Kepolisian Jerman juga memiliki data bahwa Sasser Worm terdiri dari empat variasi di mana yang pertama sangat amatir sementara tiga selanjutnya bersifat merusak. Meski demikian Kepolisian menegaskan Sven J untuk bertanggung jawab atas seluruh varian Sasser yang merupakan versi tambahan dari Netsky virus.

Sistem Operasi Lemah
Virus komputer diciptakan oleh sejumlah orang dengan tujuan untuk merusak suatu jaringan atau program komputer. Biasanya virus ini memanfaatkan celah atau bugs dalam suatu program maupun system operasi yang baru saja diciptakan. ”Virus akan terus ada selama ada celah dalam suatu program.Virus dibuat oleh cracker pada tahap sebuah patch dirilis,” ujar Arif Rizaldi, technology specialist Microsoft Indonesia kepada pers di Jakarta, belum lama ini.
Yang mengkhawatirkan, jeda eksploitasi antara diciptakannya suatu program dan suatu virus perusaknya kian lama kian kecil. Arif mencontohkan virus Nimda memiliki jeda 331 hari, kemudian virus Slammer hanya 180 hari saja. Kelamaan jeda ini makin kecil, terbukti dengan munculnya virus Blaster hanya dalam tempo 151 hari setelah celah ditemukan. Virus Blaster hanya memiliki jeda 25 hari dan terakhir Sasser, 21 hari.
Arif mengakui bahwa virus akan terus diciptakan oleh pembuat virus setiap kali sebuah program baru dirilis. Entah sampai kapan hal ini akan berlangsung, yang jelas Microsoft akan terus berupaya meminimalkannya. Sistem operasi dan program-program Microsoft seringkali menjadi incaran para pembuat virus. Apa sebab? ”Sistem operasi Microsoft sangat vulnerable, ditambah dengan dominasinya di dunia sehingga memudahkan virus menyebar dengan cepat,” ujar I Made Wiryana, praktisi Teknologi Informasi (TI) Indonesia yang bermukim di Jerman kepada SH Selasa(11/5). Sedangkan sistem operasi open source Unix memang sempat diserang virus Morris namun hanya bersifat teoretis, tidak menyebar.

Cara Membuat Virus
Bagaimana sebenarnya membuat virus? Seseorang bernama panggilan Alzamora dari situs www.klik-kanan.com menyatakan hal tersebut tidaklah terlalu sulit. Membuat worm semacam virus Anna Kournikova misalnya, tidak harus menjadi seorang programer handal. Semua orang yang bisa menjalankan komputer dan punya software-nya akan dengan mudah menciptakan worm. Virus Anna terbukti bisa dibuat dengan piranti lunak bernama VBS Worm Generator. Dengan program yang dibuat oleh hacker Argentina berusia 18 tahun itu siapa pun dapat membuat virus yang sama dahsyatnya dengan Anna Kournikova, cukup dengan melakukan beberapa klik.
Program VBSWG memungkinkan kita untuk membuat worm dengan nama sesuka kita. Efek dari worm tersebut juga bisa kita tentukan, seperti misalnya menampilkan pesan atau memaksa seseorang untuk menuju situs tertentu. Akibat yang paling parah tentunya jika worm tersebut sengaja di-setting membuat crash komputer. Kemampuan lain dari VBSWG adalah melakukan enkripsi terhadap source code worm yang dibuat. Sebenarnya VBS Worm Generator hanya boleh digunakan untuk belajar, bukan untuk merugikan orang lain. Bagi yang ingin coba-coba membuat virus bisa mendapatkan software tersebut pada sejumlah situs seperti http://www.virii.com.ar, http://www.kvirii.com.ar,
http://vx.netlux.org/dat/tv07.shtml. Atau gunakan search engine http://www.google.com dan masukkan keyword vbswg2bfix.zip, Vbswg2B.zip, worm generator, dan keyword semacamnya.

Virus Makro
Berdasarkan sifat dan penyerangannya, virus komputer dapat dibedakan menjadi beberapa macam, misalnya virus boot sector, virus file, polymorphic virus, stealth virus, dan virus makro. Virus makro ini dapat menyerang pada dokumen MS Word, Excel atau Power Point. Virus makro ini termasuk virus yang paling banyak dijumpai di sekitar kita. Tentunya kita masih ingat dengan adanya virus Mellisa atau virus I Love You yang juga dapat kita masukkan ke dalam kategori virus makro.
Virus makro sering sekali kita jumpai karena populasi pengguna MS Office sangat banyak. Dengan pengguna yang cukup banyak tentunya virus makro dapat berkembang dengan cepat. Dengan melakukan pertukaran data *.doc atau dokumen MS Word yang telah terinfeksi maka sudah cukup untuk membuat semua dokumen menjadi terinfeksi. Yang menarik, bagaimana cara membuat virus makro tersebut? Kalau Anda seorang programer, dengan bantuan berbagai referensi tentunya mudah saja untuk belajar membuat virus makro. Masalahnya bagaimana kalau kita sama sekali tidak menguasai bahasa pemrograman?
Tenang saja, di internet banyak sekali software yang dapat digunakan untuk membuat virus makro. Salah satunya adalah SkamWerks Lab. Dengan fasilitas Virii Wizard, kita dapat membuat virus mulai dari awal sampai selesai. Saat menggunakan Virii Wizard, kita dapat menuliskan pembuat virusnya, nama virus, dan makro-makro yang akan dimasukkan ke dalam virus.


Selengkapnya...

Rabu, 26 Agustus 2009

Solusi Masalah Harddisk : Mengatasi MBR Rusak

Di dalam harddisk, ada sebuah file yang disebut MBR (Master Boot Record). File ini berada di byte pertama dan sektor pertama harddisk; pokoknya benar-benar pertama. Maklum, MBR inilah yang menjadi penanda keberadaan harddisk. Jika dianalogikan, MBR ini seperti peta yang menuntun BIOS menemukan harddisk. Namun berbagai hal bisa menyebabkan MBR tersebut rusak, seperti terkena virus atau terformat tidak sengaja.

Jika itu terjadi, sistem operasi pun kehilangan penunjuk jalan yang ditandai dengan munculnya pesan Operating System not found atau missing operating system di layar. Solusi dari masalah ini adalah dengan mengembalikan file MBR tersebut. Cara paling umum dilakukan adalah melakukan proses recovery dari CD Windows. Caranya, booting ke CD Windows, lalu pilih Repair (dengan menekan tombol R) dan masuk ke Recovery Console.
Setelah itu, ketikkan perintah fixmbr untuk mengembalikan file MBR tersebut. Untuk Windows Vista, konsepnya sama meski prosedurnya sedikit berbeda. Pertama, booting ke DVD Windows Vista, lalu pilih Repair Your Computer. Ketika System Recovery Options muncul, pilih Command Prompt. Setelah muncul jendela Command Prompt, ketik bootrec.exe dan tekan Enter. Jika CD Windows sudah hilang entah kemana, Anda bisa menggunakan aplikasi dari Rescue Kit 9.0 Express buatan Paragon. Ini adalah aplikasi gratisan yang memiliki fungsi beragam, termasuk mengembalikan MBR. Aplikasi ini bersifat bootable, artinya bisa di-burn ke CD dan menjadi sumber proses booting. Ketika sistem menunjukkan gejala kehilangan MBR, yang harus Anda lakukan adalah booting ke CD berisi Rescue Kit ini. Setelah itu, pilih menu Boot Corrector, ikuti prosedur yang telah ditentukan, dan kasus kehilangan MBR seharusnya telah teratasi.
Rescue Kit 9.0 Express bisa di-download secara gratis di sini (46MB) atau bisa Anda dapatkan di DVD.



Selengkapnya...

Hati-hati Bila Melakukan Update aplikasi apapun Via WiFi

Aplikasi Anda sering meminta update online? Jika ya, hati-hati jika melakukannya di area Wifi gratisan yang banyak tersedia di Mal, Cafe, Hotel dan sebagainya.

Itzik Kotler, seorang praktisi keamanan dari Radware, mengungkapkan penemuannya yang cukup mengejutkan terkait keamanan update aplikasi yang dilakukan lewat jaringan WiFi publik. Di Defcon (konferensi tahunan tentang keamanan komputer), Kotler berhasil menunjukkan bagaimana seorang cracker dapat dengan mudah memasukkan update palsu terhadap sebuah aplikasi. "Celakanya, update yang diberikan ini justru dalam rupa malware, seperti virus, worm, dan sejenisnya. Dan korban tidak akan menyadari hal ini sama sekali", jelas Kotler.


Saat ini banyak aplikasi melakukan update menggunakan metode transaksi HTTP sederhana. Sesi dari transaksi HTTP ini menurut Kotler sangat mudah dibajak dengan menyamar sebagai update teranyar dan ditempatkan di server palsu. Kemudian, update palsu tadi memanfaatkan sebuah tool bernama Ippon untuk mencari korban terdekat berikutnya. "Jadi, PC yang terinfeksi akan langsung menjadi zombie untuk menularkan ke PC lain dalam jaringan", tambah Kotler. Penyebaran ini akan makin mudah jika jaringan WiFi tidak dilindungi dengan ekripsi dan bersifat bebas sambung.

Sayangnya, Kotler enggan menyebutkan aplikasi apa saja yang memiliki kelemahan ini. Ia hanya mengatakan ada sekitar 100 aplikasi yang memiliki kelemahan di sisi update. Kabarbaiknya, update Microsoft tidak termasuk sebagai salah satu dari 100 aplikasi tadi karena telah menggunakan signature digital untuk melindungi seluruh updatenya.

Selengkapnya...

Senin, 03 Agustus 2009

Dream Weaver Tutorial: Mengedit Web dengan Dreamweaver

Ada sebagian web designer dalam membuat situs professional tidak memanfaatkan Adobe Photoshop dalam merancang web, padahal dengan software tersebut kita akan lebih mudah dan lebih praktis dibandingkan harus membuat kode html.

Ketika dokumen Adobe Photoshop (download: situs_bisnis.zip) tersimpan dalam bentuk web maka secara otomatis akan membuat tag html sendiri sehingga tidak perlu bersusah payah mengetik kode html. Anda dapat membuktikan sendiri seperti nampak pada gambar berikut.

dreamweaver_01.gif


1. Mengubah Objek menjadi Background

Tidak semua gambar (image) yang pada web yang telah kita buat diganti. Jika image tersebut berfungsi sebagai tombol, maka Anda dapat menambahkan menu pull down agar tampilan website lebih menarik. Anda juga dapat membuat tombol dalam bentuk mouse over, dan lain sebagainya.

Pada bagian ini, kita akan mencoba membahas tentang teknik penggantian objek gambar menjadi latar belakang (backgrdound) agar kita dapat memasukkan beberapa komponen di dalamnya (teks maupun grafik).

1. Pertama kali, bukalah file index.html menggunakan Macromedia Dreamweaver.


Gambar 1
2. Setelah file terbuka, tentukan terlebih dahulu image mana saja yang akan di jadikan latar belakang dan bagian mana saja yang akan dijadikan sebagai tombol. Sebagai contoh, klik image di bagian bawah teks New Product.

Gambar 2
3.Pada bagian Properties, tertulis Src = images/index_26.gif. Hal itu berarti kita tidak dapat memasukan teks di atas gambar tersebut karena objek tersebut adalah image, bukan merupakan background. Tekan Del untuk menghapusnya.

Gambar 3
4.Klik pada Background URL of cell untuk memilih gambar yang akan dijadikan latar belakang (background). Oleh karena nama file yang baru saja dihapus adalah index_26.gif maka gunakan file tersebut sebagai latar belakang.


Gambar 4
5. Ketikkan images/index_26.gif pada kolom Bg.


Gambar 5
6.Lakukan hal yang sama pada bagian lain apabila ingin dijadikan sebagai latar belakang agar kita dapat memasukkan objek berupa teks, animasi, maupun gambar.


2. Memasukkan Objek

Objek yang dimaksud dapat berupa animasi, gambar, maupun teks. Dalam Macromedia Dreamweaver proses memasukkan objek sangat mudah karena sudah disediakan tool yang sangat lengkap. Anda tinggal memilih objek apa yang akan dimasukkan. Berikut ini akan membahas masalah teknik memasukkan objek berupa teks.

1.Letakkan kursor pada tempat yang akan ditambahkan teks.

Gambar 11
2.Pada penel Properties, aturlah beberapa spesifikasi seperti nampak pada gambar berikut.

Gambar 12
3.Ketikkan beberapa kalimat yang berisi berita, kemudian aturlah format teks tersebut seperti nampak pada gambar berikut.


Gambar 13
4.Anda bisa memasukkan image di antara teks tersebut. Untuk melakukan hal itu, pertama kali letakkan kursor di awal paragraf kemudian pilih menu Insert > Image.

Gambar 14
5. Pilih file gambar yang akan dimasukkan dalam dokumen tersebut.

Gambar 15
6. Apabila berhasil memasukkan gambar, maka akan terlihat objek tersebut berada di depan paragraf. Namun posisinya masih kurang sempurna karena susunan teks terdorong oleh gambar tersebut.

Gambar 16
7. Agar tampilan lebih rapi, Anda dapat mengatur posisi gambar sehingga seluruh teks akan berada di sebelah kanan gambar. Untuk melakukan hal tersebut, pada panel Properties pilih Left untuk Align.


Gambar 17





MEMBUAT LINK DAN NAVIGASI

Menu yang mudah digunakan (user friendly) dapat membantu pengguna ketika mencari informasi yang dibutuhkan. Sebaiknya menggunakan tombol menu yang umum, seperti: Home, Product, Service, dan Contact Us

Dalam Macromedia Dreamweaver, kita membuat Pop-up Menu, dan Jumping Menu secara mudah. Anda tidak bersusah payah menuliskan script yang panjang dalam bahasa Javascript karena telah disediakan tool yang sangat mudah dan fleksibel.

1. Membuat Pop-up Menu

Keunggulan software Macromedia Dreamweaver dibandingkan dengan aplikasi lain yang sejenis adalah adanya tool untuk membuat menu pop-up yang dibuat dengan bahasa Java. Bagi mereka yang masih awan dengan bahasa Java, tidak perlu bingung karena disediakan panel Behavior untuk mempermudah dalam pembuatan menu pop-up.

Sebelum membuat pop-up menu terlebih dulu harus menyiapkan nama file sebagai link. Sebagai contoh: ketika user memilih menu PC maka yang akan muncul adalah pilihan nama computer seperti Acer, HP, BenQ, dan lain sebagainya. Dan ketika user memilih salah satu opsi (missal: Acer) maka akan terhubung ke file tersebut.

Dengan demikian, Anda harus membuat beberapa file dengan bentuk interface yang sama seperti halaman utama, yaitu menyimpan dengan nama lain (contoh: Save As > acer.html). Diasumsikan, Anda telah memiliki beberapa file sebagai link yang dimaksud.

1.Pertama kali, klik menu PC.
dreamweaver_21.gif

2.Jika panel Behaviors belum muncul, aktifkan terlebih dulu dengan cara memilih menu Window > Behaviors.
dreamweaver_22.gif

3. Pada panel Behaviors (berada di sebelah kanan), klik tombol Add (tanda plus) untuk membuka menu.
dreamweaver_23.gif


4. Selanjutnya pilih Show Pop up Menu.
dreamweaver_24.gif


5. Setelah mengklik pilihan tersebut, maka akan muncul kotak dialog Show Pop-up Menu yang masih kosong.
dreamweaver_25.gif

6. Pada Tab Contents, masukkan nama menu pada kolom Text (misal: Acer).
dreamweaver_26.gif


7. Kemudian masukkan alamat URL pada kolom Link.
dreamweaver_27.gif


8. Selanjutnya pada kolom Target, pilih _parent.
dreamweaver_28.gif

9.Untuk membuat menu yang baru, klik tanda plus (+) di bagian atas. Kemudian lakukan hal sama seperti pada tahap 6.
dreamweaver_29.gif
10.Selanjutnya, klik Tab Appearance untuk mengatur warna teks dan latar belakang pop up menu. Tentukan jenis dan ukuran font yang digunakan. Lalu tentukan pula warna teks dan warna cell ketika mouse berada di atas teks.
dreamweaver_30.gif
11.Klik Tab Advanced untuk menentukan lebar, tinggi dan warna border kotak pop up menu.
dreamweaver_31.gif
12. Klik Tab Position untuk menentukan posisi pop up menu.
dreamweaver_32.gif
13. Setelah selesai klik OK. Untuk melihat hasilnya, klik tombol F12.
dreamweaver_33.gif
14. Untuk mengasah keterampilan Anda, buatlah pop-up menu pada tombol lain.

2. Membuat Rollover Image

Macromedia Dreamweaver selain menyediakan tool untuk membuat Pop up Menu juga menyediakan tool untuk membuat Rollover Image sebagai tombol. Yang harus Anda lakukan pertama kali adalah menyediakan dua buah gambar yang ukurannya sama tapi warnanya berbeda.

1. Buatlah duplikasi gambar tombol yang telah ada.
dreamweaver_41.gif
2. Kemudian editlah file hasil duplikasi tersebut menggunakan Adobe Photoshop. Pilih menu Image > Adjustment > Hue/Saturation.
dreamweaver_42.gif
3.Setelah muncul kotak dialog Hue/Saturation, aktifkan pilihan Colorize. Kemudian geser Slider Hue maupun Saturation sesuai kebutuhan. Setelah selesai klik OK, simpan dokumen tersebut dengan cara menekan Ctrl+S.
dreamweaver_43.gif
4. Sekarang kembali ke Macromedia Dreamweaver. Klik gambar About Us.
dreamweaver_44.gif
5. Hapuslah objek tersebut dengan cara menekan tombol Del. Selanjutnya pilih menu Insert > Image Objects > Rollover Image.
dreamweaver_45.gif
6. Setelah muncul kotak dialog Insert Rollover Image, berilah nama gambar pada kolom Image name kemudian tentukan gambar asli pada kolom Original Image. Untuk mempermudah pencarian file, klik tombol Browse. Tentukan pula file untuk gambar rollover pada kolom Rollover Image.
dreamweaver_46.gif
7. Masukkan teks alternat pada kolom Alt, lalu tentukan nama file sebagai link ketika tombol tersebut di klik.
dreamweaver_47.gif
8.Untuk melihat hasilnya, tekan tombol F12.
Selengkapnya...

CSS ( Cascading Style Sheets

Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup. Penggunaan yang paling umum dari CSS adalah untuk memformat halaman web yang ditulis dengan HTML dan XHTML. Walaupun demikian, bahasanya sendiri dapat dipergunakan untuk semua jenis dokumen XML termasuk SVG dan XUL. Spesifikasi CSS diatur oleh World Wide Web Consortium (W3C).

CSS digunakan oleh penulis maupun pembaca halaman web untuk menentukan warna, jenis huruf, tata letak, dan berbagai aspek tampilan dokumen. CSS digunakan terutama untuk memisahkan antara isi dokumen (yang ditulis dengan HTML atau bahasa markup lainnya) dengan presentasi dokumen (yang ditulis dengan CSS).



Pemisahan ini dapat meningkatkan aksesibilitas isi, memberikan lebih banyak keleluasaan dan kontrol terhadap tampilan, dan mengurangi kompleksitas serta pengulangan pada stuktur isi.

CSS memungkinkan halaman yang sama untuk ditampilkan dengan cara yang berbeda untuk metode presentasi yang berbeda, seperti melalui layar, cetak, suara (sewaktu dibacakan oleh browser basis-suara atau pembaca layar), dan juga alat pembaca braille. Halaman HTML atau XML yang sama juga dapat ditampilkan secara berbeda, baik dari segi gaya tampilan atau skema warna dengan menggunakan CSS.


Selengkapnya...

Web - Designer

Mungkin anda pernah membuka suatu situs internet dan sangat menyukai gambar-gambar animasinya sehingga anda tertarik untuk mengunjungi situsi itu kembali.Atau, mungkin anda juga pernah merasa kesal karena proses download ( pengambilan data di internet ) membutuhkan waktu lama, padahal andasedang terburu-buru.
Pernahkah terpikir oleh anda siapakah yang berada di belakang layar halaman situs yang terpampang di layar komputer anda ?

Tampilan yang anda lihat di setiap situs, baik yang berupa tulisan disertai satu dua foto , sampai bentuk-bentuk animasi seperti gambar yang berubah setiap kali anda menyentuhkan mouse ke atasnya, merupakan buah karya
para web-designer.


Jembatan Antara Pemilik Dan Pengunjung Situs

Seorang web-designer bertanggung jawab terhadap konsep desain suatu situs sampai situs itu selesai secara offline ( belum dapat diakses melalui internet) .Hasil rancangan ini didiskusikan pula dengan web developer , yang bertanggung jawab untuk membuat program , membeli domain (.co.id, .com atau .net ) dan hal lain-lain yang menunjang situs tersebut agar dapat dilihat secara online ( menggunakan akses internet )


Sebelum merancang suatu situs, web-designer terlebih dahulu perlu mengetahui konsep yang ingin ditampilkan oleh perusahan atau pemilik situs. Ia harus memperhatikan tujuan, manfaat, serta target konsumen/pengunjung yang dituju, untuk dijadikan dasar pertimbangan ketika membuat rancangan. Dapat dikatakan , web-designer merupakan jembatan yang menghubungkan pemilik situs dengan user ( pengunjung situs ) . Semakin ‘ramah’ halaman situs terhadap pengunjungnya, umunya semakin disukai.Di sini, kata ramah bisa diartikan sebagai mudah digunakan , menarik, aksesnya cepat, jenis huruf dan warnanya tidak membuat matanya lelah.

Sebenarnya, cara kerja web-designer tidak banyak berbeda dengan cara kerja desainer grafis.Hanya, untuk mendesain situs ada keterbatasan-keterbatasan yang harus diperhatikan.Misalnya, warna yang tampil di media internet tidak sebagus di media cetak. Memasukkan ( upload ) foto pun ada batasannya. Jika di media cetak ukuran foto sebesar apapundapat dimasukkan, untuk situs ukuran foto maksimal 25 kilobyte.Karena, jika melebihi batas waktu tersebut, waktu downloading satu halaman situs saja akan membutuhkan waktu yang lama. Tak hanya besar foto, semakin rumit dan banyakanimasi juga dapat mempengaruhi waktu pengambilan data.

Kuncinya, Jiwa Seni

Apa latar belakang pendidikan yang harus ditempuh bila seseorang ingin menjadi web-designer ? Sampai saat ini belum ada perguruan tinggi atau institusi sederajat di Indonesia yang khusus menyediakan jurusan web-design.Namun ada beberapa tempat kursus komputer yang menyediakan program khusus untukmenjadi web-designer, seperti Digital Studio di kawasan Cideng dan Fatmawati, Jakarta.

Pembagian tingkat didasarkan pada kompleksitas perangkat lunak yang diajarkan. Untuk tingkat dasar, perangkat lunak yang diberikan adalah Dreamweaver dan Go Life, sedangkat perangkat lunak Image Ready dan Fire Works yang banyak menggunakan animasi baru diberikan pada tingkat alnjut.

Syarat untuk dapat memasuki tingka dasar jurusan web-design ini adalah penguasaan program komputer grafik fundamental seperti Basic Photoshop, Scanning, Illustrator. Sebagai pelengkap, tempat kursus ini menyediakan kelas yang dinamakan Creative Web Animation with Flash Light Motion, yang mengunakan perangkat lunak terbaru, Flash. Di sini tak hanya diajarkan pengunaannya, tetapi juga bahasa pemrograman agar animasi nya lebih interaktif.

Perkembangan teknologi di bidang komputer begitu pesat sehinggga perangkat-perangkat lunak (software ) untuk mendesain situs pun semakin banyak dan bervariasi. Untuk itu, seorang web-designer dituntut untuk terus mengikuti perkembangan zaman dan menguasai perangkat lunak versi terbaru tersebut.

Tetapi sebenarnya, penguasaaan perangkat lunak saja tidak cukup untuk memproklamirkan diri sebagai web-designer. Sama halnya dengan pelukis, sastrawan, penulis lagu atau seniman lainnya, untuk mendapatkan pengakuan bahwa karya anda bagus dan dapat diterima banyak orang, bukan hal mudah.Oleh sebab itu, satu hal yang sangat penting yang harus dimiliki seorangweb-designer adalah sense of art atau jiwa seni yang tinggi. Di siniah letak keunikan profesi ini : teknologi dan seni bergabung menjadi satu.

Profesi Yang Menjanjikan

Semakin meluasnya pengunaan internet di masyarakat , menyebabkan profesi ini pun berkembang pesat. Dulu, order pembuatan situs hanya diperoleh dari perusahan-perusahaan besar saja. Sekarang, toko-toko kecil pun sudah mulai menyadari perlunya memiliki situs sendiri karena promosi melalui internet cakupannya lebih luas dan tak terbatas. Melihat respon masyarakat yang begitu besar terhadap internet sebagai salah satu media informasi, perkembangan profesi ini di masa mendatang cukup mendatang.

Berap penghasilan seorang web-designer ? Pengalaman dan jam terbang membedakan ‘harga’ seorang web-designer. Gaji pokok seorang web-designer yang bernaung pada suatu perusahaan , bisa berkisar antara dua sampai lima juta rupiah, ditambah berbagai tunjangan yang berlaku di perusahaan itu ( kesehatan, THR, dan lain-lain ). Tetapi, seorang web-designer yang bekerja freelance bisa memasang harga hingga 15 juta rupiah untuk mengerjakan suatu proyek , tidak termasuk biaya pembelian tempat ( domain )

Belajar web-design sendiri

Anda dapat belajar secara otodidak dan mencoba sendiri di rumah. Siapa tahu anda berpotensi menjadi seorang web-designer. Caranya :

* Coba kunjungi www.geocities.com atau HYPERLINK “http://www.homepage.com” www.homepage.com
* Untuk mencoba secara offline, tersedia perangkat lunak dasar seperti Frontpage, yang menyediakan berbagai fasilitas mulai dari pilihan warna, tulisan, template ( cetakan ) untuk memasukkan foto , sampai kerangka situs yang ingin anda buat.
* Buku-buku praktis yang mengajarkan langkah demi langkah pembuatan situs pun banyak tersedia di toko buku.

Selengkapnya...