Cara Membuat Website di 000webhost

Seperti yang sudah dijelaskan pada artikel sebelumnya (baca disini), 000webhost merupakan layanan webhosting gratis yang top abis. Dengan memakai layanan webhosting ini kamu bisa membuat web yang support database. Sedangkan untuk keperluan blog km bisa mengupload file2 kamu seperti gambar, animasi, suara dll untuk digunakan di dalam blogmu. Tapi dalam ketentuan mereka, kita tidak boleh hanya menaruh file-file kita di hosting tersebut tanpa membuat webnya, jika tidak maka account kita akan dihapus. Nha pada tutorial kali ini, akan aku coba jelaskan sedikit tentang bagaimana cara membuat web di 000webhost. Mungkin tutorial kali ini akan menjadi pengalaman baru bagi yang belum pernah membuat website, karena website itu sedikit beda dibanding dengan blog.
OK kita mulai aja tutorialnya.

1. Bagi yang belum punya account di 000webhost silahkan daftar DISINI. Bagi yang sudah punya, silahkan login di account webhost kamu.
. Bagi yang baru mendaftar maka akan langsung disuguhi form pendaftaran yang salah satu isinya adalah kita disuruh untuk memasukkan domain yang kita inginkan. Ada 2 pilihan domain yang akan kita pakai, yg pertama yaitu dengan menggunakan domain yang sudah kita beli (biasanya nama domainnya "www.domain.com" / "www.domain.net" dll) , yang kedua yaitu dengan menggunakan sub domain gratisan yang dari webhosting tsb (biasanya nama domainnya "www.domain.net78.net" ato "www.domain.890m.com" dll). Pilihan tersebut ada pada kolom "I want to host my own domain" dan "or, I will choose your free subdomain"

Iklan: Bagi yang ingin beli domain silahkan beli di dodoldomain.com, murah lho.

3. Kemudian isikan data2 yang diminta di kolom2 yang lain, trus klik tombol "Create My Account"
4. Kemudian masuk ke "Enter Control Pannel".
5. Pada dasarnya ada dua pilihan dalam pembuatan website ini, yaitu dengan membuat sendiri webnya kemudian kita upload atau dengan menggunakan fasilitas "Website Builder" yang ada. Jika kamu sudah mahir dan pintar bikin web maka "Upload" file adalah pilihan yang tepat. Tapi jika kamu belum bisa membuat web sendiri, maka pilihlah "Website Builder", karena dengan fasilitas ini kita bisa membuat web tanpa harus mendesain terlebih dahulu, kita tinggal memilih template yang disediakan kemudian isi dengan menu2 dan konten yang kita inginkan.

6. Untuk "website builder" disana nanti sudah ada petunjuknya, silahkan diikuti.
7. Kalo sudah jadi jadi webnya silahkan dicek dengan mengetikkan alamat domain / URL kamu di browser. Nha seperti itu lah tampilan webmu.

"CARA UPLOAD FILE DI 000WEBHOST"

Berikut ini akan dijelaskan cara menguplaod file di 000webhost.

1. Login di 000webhost.
2. Kemudian klik link "Go to CPanel"
3. Kemudian pilih "File Manager" (lihat gambar no.5 diatas).
4. setelah itu klik link "Public Html"
5. Untuk upload file klik pada tombol "Upload"
6. Kemudian nanti akan muncul tombol2 seperti "Browse", Klik tombol tersebut kemudian cari file yg ingin diupload. Jika sudah lalu klik tombol/icon "Centang/Cek".
7. Klik tombol "Back" (gambar panah ke kiri) untuk kembali ke menu sebelumnya dan melihat apakah file yang km upload tadi sudah ada atau belum.
8. Kamu bisa mengupload file2 gambar, suara, video, html, php, javascript dll.
9. Untuk mendapatkan link gambar atau file yg lain, misal untuk keperluan membuat float image (gambar sonic yg dipojok), banner, atau yg lain caranya yaitu km klik kanan pada link "open" (di deretan file gambar tersebut) kemudian pilih "copy link location" (bagi yg menggunakan Mozilla). Nha link yg km copy itulah URL atau alamat gambar yg bisa kamu gunakan untuk mengganti misal gambar sonic yang ada di "float image".

Lho...tutorialnya kok jadi begini ya
Apa gak nyimpang dari judulnya tuh?
Ah gak papa deh....

MEMBUAT ANIMASI DENGAN LAYER

Layer merupakan suatu kontainer untuk content HTML, yang dapat kita tentukan dimana saja dalam halaman web kita. Elemen apapun (teks, gambar, plug-in, tags, bahkan layer sendiri) yang ada pada dokumen HTML dapat dimasukkan ke dalam sebuah layer. Dan kita dapat pula menganimasikan layer.

Lebih jelasnya sebagai berikut :

Buatlah layer dengan Insert > layer, atau melalui Objects Palette, pada panel Commons, klik Draw layer, lalu drag di halaman kita untuk menggambar layer.
Untuk mengaktifkan layer, klik dimana saja di dalam layer.
Untuk memindahkan layer, kita gerakkan cursor mouse ke border layer sampai ada selection handle, kemudian kita drag untuk ditempatkan sesuai keinginan kita.
Untuk meng-insert suatu elemen, misal gambar : Klik Insert > Image (atau ctrl+Alt+I). Lalu kita dapat me-resize ukuran layer kita dengan meng-klik border layer, lalu sambil meng-klik salah satu titik putih yang muncul di sudut, kita drag sampai ukurannya sesuai dengan keinginan.

Untuk menganimasikan layer, tempatkan layer di titik mana animasi akan dimulai.

Pilih Window > Timeline
Pilih layer yang akan dianimasikan dengan mengklik layer marker.
Pilih Modify > Timeline > Add Object, akan tampak sebuah bar pada channel pertama timeline.
Klik keyframe teakhir pada bar tersebut, kemudian pindahkan layer kemana animasi akan berakhir.
Tekan terus play button untuk melihat pergerakan layer yang kita buat.

Untuk membuat gerakan animasi yang rumit, bisa kita gunakan record path of layer, yaitu seperti cara diatas, namun setelah langkah ke-3, kita pilih Modify > Timeline > Record Path of Layer, kemudian kita pilih layer yang akan kita animasikan, gerakan sesuka anda, nanti akan tergambar titik-titik jalur animasi kita. Setelah dirasa cukup, lepas mouse. Kemudian tekan terus play button untuk melihat animasinya. OK, untuk selanjutnya silakan berkreasi sendiri…….

SELAMAT MENCOBA

MENDAFTAR DI WEB HOSTING GRATIS

Web hosting adalah istilah dalam dunia internet yang berarti penyewaan ruang harddisk pada server perusahaan portal dengan nama situs web sendiri sesuai keinginan (selama nama tersebut belum digunakan oleh orang lain) tanpa perlu repot mendaftarkan ke Indosat atau perusahaan jasa penyelenggara internet lainnya, karena akan didaftarkan oleh pemilik web utama.

Beberapa hosting gratisan dan quota yang di berikan:

Alamat Domain Free Quota
http://www.geocities.com 15 Mb
http://www.tripod.com 50 Mb
http://angelfire.com 50 Mb
http://www.freeservers.com 20 Mb
http://free.prohosting.com 50 Mb
http://nbci.msnbc.com
http://fortunecity.com 100 Mb
http://www.hypermart.net
http:// www.easyspace.com 25 Mb
http://www.brinkster.com
http://www.dreamwater.com/ 50 Mb



Pada dasar nya semua Web Hosting di atas adalah sama, tapi kita harus jeli dalam memilih hosting yang gratisan, karena kita harus memikirkan juga feature apa saja yang di berikan oleh website tersebut. Dan juga seberapa besar "banner" (info ilkan) yang di berikan di homepage kita nanti.

Kalau masalah banner ini tidak kita tanggapi dengan benar, maka akan menjadi masalah di homepage kita nanti. Akan kelihatan homepage kita jelek akibat banner tersebut.

Sebagai contoh portal http://www.fortunecity.com memberikan quota gratis sebesar 100 Mb kepada setiap orang yang mendaftar , cukup lumayan juga. Tapi..setelah kita create sebuah account di portal fortunecity.com itu dan kita upload data html dan htm kita ke hosting tersebut. Tapi mungkin kita akan terkejut setelah kita buka homepage kita itu dengan URL http://www.fortunecity.com/nama_anda.htm, karena di atas darimenu homepage kita itu ada sebuah Frame yang agak besar sekitar 2,5 Cm dan itu adalah link asing bagi home nya kita. Karena mungkin sewaktu kita create homepage link tersebut tidak ada.

Coba kita perhatikan lagi Portal http://www.geocities.com. Quota yang di berikan untuk user sebesar 15 Mb, namun setelah kita create account dan kita upload file kita ke dalam, dan kita lihat di internet dengan mengetikkan : http://www.geocities.com/nama_anda maka akan kelihatan link kecil sebelah atas paling kanan dari homepage kita tersebut. Link asing yang terdapat pada homepage kita tersebut yang di nama kan "BANNER" (link iklan). Di bandingkan dengan Fortunecity.com banner kecil ini tidak terlalu menggangu sekali. Tapi goecities.com hanay memberikan quota ke pada user sebanyak 15 Mb free. Dan itu mungkin salah satu dari kelemahan dari Geocities ini. Dan mungkin anda bisa membandingkan dengan Hosting-hosting gratisan yang lain. Feature yang di berikan dan kelemahan dari hosting tersebut.

^ WWW: Singkatan dari World Wide Web atau biasa disebut Web saja atau situs dalam bahasa indonesia. Bisa diibaratkan sebagai kumpulan "halaman" informasi yang saling berhubungan dengan jaringan komputer.

^ Browser : Software yang "menterjemahkan" halaman web sehingga dapat muncul menarik di layar komputer.

^ Surfing : "Jalan-jalan" di dunia maya, keluar masuk web site, mencari hal yang menarik hati kita.

^ Home page : Halaman pertama dari sebuah web site. Home page biasanya berisi links ke halaman web yang lain.

^ Portal : Situs di internet yang menyediakan berbagai sumber informasi dan layanan e-mail, forum, search engine, sampai online shopping. Contoh portal misalnya www.altavista.com

^ URL : Singkatan dari Uniform Recourse Locator alias alamat internet. Setiap informasi yang ada di web apakah itu text, gambar atau lagu memiliki URL yang unik. URL diterjemahkan dan diolah oleh browser sehingga bisa tampil menarik.

^ Search Engine : Biasanya merupakan bagian dari portal. Disebut juga sebagai mesin pencari. Sebuah program yang dapat mencarikan kita URL atau informasi tertentu dengan bantuan kata kunci.

FORM

Kemampuan Form dalam web page tidak hanya menyediakan pandangan seseorang terhadap document melalui informasi secara dinamis, tetapi juga untuk mendapatkan informasi dari pandangan seseorang mengenai hal ini dan memproses informasi tersebut.

Tujuan :

Dalam bagian-bagian ini, anda akan mampu untuk:

Membuat sebuah FORM
Menambahkan unsur-unsur untuk sebuah FORM
Mengetahui definisi CGI
Membuat tujuan dari penggunaan CGI
Menentukan kegiatan untuk FORM
Ketentuan-ketentuannya :

Form harus bekerja di semua browser
Form adalah Program yang Bebas
Form

Form adalah sebuah kumpulan data awal yang masuk ke dalam page (halaman) yang diproses di sebuah server. Data dikirimkan ke server jika penggunanya memerintahkan form dengan {clicking} di dalam button atau di dalam image.

Untuk menyisipkan sebuah form ke dalam web page anda, pilih "Forms" dari menu drop-down di Object Palette.

{click} "Insert Form" yaitu icon (gbr) untuk menyisipkan sebuah Form. Yaitu sebuah tanda kotak merah yang terlihat di dalam Document Window yang menunjukkan sebuah Form. Beberapa data awal telah dikerjakan dengan menggunakan form khusus ini yang harus ditempatkan di dalam tanda lingkaran merah untuk diproses secara tepat. Dreamweaver yang menyebabkan terbuka dan tertutupnya unsur-unsur

/font>

Properpties Form


Properties Inspector memilih setting untuk sebuah Form.

Form

Unsur-unsur Form berisi properties yang tidak terlihat oleh si pengguna, tetapi hal-hal yang penting di dalam menentukan bagaimana data tersebut akan diproses, dipindahkan dan ditulis dalam sandi. Ini juga berisi semua data yang menyusun Form dan kamu bisa menciptkan dengan sesuka hati.

ACTION
Adalah URL atau program CGI (Cmmon Gateway Interface) yang bekerja untuk menerima data dari form, memprosesnya, dan mengirimkan respon balik ke browser.

METODE
POST (kegagalan) atau menentukan GET dimana metode HTTP akan digunakan untuk mengirimkan isi-isi form ke web server. Penggunaan CGI akan ditulis untuk menerima data dari metode yang lain.

NAMA
Adalah sebuah nama form yang digunakan dengan VB script atau JavaScript.
Unsur-unsur form lainnya digunakan untuk membuat form displayed di dalam browser dan mengumpulkan data yang dikirim ke aplikasinya.
Jika kamu membuat sebuah Form, Dreamweaver menyebabkan kode-kode berikut:


Dalam hal ini kita tidak bisa melakukannya sebelum menentukan lokasi dari CGI script (dengan menghubungkan "action") atau memberikan Form sebuah nama (dengan menghubungkan "name"). Selanjutnya, kita harus enter Form Fields untuk mengumpulkan data dari si pengguna.

Form Fields
Form Fields adalah di mana pengguna menginput atau memilih informasi untuk disampaikan. Dreamweaver memberikanmu data-data berikut: (gambar) Untuk menyisipkan (insert) data form, letakkan kursor kamu di mana kamu mau maka data (field) akan ditempatkan di Document Window dan {clicking} di atas icon.

Jenis Field
Text Fields
Untuk membuat Text Field, {click} di atas icon Insert Text Field. Sebuah kotak text ditempatkan di Document Window.

Pilih text box untuk memodifikasi properties nya dalam Properties Inspector.

TextField
Nama dari variable tersebut akan dikirim ke aplikasi CGI. Dengan default, di Dreamweaver enter "textfield."

Char Width
Panjang dari kotak text field di dalam browser saling berhubungan dari beberapa character.

Max Chars
Jumlah maksimal character si pengguna bisa diinput. Seperti 11 spasi untuk jumlah telpon seperti 111-111-1111.

SELAMAT MENCOBA

SEARCH ENGINE

Sebuah website, domain atau homepage harus dapat dibuka oleh orang lain. Agar situs yang sudah selesai dapat ditemukan oleh orang lain, maka situs kita itu harus kita daftarkan di layanan search engine di internet. Melalui search engine ini, situs akan dapat dipromosikan kepada seluruh pengguna internet. Pengguna layanan search engine ini adalah peneliti, pustakawan, dan semua pengguna internet yang ingin mencari situs-situs (web) tertentu di internet. Mendaftar ke Search Engine ini ada gratis dan ada yang harus membayar. Search engine yang tidak gratis akan lebih cepat dalam proses pengeluaran daftar dan lebih banyak jalur search engine yang saling berhubungan.

Beberapa kategori dalam Search Engine:

The Major Search Engines Paid Listings Search Engines
News Search Engines Specialty Search Engines
Metacrawlers Kids Search Engines
Multimedia Search Engines Regional Search Engines
Search Utilities

Beberapa layanan search engine:

Seach Engine Alamat Site Keterangan
AOL Search http://search.aol.com/
AltaVista http://www.altavista.com Salah satu yang tertua.
Ask Jeeves http://www.askjeeves.com Memberi pelayanan secara personal.
Direct Hit http://www.directhit.com Menampilkan alamat site dan juga rangkingnya
Excite http://www.excite.com Selain memakai index juga memakai human-powered.
FAST Search http://www.alltheweb.com/ Salah satu dengan jumlah index terbanyak yang dijalankan oleh Terra Lycos.
Google http://www.google.com Pilihan terbaik dari layanan search engine yang menawarkan banyak web site dan pencarian images.
HotBot http://hotbot.lycos.com/ Pilihan favorit bagi peneliti.
IWon http://home.iwon.com/index_gen.html Didukung oleh Televisi Network CBS dan selalu memberikan hadiah-hadiah secara teratur.
Inktomi http://www.inktomi.com/ Aslinya Inktomi berada di UC Berkeley kemudian penciptanya membuka usaha sendiri dengan nama yang sama dan mengisi index baru.
LookSmart http://www.looksmart.com/ Index untuk pencarian dilakukan secara bertahap, bekerja sama dengan MSN Search, Excite, dll.
Lycos http://www.lycos.com/sitemap.asp Lycos memulainya dengan pendataan berdasarkan web yang masuk dan masih membutuhkan data dari search engine lain, namun sekarang sudah dapat berdiri sendiri.
MSN Search http://search.msn.com/ Bekerja sama dengan LookSmart dengan hasil kedua berasal dari Inktomi, juga dari RealNames, dan Direct Hit.
Netscape Search's http://search.netscape.com/ Hasil pencarian berasal dari Open Directory dan data Netscape. Hasil kedua datang dari Google, dll.
Northern Light http://www.northernlight.com/ Pilihan favorit lainnya bagi peneliti yang menampilkan index yang banyak, selain itu juga ditampilkan beberapa dokumen yang tidak dapat dibuka tanpa bayar.
Open Directory http://dmoz.org/
RealNames http://www.realnames.com Sistem yang digunakan lebih sederhana dengan hanya mencantumkan kata kunci yang sederhana. Merupakan search engine yang berhasil.
Yahoo http://www.yahoo.com/ Yang paling pupolar yang memiliki reputasi baik dalam membantu dalam pencarian informasi dengan mudah.

Sebelum mendaftar harus diketahui bahwa ada perbedaan antara search engine submission dan search engine optimization.

Search Engine Submission merupakan proses pendaftaran di layanan search engine dan terkadang disebut juga search engine registration. Pendaftaran ini hanya sekedar mengetahui apakah web yang dicantumkan itu ada.

Search Engine Optimization merupakan proses perubahan sehingga alamat web yang kita daftarkan dapat tercantum.

PENGENALAN SEARCH ENGINE OPTIMIZATION

Search Engine merupakan salah satu jalan utama bagi pengguna Internet untuk mencari alamat situs. Hal itulah mengapa sebuah situs dengan daftar list di search engine secara baik akan meningkat di jalur traffic.
Semuanya ingin berada di daftar list terbaik. Bila tidak beruntung, banyak situs berada dalam search engine tapi tidak ada di rangking daftar, semua ini bisa terjadi karena mereka tidak mengerti bagaimana cara bekerja search engine.
Faktanya, mendaftar di search engine hanyalah sebahagian tantangan dari cara mendapatkan posisi di search engine secara baik. Juga hal penting lainnya adalah menyiapkan sebuah web site melalui "search engine optimization".
Search engine optimization berarti menjamin sebuah halaman situs dapat diakses pada search engine dan dipusatkan pada menolong mengembangakan kesempatan sehingga dapat ditemukan.

Bagaimana Search Engine Bekerja

Search Engine sering menggunakan hal-hal umum untuk memaparkan kedua jenis search engine yang berbeda (crawler-based dan human-powered directories).

Crawler-Based Search Engines

Seperti HotBot, membuat daftar secara otomatis. Mereka 'crawl' atau menjerat situs, sehingga pencarian berhasil. Jika terjadi perubahan pada situs, search engine crawler-based dapat menemukan perubahannya dan akan berakibat pada daftar situs. Judul halaman, body copy dan elemen yang digunakan lainnya.

Human-Powered Directories

Sebuah human-powered directory, seperti Yahoo, bergantung pada manusia untuk daftar list situs. Jika Anda memasukkan kata kunci yang pendek untuk masuk ke directory, pencarian akan mencocokkan dengan deskripsi (kata kunci) yang telah dimasukkan. Perubahan halaman situs tidak berpengaruh pada daftar. Hal-hal yang berguna untuk mengembangkan daftar pada search engine tidak berakibat pada pengembangan sebuah daftar pada directory.

"Hybrid Search Engines" Atau Mixed Results

Belakangan ini, banyak search engine yang menggunakan kedua tipe, crawler-based dan human-powered dinamakan hybrid search engine.

Bagian dari Crawler-Based Search Engine

Crawler-based search engine memiliki tiga elemen utama. Pertama adalah spider (menjerat) yang juga dinamakan crawler. Spider mengunjungi situs, membacanya, dan kemudian menyambungkan link menuju halaman lain melalui site. Hal ini berarti ketika seseorang mengacu sebuah situs, berarti akan menjadi spider atau crawler. Spider akan mengembalikan situs dalam bentuk umum, dalam waktu satu atau dua bulan, untuk melihat perubahan.
Semua yang ditemukan oleh spider akan menuju bagian kedua, yaitu index. Index, terkadang disebut katalog, seperti buku raksasa yang terdiri dari salinan beberapa situs yang bisa ditemukan spider. Jika halaman situs berubah kemudian buku ini akan mengikuti perubahan.
Terkadang memerlukan waktu untuk melihat halaman yang sudah berubah agar spider menemukan penambahan pada index. Dengan demikian, halaman situs bila sudah di 'spider' tapi belum di 'index', halaman barunya tidak akan terlihat hingga semua di'index'kan -ditambahkan pada index.
Software search engine merupakan bagian ketiga. Program ini menyaring berjuta-juta halaman situs yang tersimpan di index untuk dicari kesamaan dari pencarian dan mengurutkannya dalam urutan yang kira-kira relevan dengan kata kunci diskripsi.

Search Engines Utama: Sama, tapi Berbeda

Semua crawler-based search memiliki bagian dasar yang sama dan sudah dipaparkan di atas, tapi terdapat perbedaan dalam penggunaannya. Hal inilah yang menyebabkan tiap search engine menghasilkan result yang berbeda.

BAGAIMANA SEARCH ENGINE MENGURUTKAN SITUS

Pencarian dengan menggunakan salah satu situs search engine crawler-based mempunyai proses pencarian yang ringkas, berdasarkan sortiran dari berjuta-juta halaman situs yang sesuai dengan kata kunci diskripsi. Kecocokan akan diurutkan berdasarkan halaman situs yang paling relevan dengan kata kunci diskripsi yang diminta. Bagaimanapun, search engine tidak selalu benar. Halaman situs yang tidak relevan terkadang terlampir juga dan terkadang memerlukan waktu yang lama untuk mencari yang sesuai dengan keinginan. Tapi, secara keseluruhan, search engine mengerjakan hal yang luar biasa. Seperti kata penemu WebCrawler, Brian Pinkerton, "Imagine walking up to a librarian and saying, 'travel.' They're going to look at you with a blank face."

Cara Bekerja Search Engine Crawler-Based

Sebenarnya, bagaimana cara bekerja crawler-based search engines sehingga dapat menyeleksi halaman situs yang ada? Ada aturannya yang disebut algoritme. Bagaimana cara bekerjanya secara pasti merupakan hal yang rahasia bagi perusahaan. Tapi, beberapa search engine besar menggunkan hal yang seperti di bawah ini.

Salah satu peraturan yang utama adalah urutan algoritme mengikuti lokasi dan frekuensi dari kata kunci pada halaman situs, disebut metode lokasi/frekuensi. Bila kita mencari buku di perpustakaan, mis. buku dengan judul 'travel', maka secara pasti yang dicari adalah buku dengan judul 'travel'. Begitu halnya dengan mencari di search engine.
Frekuensi juga merupakan faktor penting lain dalam menjelaskan keterkaitan search engine. Sebuah search engine akan menganalisa berapa kali sebuah kata kunci muncul dan hubungannya dengan kata lain. Dengan frekuensi yang tinggi kemudian dapat dianggap lebih relevan dengan halaman situs.

next


SELAMAT MENCOBA

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.