modal dikit dapat banyak

mau membaca mengahasilkan uang

readbud - get paid to read and rate articles

Selasa, 06 Mei 2008

Membuat Website Sendiri

Pengantar

Perkembangan internet, khususnya World Wide Web (www) sangat cepat. Pertumbuhan website setiap tahunnya berlipat ganda. Hal ini didukung dengan kemudahan untuk membuat website sendiri yang ditinjau dari dua sisi :

1. Dari sisi user, software-software web design semakin mudah digunakan, dengan fasilitas-fasilitas yang semakin canggih, contohnya : MS FrontPage, NetObjects Fusion, HotDog Professional, Macromedia HomeSite, dll dan semakin banyaknya software pengolah kata / gambar yang mendukung pembuatan dan pengeditan halaman web, seperti : MS Word 97
2. Dari sisi vendor, semakin banyak penyedia fasilitas webserver gratis seperti: GeoCities, TriPod, FreeServers, Homestead, dan lain-lain yang umumnya menyediakan fasilitas pembuatan halaman web gratis secara online lengkap dengan template-template yang siap digunakan dan penggunaannya relatif mudah

Dengan demikian ada dua pilihan untuk membuat halaman web, yaitu :

1. Membuat secara offline, menggunakan software Web Design atau HTML Editor, setelah selesai baru di-upload ke webserver menggunakan software FTP
2. Membuat secara online, dengan menggunakan fasilitas yang disediakan oleh penyedia webserver gratis

Dari kedua pilihan itu, ada keuntungan dan kerugiannya masing-masing, yaitu :

1. Membuat secara offline relatif lebih sulit, diperlukan pengetahuan tentang HTML, Java, JavaScript, dan CGI/Perl dan juga pengetahuan mengenai FTP, namun dapat diatasi dengan menggunakan software yang mudah digunakan seperti MS FrontPage (Express) Netscape Composer, atau NetObjects Fusion. Keuntungannya, biayanya lebih murah karena tidak terbuang waktu berinternet (online).
2. Membuat secara online relatif lebih mudah karena disediakan template dan tool-tool dengan interface yang user-friendly dan tidak usah membeli software web designer dan FTP tambahan, namun biaya yang dikeluarkan, untuk online, akan relatif besar. Selain itu, software web designer online hanya berlaku di situs web server tersebut saja, dan tidak bisa diedit dengan software lain.

Beberapa catatan yang harus diperhatikan sebelum mulai membuat website sendiri adalah :

* Merancang content (isi) secara jelas dengan struktur web yang diinginkan, misalnya website pribadi akan memuat biodata, galeri foto, link favorit (bookmark), kegiatan (projek) yang sedang dikerjakan, dll.
* Memilih metode perancangan website, secara offline/online dengan mempertimbangkan keuntungan/kerugiannya di atas.
* Memilih provider webserver yang sesuai. Bagi pemula yang tidak punya banyak modal, bisa memilih provider homepage gratis seperti GeoCities, TriPod, FreeServers, MSN, Netscape SiteCentral, atau yang lain. Pertimbangan untuk memilih provider yang tepat antara lain :
o Kapasitas yang diberikan (bervariasi antara 512 KB - unlimited)
o Fasilitas untuk membuat / mengedit website secara online
o Tools tambahan yang dapat digunakan untuk menambah fasilitas pada website anda seperti : buku tamu, counter, form submitter (untuk posting form), polling, mailbox, dll
o Kompensasi yang harus diberikan atas 'penggratisan' space homepage seperti : pop-up window, ad banner, atau viewbar.
o Nama URL / http yang diberikan, panjang-pendeknya ( atau cukup saja)
* Beberapa nama provider website gratisan dengan fasilitasnya :
o Yahoo! GeoCities (http://geocities.yahoo.com):
+ Kapasitas : 15 MB
+ Fasilitas web builder, editor, upload FTP
+ Child Window ad
+ Nama URL panjang (contoh : http://www.geocities.com/Hollywood/456/nina)
+ Sekarang nama URL di Yahoo! GeoCities dapat disingkat dengan http://www.geocities.com/namasitus saja
o TriPod (http://www.tripod.com) :
+ Kapasitas : 11 MB
+ Fasilitas web builder, editor, upload FTP
+ Pop up window ad
+ Nama URL cukup singkat (contoh : http://members.tripod.com/nina atau cukup http://nina.tripod.com)
o Xoom (http://xoom.xom) :
+ Kapasitas : unlimited
+ Fasilitas web builder, upload FTP
+ Viewbar ad
+ Nama URL (contoh:http://members.xoom.com/nina)
o FreeServers (http://www.freeservers.com)
+ Kapasitas : 12 MB
+ Fasilitas web builder, web manager (upload dan editor)
+ Ad banner
+ Nama URL pendek dan bisa pilih nama domain (contoh : http://lawnosta.freeservers.com atau http://nina.8m.com)

Bagi pemula dengan sedikit keterampilan komputer dapat membuat homepage sendiri (secara offline) menggunakan tool-tool yang familiar dan cukup mudah digunakan seperti :

* Microsoft Word 97
* Microsoft FrontPage Express (disertakan dalam MS Internet Explorer 4 / Windows 98 [bukan 98SE])
* Netscape Composer (disertakan dalam Netscape Communicator 4.x)

Berikut ini cara membuat satu halaman web dengan ketiga tool di atas.

1. Microsoft Word 97/2000
Membuat halaman web menggunakan MS Word 97 sangat mudah. Anda tinggal membuat suatu dokumen/tulisan seperti membuat file word biasa lalu pilih menu File--> Save as...--> pilih file type HTML (paling bawah) dan press OK. dan file anda akan tersimpan dengan ekstensi .html dan bisa dibuka dengan MS Internet Explorer atau Netscape Navigator.
Cara lain dapat dilakukan dengan memilih menu File-->New lalu pilih tab Web Pages pada pop-up window yang muncul lalu pilih salah satu template yang tersedia. Jika memilih web page wizard Anda akan dituntun langkah demi langkah menciptakan halaman web yang profesional (dalam bahasa Inggris tentunya)
2. Microsoft FrontPage Express
Anda bisa memulai dengan memilih File-->New, bila keluar pop-up window, pilihlah salah satu tutorial yang tersedia, ikuti langkah demi langkah sampai selesai dan setelah selesai dapat anda edit sendiri dan disimpan dengan ekstensi .htm dan dapat dibaca dengan browser.
3. Netscape Composer
Penggunaannya mirip dengan FrontPage Express, namun nemiliki keunggulan yaitu dengan sekali klik pada tombol preview, rancangan anda dapat langsung disaksikan dalam browser, dan dilengkapi dengan tool untuk upload ke server. namun, tidak disediakan wizard/tutorial untuk pembuatan halaman web. Anda harus merancang sendiri dengan pendekatan desktop publishing. Jangan takut dengan karakter-karakter kontrol (tag) HTML yang dimunculkan, (berupa bentuk panah/trapesium), itu tidak akan terlihat di browser.

Sebelum mulai membuat halaman web sendiri kita perhatikan mengenai istilah hyperlink, yaitu properti yang mengaitkan suatu objek (gambar/tulisan) ke sumber daya internet seperti website lain (http), mail (mailto), atau FTP (ftp) yang biasanya terlihat di browser sebagai tulisan bergaris bawah berwarna biru dan bisa diklik. Hyperlink ini adalah komponen dasar suatu halaman web.

Cara membuat hyperlink :

1. MS Word 97/2000 :
Blok tulisan/gambar yang hendak dijadikan hyperlink, lalu klik tombol bergambar bola dunia biru atau tekan ctrl+K atau pilih menu Insert--> hyperlink,lalu isi alamat yang dituju (misal http://lawnosta.freeservers.com atau mailto:nyet@plasa.com)
2. MS FrontPage Express
Sama dengan di atas
3. Netscape Composer
Blok tulisan yang hendak dijadikan hyperlink, lalu klik tombol bergambar rantai atau tekan ctrl+shift+L atau pilih menu Insert--> link, lalu isi alamat yang dituju (misal http://lawnosta.freeservers.com atau mailto:nyet@plasa.com)

Tips dan Triks :

* Selain tulisan, gambar juga bisa dijadikan hyperlink, caranya sama dengan di atas (kalo nggak salah)
* Pakailah tabel untuk mempermudah layout, caranya sama dengan penggunaan table pada MS Word
* Untuk mengubah background gunakan menu format --> background, lalu pilih antara warna (solid background) atau gambar (tiled background)
Membuat Homepage Sendiri dengan Menggunakan Microsoft Word 97

Microsoft Word 97 menyediakan fasilitas untuk membuat halaman web (selanjutnya disebut homepage) dengan mudah, terutama bagi mereka yang sudah menguasai aplikasi word processing, khususnya MS Word, namun malas atau mengalami kesulitan untuk mempelajari HTML (Hypertext Markup Language) sebagai komponen dasar perancangan homepage.

Cara termudah untuk membuat homepage dengan mempergunakan MS Word 97 adalah dengan merancang homepage layaknya dokumen tertulis biasa, atau lebih tepat dikatakan sebagai perancangan buletin / brosur mengenai diri kita lengkap dengan gambar (gunakan perintah insert --> picture --> ...from file, lalu cari nama file gambar yang akan dimasukkan) atau clipart (gunakan perintah insert --> clipart, lalu pilih gambar yang disukai dari clipart gallery yang tersedia). Setelah selesai, gunakan menu File --> Save as HTML, dan dokumen kita sudah tersimpan sebagai sebuah homepage dengan ekstensi .html yang bisa dibaca dengan menggunakan browser (Netscape/Internet Explorer).

Perancangan lebih lanjut adalah menggunakan komponen-komponen penyusun halaman web, yaitu :

1. Hyperlink (atau biasa disingkat dengan link saja) : yang biasanya berbentuk teks berwarna biru dan bergaris bawah dan bisa diklik (pointer mouse akan berubah bentuk menjadi gambar tangan yang menunjuk. Dalam bentuk lain, hyperlink bisa juga berbentuk gambar atau image map (satu gambar dengan banyak link). Link ini dapat berupa link internal (menghubungkan dengan halaman lain dalam satu website) atau eksternal (menghubungkan dengan website lain). Membuat link dengan cara mengeblok teks yang akan dijadikan link lalu pilih menu insert --> hyperlink, lalu masukkan alamat URL (website lain) atau file lain yang dituju.
2. Background : Dulu, halaman web hanya berbentuk teks dan link dengan latar belakang abu-abu. namun sekarang background suatu halaman web dapat disesuaikan dengan selera, berupa warna saja, atau gambar. Di MS Word 97, ubahlah background dengan menu format --> background, pilih warna yang disukai, atau fill effects untuk background gambar (disediakan bermacam-macam background (coba cari di C:\Program Files\Microsoft Office\Office\Templates)

Bagaimana Menampilkan Halaman Web Buatan Sendiri

Setelah selesai membuat halaman web (homepage) sebanyak satu atau lebih halaman, tentunya kita ingin menampilkannya di internet untuk dapat diakses oleh orang yang mengakses internet (surfing). Untuk itu diperlukan yang namanya web server. Web server ini digunakan untuk menyimpan halaman web kita untuk diakses setiap saat. PC apapun bisa dijadikan web server (dengan program Personal Web Server dari Windows 98/FrontPage, misalnya) namun PC itu harus terkoneksi ke internet selama 24 jam sehari :(. Untuk itulah sebaiknya kita menggunakan web hosting, yaitu web server yang bisa digunakan oleh umum. Web Hosting ini ada yang gratis (misalnya FreeServers, GeoCities, Homestead, MSN Homepages, atau AcmeCity) dan ada yang bayar (misalnya IndoGlobal, Cakraweb, atau K-Net). Untuk pembahasan kali ini digunakan contoh FreeServers (www.freeservers.com).

Untuk bisa menggunakan jasa web hosting gratis dari FreeServers, pertama-tama kita harus mendaftarkan diri dulu. Setelah mengakses homepage FreeServers (http://www.freeservers.com), perhatikan bagian tengah di mana terdapat tiga prosedur awal untuk mendaftarkan diri.

Mula-mula, kita memilih primary name (nama situs web kita) dan mengisikannya di kotak yang tersedia, lalu memilih domain name yang tersedia dalam drop-down list (gunakan mouse untuk memilih dari sekitar 10 pilihan). Nama situs kita nanti akan berbentuk : primaryname.domainname (misalnya : lawnosta.freeservers.com). Kemudian klik tombol GO untuk memeriksa ketersediaan nama situs kita (sudah dipakai atau belum).

Bila nama yang kita pilih sudah terdaftar atas nama orang lain, FreeServers akan menampilkan daftar nama alternatif yang mirip dengan yang kita pilih sebelumnya. Kita tinggal memilih salah satu, atau membuat nama yang baru.

Bila nama yang kita pilih belum pernah terdaftar di FreeServers, maka kita akan diminta mengisi form tentang identitas pribadi kita. Perhatikan bahwa hanya item isian bertanda * berwarna merah yang wajib diisi. Setelah selesai, kita akan dikirimi kode aktivasi account FreeServers kita ke alamat e-mail yang kita isikan pada form pendaftaran. Kita harus membuka e-mail berisi kode ini terlebih dahulu. Dalam e-mail itu terdapat link yang mengantarkan kita ke tahap terakhir pendaftaran lengkap dengan kode aktivasi yang harus diisikan pada form yang muncul. Setelah memasukkan kode aktivasi yang benar, account FreeServers kita siap digunakan.

Setelah memasukkan kode aktivasi, biasanya muncul pilihan untuk mulai membuat homepage dari awal (dengan Quick Site Builder), memindahkan situs yang sudah kita buat di tempat lain (menggunakan Site Copier), dan lain-lain. Untuk yang sudah membuat halaman web secara offline, kita akan menggunakan Web Manager. Untuk itu, kita harus login dari awal, kembali ke , tuliskan nama situs kita (...), username, dan password lalu klik OK, kita akan memasuki user menu.

Di halaman user menu, klik pada tulisan Easy Web Manager. Sebuah window browserbaru akan muncul (pop up). Pada window inilah web manager aktif.

Web manager FreeServers berpenampilan mirip Windows Explorer. Di bagian kiri adalah "drive" penyimpanan homepage kita, di sebelah kanan adalah file-file homepage kita. Untuk meng-upload homepage kita gunakan kotak yang tersedia di bagian kanan bawah (ada 5 kotak), yang dapat kita gunakan untuk meng-upload sampai 5 file sekaligus. Kita tinggal mem-browse satu per satu file yang akan diupload dan klik tombol upload, dan tunggu beberapa saat sampai nama-nama file yang kita upload muncul di web manager sebelah kanan. Yang harus di-upload adalah file-file HTML (berekstensi .htm atau .html) dan file-file pendukung (biasanya berupa gambar berekstensi .gif dan .jpg)
Tip dan Trik

1. Halaman pertama yang akan dibuka oleh browser untuk homepage di FreeServers adalah file main.html yang secara default sudah dibuatkan oleh FreeServers. File ini dapat kita edit dengan mengklik tulisan edit di belakang nama file (file akan diedit dalam format HTML)
2. Cara lain yang lebih mudah adalah mengganti nama homepage utama kita dengan main.htm atau main.html atau index.htm atau index.html (file index akan dibaca lebih dahulu dibandingkan main).
3. Untuk memudahkan pengaturan dan perawatan situs web kita, sebaiknya file-file pendukung (gambar .gif, .jpg) dibuatkan satu folder tersendiri (images/pictures/graphics misalnya). Gunakan tombol create directory dan isikan nama directory yang diinginkan (bila lebih dari satu, gunakan spasi). Nama directory tidak boleh mengandung spasi.
4. Untuk lebih memudahkan mengedit situs web kita, kita sebaiknya membuat folder khusus untuk situs web kita di harddisk (c:/my documents/homepages misalnya) yang strukturnya mirip dengan struktur situs web kita di FreeServers (nama file, subdirectory dll). Ini juga akan memudahkan saat kita akan meng-upload dari komputer lain (warnet), kita tinggal mengkopi keseluruhan direktori ke dalam floppy disk.

Link-link yang Mungkin Berguna

Penyedia Hosting Gratisan :

* Yahoo! GeoCities
* Lycos TriPod
* FreeServers
* HomeStead
* Brinkster
* Cool Homepages

Sumber Daya dan Tutorial :

* World Wide Web Consortium
* WebMonkey
* CNet Builder
* SitePoint

Add-ons :

* MyComputer.com
* I-P.com
* Everyone.net

Software :

* 1st Page 2000
* Arachnophilia
* Macromedia Studio MX (termasuk di dalamnya DreamWeaver, Flash, HomeSite, ColdFusion)
* Microsoft FrontPage

Tidak ada komentar:

sponsor

sponsor