Juni 26, 2008

MENGGAMBAR DENGAN ADOBE PHOTOSHOP

Untuk membuat gambar pada halaman Web Anda, dapat digunakan Adobe Photoshop. Pada Tutorial berikut ini akan ditampilkan beberapa contoh dalam mendisain.

Memakai Adobe Photoshop 6.0
Tampilan layout Photoshop 6.0 Tools
Navigator dan Info tentang gambar yang dibuka Color, Swatches, dan Style

Layers
Channel
Paths
History
Options
tampilan layers yang digunakan
berisi informasi image color mode pada gambar dan dapat membuat channel baru
berisi info tentang penggambaran menggunakan pensil
berisi info tentang langkah-langkah yang sudah dikerjakan
berisi info tentang actions yang sudah dikerjakan

Image - Adjust Berfungsi untuk memberi efek pada pewarnaan gambar. Layer - Layer Style Memberikan efek/ style pada gambar yang berdasarkan layer, seperti blending, drop shadow (bayangan), bevel and emboss (kesan 3-D), satin, dan lainnya.

Filter Membuat efek pada gambar, seperti Artistik, Blur, dan lainnya.

1. MEMBUAT BUTTON

Tahap 1
Pertama Tama Buat file baru fill dengan warna backgorund. kemudian buat layer baru. pilih tool elliptical marquee dan buat sebuaH lingkaran lalu di Fill. Di sini saya menggunakan warna coklat sebagai forEgorund dan background hitam. Anda bebas menentukan warna lainnya.
Tahap 2
Kemudian buat layer baru. pilih tool airbrush atur settingnya dengan diameter 18 pixel dan hardness 100% dan cat lah lingkaran tadi dengan warna putih sehingga keliatan seperti gambar di samping.
Tahap 3
Kemudian berikan effek Gaussian blur dengan radius pixel. gambar anda skr seharusnya sudah seperti gbr di samping
Tahap 4
Langkah terakhir adalah mendeselect selection dan bola anda sudah selesai. anda dapat mengubah warnanya melalui menu Image/Adjust/Hue saturation

2. MENGGAMBAR BUTTON (TOMBOL NAVIGASI)

Langkah 1.
Buatlah media gambar baru berukuran 100 x 100 pixel dan pilihlah latar belakang putih dengan memilih Content = white pada saat anda membuat document baru ( File - New )
Langkah 2.
Buatlah gambar lingkaran dengan ukuran 70 x 70 pixel dengan mengunakan elipse tools . ( Untuk mendapatkan ukuran 70 x 70 pixel klik 2x icon kemudian pada option Style rubahlah Normal menjadi Fixed Style, Kemudian masukan nilai 70 pada kolom Widht dan 70 pada kolom Height ).
Langkah 3.
Tentukan Warna background dan foreground sesuai dengan warna favorite anda. dalam contoh ini gue menggunakan background = hitam dan foreground = abu abu.
Langkah 4.
Kemudian pilihlah icon linear gradient dan click 2x icon untuk meyakinkan bahwa anda telah memilih option Gradient = Foreground to Background. Tariklah sesuai tanda panah di samping kiri ini.
Langkah 5.
Kembali seperti langkah 2 dengan membuat circle mask denga ukuran 50 x 50 pixels. Dan tempatkan mask tersebut tepat di tengah lingkaran 70 x 70.Kemudian tarik kembali sesuai tanda panah di samping kiri ini.
Langkah 6.
Kini anda telah memiliki satu tombol navigasi yang berbetuk lingkaran. anda tinggal mengembangkan tehnik ini untuk keperluan keperluan lain seperti menambahkan text atau icon di tengah navigasi tersebut. Selamat mencoba.)

3. MENGGAMBAR DENGAN EFEK TEKSTUR PLASTIK

Langkah 1.
Pertama tama buatlah media gambar baru, sebesar 800x800 pixels. Pilih warna biru RGB (26, 104, 175) sebagai warna foreground. Gunakan Type Tool untuk membuat huruf e, dan buat sebesar media gambar. Lebih besar lebih baik.
Saya membuat e dengan huruf Times New Roman Bold + Italic.
Langkah 2.
Tekan Ctrl, dan click di layer e, dalam Layers window, untuk memilih transparansi. Lalu buat Layer baru, contract seleksi sebesar 16 pixels.

Select > Modify > Contract... 16 Pixels

Langkah 3.
Pilih warna putih sebagai warna foreground, dan isi seleksi. Alt+Delete. Hilangkan seleksi Ctrl+D, dan Gaussian Blur layer sebesar 16 pixels.Filter > Blur > Gaussian Blur... 16 Pixels. Lalu, Gaussian Blur lagi sebesar 8 pixels, dan 4 pixels.Set Opacity Layer menjadi 52%, dan ubah Blending Mode menjadi Color Dodge.
Langkah 4.
Sekarang, tekan Ctrl dan di Layers window, click di layer e, untuk memilih transparasinya. Dalam Channels window, tekan Save Selection sebagai channel tombol. Sekarang, click pada Channel yg baru dibuat Filter > Blur > Gaussian Blur... 16 Pixels. Kemudian, Gaussian Blur lagi sebesar 8 pixels, 4 pixels, dan terakh ir 2 pixels.Invert seleksi Ctrl+Shift+I, bersihkan seleksi dengan warna hitam Del, setelah itu Deselect Ctrl+D
Langkah 5.
Kembali ke Layers window. Tekan Ctrl, dan click di Layer e, untuk memilih transparasi.Buat new layer dan drag keatas Inner Glow Layer.Pilih layer yg baru, isi seleksi dengan warna hitam, dan ubah nama layer menjadi Highlights.

Check pada Preserve Transparency, dan ubah blending mode menjadi Screen.

Langkah 6.
Dengan layer Highlights yg terpilih: Filter > Render > Lighting Effect...Set Material Properties menjadi:
Gloss: 79
Material: -37
Exposure: 56
Ambiance: -100
Ubah Texture Channel menjadi Alpha 1, atau pada channel yang anda buat sebelumnya, dan ubah Height menjadi 100. Buat arah datang sinar, Intensity 32.Setelah Lighting Effect selesai, Gaussian Blur pada layer sebesar 3 pixels.
Langkah 7.
Pada step ini anda dapt menggunakan kebebasan kreativitas anda.

Image > Adjust > Curves...

Langkah 8.
Buat dropshadow agar tampak lebih bagus.

4. MENGGABUNGKAN GAMBAR

Langkah1.
Kadang kita ingin menyatukan dua gambar menjadi satu, namun transisinya tidak mudah untuk dibuat halus. Di tutorial ini saya akan menyatukan dua buah gambar kota yang diambil dari library master.web.id (tolong kasih info kalau pemegang copyright gambar2 ini keberatan, supaya bisa saya ganti dengan gambar lain), gambar2 tersebut bisa didownload dengan klik kanan dan save as. Gambar2 tersebut sudah saya resize supaya bisa dipakai dalam tutorial ini.
Langkah 2.
Buka dokumen baru, ukuran 200x150 pixel dengan background hitam. Pemilihan background hitam saya dasarkan atas background kedua gambar kota tersebut juga hitam/gelap.Paste kedua gambar tersebut ke dokumen baru ini, dan beri nama masing2 "kota1" dan "kota2". Window "Layers" anda seharusnya terlihat seperti disebelah.
Langkah 3.
Pastikan bahwa foreground dan background color anda adalah putih dan hitam (tombol D-X). Switch warnanya, agar background menjadi putih dan foreground menjadi hitam (tombol X). Pilih tool gradasi (Gradient Tool).Pastikan bahwa gradasi yang terpilih adalah linear , dan foreground to background. Enter Quick mask mode (yang saya beri kotak merah) .
Langkah 4.
Matikan Layer visibility "kota2" dengan cara klik icon mata yang ada di depannya. Layer itu akan kita aktifkan nanti. Dengan layer "kota1" aktif dan bekerja dalam quick mask mode, buat gradasi dari kiri ke kanan, menutupi 3/4 bagian dari image. Exit Quickmask mode (kembali ke standard mode) dengan tombol . Tekan tombol delete. Setengah dari gambar kota1 hilang, tetapi tidak langsung (gradually).
Langkah 5.
Aktifkan layer visibility layer "Kota2" dengan klik kotak iconnya. Masuk kembali ke quickmask mode, dan gunakan gradient tool. Kali ini mulai dari kanan ke arah kiri menutupi 3/4 bagian dari image. Kembali ke standard mode dan delete. Kedua gambar tersebut sekarang sudah jadi satu dengan transisi yang halus.
Langkah 6.
Di gambar samping saya memodifikasi gambar tersebut lebih jauh dengan hue/saturation, contrast dan sedikit permainan text.Trik diatas menggunakan gradation dan quick mask untuk menghapus sebagian dari gambar secara gradually bisa dipakai di banyak cara dan variasi. Cobalah bereksperimen dengan type gradation yang lain, misalnya radial dan reflected.

6. MENGGANTI BACKGROUND GAMBAR

Langkah 1.
Tool Pen cocok untuk lakukan halus, seperti benda yang bergerak dan bentuk tubuh manusia, tetapi tetap memberi dampak tepian yang kasar, sehingga diputuskan untuk tidak menggunakannya pada kasus ini. Diputuskan untuk menghapus bagian yang tidak diinginkan dengan tool Erase. Set tool Erase pada paintbrush (100%) atau airbrush (50%), kedua jenis brush itu baik digunakan.
Langkah 2.
Sebelum proses penghapusan dimulai, gandakan layer background kemudian tutup (hilangkan gambar mata) dan hidupkan layer baru.

Alasan untuk menggandakannya adalah untuk menghindari kemungkinan terjadi kesalahan dan gambar asli masih ada.

Langkah 3.
Sebelum penghapusan dimulai, pastikan gambar sudah diperbesar untuk memudahkan penghapusan.Pilihlah pen hard-edged untuk menghapus background disekitar baju dan mulailah menghapus. Bila ditemukan bagian kecil, gunakan ukuran pen yang lebih kecil lagi.
Langkah 4.
Hapus semua bagian hingga bagian rambut, bagian inilah yang terberat karena warna begitu susah dibedakan. Sering kali hal termudah yang dapat dilakukan adalah memisahkannya. Pada gambar RGB, Photoshop memberikan 3 pemisah warna (channel merah, hijau, dan biru) dan dapat digunakan channel alpha. Lakukan test sederhana pada setiap channel untuk melihat channel mana yang baik untuk digunakan dan pada kasus ini adalah channel green.
Kemudian channel ini di-drag menjadi channel alpha (baru). Pastikan bahwa channel greenlah yang digandakan dan bekerja pada channel baru ini.
Langkah 5.
Penghapusan tergantung pada kekontrasan warna hitam-putih, sehingga harus lebih dipertajam dengan menggunakan adjust - Levels. Hati-hati, jangan terlalu kontras karena malah tidak akan terlihat bedanya.
Langkah 6.
Agar terlihat perbedaannya, gunakan color range pada menu Select. Invert warna dengan seleksi grayscale hingga benar-benar terlihat perbedaannya, yaitu gelap pada rambut dan terang pada latarnya.

Hapuslah bagian yang tidak diinginkan menggunakan tool Erase soft-brush Airbrush.

Langkah 7.
Kembalikan channel pada Channel RGB. Sekarang sudah terseleksi bagian yang akan dihapus. Hapurlah bagian yang tidak diinginkan dengan menggunakan tool Erase yang soft-brush. Setelah selesai, deselect.

Untuk menghapus bagian lainnya, gunakan tool Lasso dan kemudian cut. Cara ini lebih mudah dibandingkan dengan harus menghapusnya dengan manual tangan.

Langkah 8.
Sekarang gambar kedua anak sudah terpisah dari gambar background.

Buat layer baru dengan posisi di tengah dan fill dengan warna putih.

Langkah 9.
Setiap ujung rambut haruslah benar-benar sudah terhapus dengan baik. Untuk memperbaikinya, ulangi lagi seleksi warna dengan color range. Kali ini, pilihlah warna rambut dan set hingga 40.

Aktifkan layer background copy dan mulailah menghapus dengan tool Erase memakail soft-brush.

Langkah 10.
Setelah selesai, buanglah layer puith, layer backround yang asli, dan channel alpha.

Tambahkan layer baru di bawah layer backround copy sebagai backround baru menggantikan background putih.

SELAMAT MENCOBA

MEMBUAT FRAMES PADA DREAMWEAVER

Frame pada dasarnya di gunakan untuk membuat website kita lebih menarik. Kita bisa membuat ukuran layar sebelah kiri dengan sebelah kanan berbeda. Ukuran sebelah atas dengan sebelah bawah berbeda. Dan di dalam Frame kita bisa membuat Frame lagi. Dengan Frame tampilan web kita akan menarik di lihat oleh orang lain.
Ketika orang menge - Klik menu pada Frame sebelah kiri. Maka menu yang di klik nya itu akan muncul di sebelah kanan. Demikian sebalik nya. Dan itu adalah salah satu dari kelebihan Frame.

Langkah - Langkah membuat Frame :

Klik menu Insert dan arahkan pointer ke Frames, maka akan muncul kotak dialog seperti pada gambar di bawah ini.

Pada menu Frames akan terlihat menu-menu lagi. Kita bisa memilih jenis Frame yang ingin kita buat. Sebagai contoh perhatikan gambar di bawah ini.

Frame ini di buat dengan Insert > Frames > Left and Top, dan kita bisa membuat frame lagi dengan feature yang lebih bagus lagi.

Dalam pembuatan Frames pertama kali kita create di Dreamweaver border nya adalah Nol, dan waktu di Preview di sebuah browser maka border nya tidak kelihatan. Pada gambar di atas di buat border nya = 1, warna frame adalah warna hitam.

Gambar di bawah ini kelihatan berbeda dengan gambar di atas yang mana border nya lebih besar dan warna nya di buat berwarna merah.

Langkah pembuatan:

Pilih menu Yes pada Option Border (no.2).
Pada Option Border Width (no.4) tentukan berapa besar border yang akan di buat.
Bagian Border Color pilih warna apa yang akan kita buat untuk warna dari border nya. Gambar di atas menggunakan Border Color berwarna merah.
MENYIMPAN FRAME

Meyimpan Frameset File

Untuk menyimpan Frameset File, pilih: File > Save Frameset.
Untuk meyimpan Frameset File dengan nama yang baru, pilih: File > Save Frameset As.
Meyimpan File Frame

Untuk menyimpan dokument yang terdapat pada sebuah frame, caranya: Klik Frame tersebut dan pilih File > Save

Menyimpan semua file yang terdapat pada file frameset

Untuk menyimpan semua dokument yang terbuka, termasuk dokument pribadi, dokument frame dan frameset dokument, pilih: File > Save All


SELAMAT MENCOBA

DOMAIN INTERNATIONAL

Gengsi ! yah benar, nampaknya dengan memiliki domain internasional yang berakhiran COM, ORG, NET sangat bergengsi dibanding dengan nama domain di negera sendiri yang berakhiran CO.ID, OR.ID, dan sebagainya. Contoh nama domain yang berakhiran COM (www.sony.com, www.nokia.com, www.playboy.com, dll) yang berakhiran ORG (www.kimble.org) yang berakhiran NET (www.ibm.net).
Selain itu dewasa ini sudah diperkenalkan lagi beberapa nama domain seperti TV dan lain-lain.

Untuk mendapatkan nama domain seperti diatas dengan akhiran COM, ORG dan NET sangat mudah tidak ada ketentuan maupun persyaratan yang mendasar, cukup dengan membayar registrasi yaitu sebesar US$ 70,- per 2 tahun dan mendaftar ke Network Solutions (www.networksolutions.com). Proses pendaftaran tidak lama, berkisar 1 - 2 hari saja dan sistem pembayaran yang digunakan adalah dengan credit card.

Ditahun 2000 ini sudah banyak situs di internet untuk pendaftaran nama domain dengan biaya registrasi yang cukup murah mulai dari US$ 35 per tahun sampai dengan US$ 12,5 per tahun, bisa di lihat disalah satu situs dibawah ini :

www.register.com (US$ 35 untuk 1 tahun)
www.totalnic.net (US$ 35 untuk 2 tahun)
www.joker.com (US$ 12 untuk 1 tahun)
www.namezero.com (Gratis)
dsb.
Dengan demikian semakin ramai dan mudah saja untuk mendapatkan nama domain internasional COM, ORG dan NET. Untuk lebih jelas bisa konsultasikan ke kami .

Domain Setiap Negara

Domain Negara
au Australia
at Austria
be Belgia
ca Kanada
ch Swiss
cz Checna
de Jerman
dk Denmark
es Spanyol
fi Finlandia
fr Perancis
id Indonesia
ie Irlandia
il Israel
in India
it Itali
jp Jepang
nl Nederland
no Norwegia
ru Rusia
se Swedia
su Uni Soviet
tw Taiwan
uk Inggris
sg Singapura

Domain Indonesia

Pasti sudah pada mengerti akan hal nama domain, yaitu disaat kita ingin membuka suatu situs dengan alamat tertentu, nama tersebut dinamakan domain, misalnya ingin membuka situs Master Web Indonesia dengan alamat www.master.web.id atau ingin membuka situs Indonet dengan alamat www.indonet.co.id atau juga membuka situs Universitas Sumatera Utara dengan www.usu.ac.id kesemuanya itu mempunyai alamat domain masing-masing. Nama Domain yang berakhiran .ID adalah milik negara Indonesia, yang saat ini Indonesia memiliki beberapa kategori nama domain sesuai dengan jenisnya, sbb :

www.namaperusahaan.CO.ID (diperuntukan untuk Perusahaan)
www.namaorganisasi.OR.ID (diperuntukan untuk Organisasi / Yayasan)
www.namaakademi.AC.ID (diperuntukan untuk Akademi / Universitas)
www.namadepartemen.GO.ID (diperuntuhkan untuk Departemen)
www.namadepartemen.NET.ID (diperuntuhkan untuk ISP)
www.namasekolah.SCH.ID (diperuntukan untuk sekolah-sekolah)
www.namaanda.WEB.ID (diperuntukan untuk siapa saja)
Kesemua nama domain diatas bisa dimiliki oleh siapa saja asalkan mengikuti prosedur dan memenuhi syarat-syaratnya, misalnya jika ingin mendapatkan nama domain dengan akhiran CO.ID maka salah satu syarat yang dibutuhkan adalah dengan pemilikan nomor SIUP ataupun NPWP atas nama perusahaan yang bersangkutan, begitu juga dengan nama domain yang lainnya. Tempat pendaftaran nama dimain di Indonesia adalah IDNIC di situs www.idnic.net.id. Berikut ini ketentuan setiap nama domainnya :

CO.ID
Harus unik seperti Akte Notaris, Surat Keputusan, SIUP, Nomor Izin Operasi, Statuta, Ijin Usaha sejenis. Contoh:
1e. Identitas......: NPWP #125-375-4100
1e. Identitas......: SIUP #250-125-6150
1e. Identitas......: Akte Pendirian #140-280-3120

AC.ID
Harus unik seperti Statuta Universitas, SK Kopertis, dst. Contoh:
1e. Identitas......: SK Mendikbud RI No. 0434/O/1992

OR.ID
Harus unik seperti NPWP, Akte Notaris, Surat Keputusan, SIUP, Nomor Izin Operasi, Statuta, No KTP, dst. Contoh:
1e. Identitas......: Akte Pendirian #140-280-3120
1e. Identitas......: KTP #145-290-3135
1e. Identitas......: NPWP #125-375-4100

NET.ID
Harus unik, berupa tanda bahwa pemilik domain adalah penyelenggara jaringan untuk publik seperti, Ijin Prinsip Penyelenggara Jasa Internet, dst. Contoh:
1e. Identitas......: SK# PB.301/2/1/MPPT-96
1e. Identitas......: SK# HK.501/6/3/MPPT-96
1e. Identitas......: SK# HK.501/3/21/MPPT-95

WEB.ID
Harus unik seperti NPWP, Akte Notaris, Surat Keputusan, SIUP, Nomor Izin Operasi, Statuta, No KTP, dst. Contoh:
1e. Identitas......: Akte Pendirian #140-280-3120
1e. Identitas......: KTP #145-290-3135
1e. Identitas......: NPWP #125-375-4100

Setelah sekiranya sudah memiliki syarat-syarat diatas, maka bisa isi formulir yang telah disediakan oleh pihak IDNIC, formulir bisa didapat dari :

ftp://ftp.rs.ac.id/dom-reg/form-acornet.id.txt (domain AC.ID)
ftp://ftp.rs.co.id/dom-reg/form-acornet.id.txt (domain CO.ID)
ftp://ftp.rs.go.id/dom-reg/form-go.id.txt (domain GO.ID)
ftp://ftp.rs.net.id/dom-reg/form-acornet.id.txt (domain NET.ID)
ftp://ftp.rs.or.id/dom-reg/form-acornet.id.txt (domain OR.ID)
ftp://ftp.rs.web.id/dom-reg/form-web.id.txt (domain WEB.ID)

Proses untuk pendaftaran nama domain ini diperkirakan 3 hari - 1 minggu. Biasanya jika didalam pengisian formulir pendaftaran tidak ada kesalahan bisa cepat dan yang menyebabkan lamanya proses pendaftaran adalah kebanyakan dikarenakan adanya kesalahan pada pengisian formulir atau tidak memenuhi syarat yang di tentukan.

Biaya pendaftaran :
- CO.ID, OR.ID, AC.ID, NET.ID sebesar Rp. 165.000,- untuk sekali daftar.
- WEB.ID sebesar Rp. 165.000,- per tahun.
- GO.ID gratis

Didalam hal pendaftaran nama domain ini untuk lebih hemat waktu dan efesien serahkan saja kepada penyelenggara web hosting anda atau ke administrator anda. Untuk lebih jelasnya bisa melihat ke situs IDNIC atau konsultasikan ke kami.

SELAMAT MENCOBA

MENDEFINISIKAN LOCAL SITE

Site Management di Dreamweaver ini seperti windows explorer yang mengatur keseluruhan web project kita. Keuntungan menggunakan site management ini antara lain adalah, bila kita merename satu file htm ( misal : "a.htm" menjadi "b.htm"), maka seluruh html yang mempunyai link ke "a.htm" akan berubah secara otomatis mengikuti penamaan yang baru tersebut.

Untuk membuat site management buka dulu site window dengan memilih menu Window > Stie File :

Pilih menu Site > New Site ... Maka gambar di bawah akan muncul.



Site Name, merupakan nama site project kita ( contoh : bintangindonesia.com). Local Root Folder, merupakan direktori di hardisk tempat kita menyimpan file-file html, images, suara, cgi dan sebagainya. Klik icon folder seperti yg terlihat di gambar untuk memilih direktori. Kalau anda belum membuat direktori, buatlah terlebih dahulu.
Setelah selesai, klik Done
Kemudian akan muncul popup menu yg memberitahu kita bahwa direktori tempat kita menyimpan file html akan diperiksa untuk melacak link-link bila kita ingin merubahnya.
Klik OK, maka kita telah menciptakan site management "bintangindonesia.com"


Gambar di atas merupakan toolbar dari window site management, klik Site dan pilih project kita yang berjudul "bintangindonesia.com", maka akan muncul gambar seperti di bawah ini.
Gambar di bawah ini pasti akan berlainan sesuai dengan struktur direktori hardisk tempat menyimpan file html anda.



Kini anda bisa merename nama file html tanpa takut akan terjadi broken link, membuat template, library dan memakai fasilitas ftp yang ada di dreamweaver dan banyak lagi keuntungan lainnya. Cara me-rename, membuat folder baru dan memindahkan folder/file semuanya mirip sekali dengan cara kerja windows explorernya windows 98, jadi bagi yang sudah terbiasa akan mudah menggunakan site management dreamweaver ini. Setelah mencapai langkah ini berarti anda sudah bisa memulai membuat halaman web baru.

Membuat halaman web pertama

Dari menu File pilih New.
Tentukan title, warna background dan link untuk halaman web Anda. Dari menu Modify, pilih Page Properties.
Untuk mengganti warna background dan link, klik pada icon . Sedangkan untuk mengganti background image, klik pada tombol Browse.



Title = title atau judul halaman web
Background image = image yang digunakan sebagai background
Text = warna teks
Links, Visited Links, Active Links = warna link

Untuk mengakhiri klik tombol OK.

Supaya aman simpan dulu file tersebut dengan mengklik menu File - Save.
Membuat tabel

Langkah ini sangat penting untuk dicermati karena hampir semua halaman web memakai tabel. Anda tidak akan dapat membuat halaman web yang warna-warni tanpa unsur tabel. Untuk membuat dan memodifikasi tabel pada Dreamweaver caranya adalah sebagai berikut :

1. Dari menu Insert, pilih Table. Atau tekan Ctrl + Alt + I.



Rows Jumlah baris
Columns Jumlah kolom
Width Lebar tabel yang bisa dinyatakan dalam persen maupun dalam pixel
Border Ukuran border tabel

2. Hasilnya adalah seperti gambar di bawah ini.


3. Untuk mengganti warna background pada tabel, letakkan pointer mouse pada cell (kolom atau baris --pada gambar di bawah ditandai dengan tanda silang warna merah--) yang akan Anda ganti warnanya lalu klik icon yang terletak pada Properties. Untuk mengganti warna background lebih dari satu baris atau kolom drag pointer mouse dari cell yang satu ke cell selanjutnya.



Membuat Halaman web yang sesuai dengan semua resolusi layar monitor (screen resolutions)

Disini kita akan memperlihatkan bagaimana mengontrol halaman Anda dan bagaimana orang lain membuat suatu kesalahan.

Bekerja dengan tabel:

Membuat suatu halaman yang sesuai dengan semua resolusi monitor adalah suatu keharusan. Orang akan melihat halaman Anda dengan resolusi layar yang berbeda-beda. Kebanyakan orang mengeset resolusi layarnya pada 640x480. Itu adalah alasannya kenapa Anda akan melihat ruang berwarna putih disebelah kanan layar Anda ketika Anda melihat Netscape Search Page dengan resolusi 800x600 atau lebih. Banyak situs komersial meletakkan tabel di sebelah kiri dan mengesetnya dengan lebar 600 pixel sebagai pemecahan masalah mereka. Dengan melakukan ini, halaman mereka akan sangat sempurna pada layar 640x480.

Ini ada pilihan yang lain. Letakkan 600 pixel Anda pada tengah layar. Jika ada pengunjung dengan resolusi 640x840 melihat halaman Anda, akan terlihat sempurna. Walaupun, jika ada sebagian orang dengan resolusi 800x600 akan melihat ruang di sebelah kanan dan kiri halaman. Ini adalah yang kita bicarakan:





Catatan:

Mengeset tabel dengan lebar 100%, halaman Anda akan terlihat berbeda pada setiap PC yang berbeda. Jika halaman Anda adalah text based, akan menyebabkan kerusakan yang sedikit tapi bila halaman Anda membutuhkan komposisi yang fix atau tetap sebaiknya hal ini jangan lakukan. Tabel juga memberikan hasil untuk style dari kolom.
Tulisan yang panjang akan membosankan, kenapa tidak masukkan tulisan Anda dalam kolom.

Cara Menyimpan File di Dreamweaver

Dari menu File pilih Save As (Ctrl+Shift+S).



Tentukan Di Direktori mana file anda akan di simpan
Ketikkan nama File baru yang anda buat.
Klick Tombol Save untuk meyimpan.
Tombol Cancel di gunakan untuk membatalkan peyimpanan
Jika, Documen anda telah tersimpan maka anda tidak perlu lagi menyimpan data anda dengan menekan File > Save As.
Tapi cukup dengan menekan perintah File > Save. Atau dengan Ctrl+S

Dengan cara seperti ini maka data anda akan otomatis akan di simpan.



SELAMAT MENCOBA

Upload ke web server

Setelah Anda mendaftar pada salah satu free server, maka langkah terakhir supaya halaman web Anda dapat dilihat semua orang adalah upload atau mengirim file ke web server.

Ada dua macam cara yang digunakan untuk mengirim file ke web server, yaitu langsung melalui browser atau melalui FTP (File Transfer Protocol). Untuk itu Anda harus mengetahui cara mana yang didukung oleh web server Anda. Sekedar contoh, www.homepage.com menggunakan browser untuk upload, www.virtualave.net menggunakan FTP sedangkan untuk www.tripod.com bisa menggunakan browser atau FTP. Yang akan dibahas di sini adalah mengirim file dengan menggunakan FTP.

Software yang dapat digunakan adalah WS FTP atau CuteFTP. (jangan bingung dengan kata FTP dengan WS FTP atau CuteFTP. FTP adalah protocol yang digunakan untuk berhubungan dengan web server, sedangkan WS FTP atau CuteFTP adalah software yang digunakan untuk berhubungan dengan web server. Singkatnya WS_FTP dan CuteFTP adalah software yang mendukung protocol FTP untuk berhubungan dengan web server).

Untuk langkah-langkah yang kami berikan di bawah ini menggunakan software CuteFTP dan web server www.virtualave.net. Anda dapat menerapkan langkah ini pada WS_FTP atau software FTP lainnya dan web server lainnya, karena pada prinsipnya adalah sama.

1. Dari menu FTP pilih Quick Connect.
2. Isi pada kolom host address, user ID dan password dengan yang diberikan web server kepada Anda. Kalau di virtualave.net misalnya host address = s36.virtualave.net, user id = winfolder, password = sda45sddf.
3. Klik OK.
4. Tunggu beberapa saat sampai CuteFTP sampai berhasil connect dengan web server.
5. Jika koneksi berhasil akan muncul kotak dialog berisi keterangan-keterangan. Klik OK saja.
6. Sekarang Anda lihat pada kolom sebelah kanan. Itu merupakan folder yang terletak pada web server Anda. Nampak folder bernama public_html. Klik dua kali folder tersebut. Nah, di folder itulah Anda harus meletakkan file-file Anda.
7. Kolom sebelah kiri merupakan letak dari file di komputer Anda. Untuk itu pindah ke folder tempat Anda menyimpan file yang akan di-upload.
8. Blok-lah file yang akan di-upload, lalu klik kanan dan pilih upload.
9. Selesai sudah proses upload tersebut.
10. Sebagai tambahan, Anda dapat membuat folder/directory baru pada web server Anda. Caranya klik kanan pada kolom sebelah kanan, pilih Make Directory, klik OK.
11. Untuk perintah-perintah lainnya dapat Anda pelajari sendiri

Tip Web Desain

Apakah para pengembang web memahami berapa lama orang akan mengunjungi websitenya?
Apakah kita adalah internet newbie atau pemasar berpengalaman, kita perlu memahami hal terbaik tentang website, disain menjadi bagian yang menyangkut sukses kenyamanan.

Berikut tips untuk kesuksesan sebuah web:

1. Navigasi
Kita pernah bahas bagian ini pada artikel merancang navigasi website

Ketika orang datang ke website kita mereka pada umumnya mencari sesuatu yang khusus.Misal resep untuk diet rendah, sehat dan mencarinya serta menyiapkannya kurang dari beberapa menit atau apa yang merupakan bisnis terbaik untuk dimulai secara online.
Apapun yang pengunjung inginkan, kita harus mempunyai jawaban untuk itu. Maka tanyakan pada diri kita,kenapa orang-orang datang ke website kita? Ketika kita mengetahuinya kemudian kita harus membuatnya gampang untuk mereka temukan apa yang mereka cari.

Maret 16, 2008

CARA RESETER PRINTER CANON Seri iP dan mP

Langkah-Langkah Reset Ink Tank Full Error Canon Seri iP dan mP

Tahap Pertama (Reset Hardware)
1. Matikan printer, lalu cabut kabel listriknya.
2. Tekan dan tahan tombol POWER di printer.
…(gunakan jari telunjuk untuk menahan tombol POWER ini)
3. Pasang kembali kabel listriknya.
…(jari telunjuk tetap menekan tombol Power)
4. Gunakan jari tengah untuk menekan tombol RESUME sebanyak 2 kali.
5. Lepaskan jari telunjuk anda dari tombol POWER.
…(Printer akan terdeteksi kembali sebagai printer baru)
6. Anda telah menyelesaikan tahap pertama untuk reset Ink Tank Full Error
…(lampu power berkedip-kedip). Lanjutkan ke Tahap Kedua!

Tahap Kedua (Reset Software) agar Permanen
1. Download Canon IP Resetter di sini
2. Ekstrak/Unrar file hasil download tesrebut di sebuah folder,
…misal C:\Resetter Printer
3. Pastikan attribut semua file di folder tersebut bebas dari Read Only.
…caranya : pilih semua file (Ctrl+A) > klik kanan di salah satu file > pilih properties >
…matikan tanda check di attributes Read-Only > OK
4. Klik ganda file GeneralTool.exe > akan tampil menu aplikasi GeneralTool for …
5. Pada USB Port pilihlah port yang aktif untuk printer anda.
6. Pilih (check) pada EEPROM CLEAR.
7. Sediakan kertas kosong untuk print. Lalu Klik tombol TEST PATTERN 1.
8. Restartlah komputer anda, hingga deteksi printer baru tidak tampil lagi.
Selesai.

Selamat mencoba, semoga sukses!

Cara lain :

Jika ternyata dengan cara diatas tidak sukses, maka coba ganti cartridge dengan yang baru atau pinjam punya teman yang lain, semoga berhasil!

JENIS DAN TYPE SOFTWARE RESET PRINTER

Berikut jenis-jenis Software Reset printer sesuai dengan jenis printer yang akan di reset. Biasanya satu Software Reset bisa di gunakan untuk beberapa jenis printer. Seperti yang terlampir di bawah ini :

1. RESETTER CANON iP1700, iP1300, ip6600, iP6000, iP6210, iP220D, mP830
2. RESETTER CANON iP1200, iP1600, iP2200, iP4200, iP5200, mP150
3. SOFTWARE RESETTER CANON i250, i255, i320, i350, i355
4. SOFTWARE RESETTER CANON PIXMA iP1000, iP1500
5. SOFTWARE RESETTER EPSON

CX-4600,CX-5300,CX-5100, RX420, RX425, RX620, R1800, C50, C60, C61, C62, C20/C40, C43, C45, C41, C46, C65, C85,C86,CX-3600,CX-6600,R800,SC-740, RX600, Stylus400, 440, 480LPT, 480SXU/580, Stylus600, 640, 660, 670, 680/777, 740, 760, 800/850, 860, 880, 900/EM-900C, 980, 1160, 1520, 3000, C63, C64, C70, C80, C82, C83/C84, C85/C86, CX3100/3200, Cx3600, CX5200, CX5400, CX6400, Photo EX, Photo700/IP-100, 750/PM-770c, 780/790, 810/820, 825/915, 830/830U, 870/PM-875DC, R200/210, R300, R800, RX500, RX600, 890, 895/785EPX, 900, 925/934, 950/PM-950C, 1200/PM-3000C, 1270/PM-3300C, 1290,2200/PM-4000EPX, 5000/PM-5000C.

CANON iP1200, iP1600, iP2200, iP4200, iP5200, mP150

Tahap Pertama (Reset Hardware)
1. Matikan printer, lalu cabut kabel daya listrik
2. Tekan & tahan tombol POWER printer gunakan jari telunjuk
3. Pasang kembali kabel daya listrik
4. Gunakan jari tengah untuk menekan tombol RESUME sebanyak 2 kali
5. Lepaskan jari telunjuk anda dari tombol POWER
6. Anda telah menyelesaikan tahap pertama untuk reset Ink Tank Full Error
(lampu power berkedip-kedip)

Tahap Kedua (Reset Software) agar Permanen
1. Download aplikasi resetter (besar file 9,7 MB)
2. Ekstrak/Unrar di folder C:\IP1200
3. Pastikan attribut semua file bebas dari Read Only
4. Jalankan GeneralTool.exe
5. Pada USB Port pilih Port printer anda
6. Pilih (centang) EEPROM CLEAR
7. Sediakan kertas kosong untuk print, lalu klik tombol Test Pattern 1
8. Selesai, printer IP1200 dan IP1600 anda normal kembali