LANGKAH DEMI LANGKAH MEMBANGUN WEBSITE GRATIS DI

Transkripsi

1 LANGKAH DEMI LANGKAH MEMBANGUN WEBSITE GRATIS DI DIPERSEMBAHKAN OLEH Dipersembahkan Oleh : 1

2 KATA PENGANTAR Mempunyai website sendiri merupakan suatu kebanggaan tersendiri, apalagi jika mampu menampilkan website yang bagus serta interaktif. Para pembaca sekalian pada dasarnya kaplingan website gratisan di internet saat ini sudah tak terhitung jumlahnya, salah satunya adalah Geocities yang merupakan salah satu layanan hosting tertua dan terpopuler, tak heran jika kemudian yahoo! berminat dan mengakuisisinya. Iklan akan tampil secara pop-up dan cocok jika kita tidak ingin homepage kita terkontaminasi oleh iklan. Kita bisa menggunakan Yahoo! page builder yang diklaim dapat digunakan untuk membangun situs sederhana kita dalam waktu lima menit (tentu saja ini sangat tergantung pada pemahaman kita terhadap tutorial dan kecepatan koneksi). URL yang ditawarkan adalah : Disini anda bisa menambahkan pada situs anda counter, questbook, search engine, feedback form, countdown clock dll. Sebagai layanan direktori dan komunitas terkemuka di Internet, keuntungan menggunakan Yahoo! Geocities ini adalah bahwa situs kita bisa dimasukkan ke dalam direktori Member Pages mereka dalam berbagai kategori. Anda tentunya tidak asing dengan microsoft office, pada versi office 2000 sudah disertakan software page builder yaitu Microsoft FrontPage, anda dapat membuat halaman-halaman website dengan software ini yang mirip dengan saat anda mengetik dengan microsoft word. Dalam ebook sederhana ini saya akan sedikit menjelaskan sedikit cara mendaftar ke website gratisan Geocities dan cara menempatkan website anda di sana serta bagaimana merawat serta mengeditnya. Selamat membaca... ebook ini Khusus Bagi Pemula Dipersembahkan Oleh : 2

3 PENDAFTARAN Untuk mendaftar ke Yahoo! Geocities anda harus klik alamat URL sejenak kemudian akan tampil pada browser anda seperti contoh potongan gambar di bawah ini : Dalam hal ini pihak geocities menawarkan tiga pilahan website hosting yang bisa kita manfaatkan : Free Web Site - Yaitu tempat website gratisan yang memberikan ruang kapisitas 15 Mb yang selanjutnya masuk dalam pembahasan ebook ini. GeoCities Pro - Yaitu hosting dengan membayar $8.95/bulan dengan kapasitas 25 Mb, dengan bonus dengan struktur namaanda@domainanda.com dan Domain hosting GeoCities Webmaster - Hosting dengan membayar $11.95/bulan dengan kapasitas 50 Mb dengan bonus dengan struktur namaanda@domainanda.com dan Domain hosting Dalam ebook ini saya menyarankan untuk menggunakan point yang pertama saja yaitu Free website karena anda tidak mempunyai kewajiban apapun terhadap pihak Geocities. Dipersembahkan Oleh : 3

4 Untuk melanjutkan pendaftaran selanjutnya anda bisa klik "Sign Up Now!" pada menu Free Web Site yang sejurus kemudian akan tampil "Format" isian seperti gambar di bawah ini : Masukkan userid anda pada kolom Yahoo! ID, yang mana userid ini akan menentukan format alamat Web site / URL anda, contohnya jika anda memasukkan userid "goldenboy" maka alamat website anda nantinya akan berstruktur : Selanjutnya lanjutkan mengisi "password" anda kemudian ulangi lagi pada kolom "Re-type Password" Lanjutkan pengisian Format dibawahnya sampai selesai, setelah yakin akan kebenarannya lanjutkan dengan Klik "Submit This Form" dan tunggu beberapa saat. Pendaftaran anda berhasil selanjutnya anda akan dikirimi . Pendaftaran selesai. Dipersembahkan Oleh : 4

5 CARA UPLOAD FILE Upload adalah istilah menempatkan/mengcopy website desain anda dari komputer anda ke server geocities yang selanjutnya bisa diakses dari seluruh dunia. Hal pertama yang harus anda lakukan adalah mengunjungi alamat selanjutnya akan muncul tampilan : Ingat!!! dalam bahasan ini anda sudah saya ajari bahwa contoh alamat anda adalah maka yang harus anda lakukan adalah memasukkan Yahoo!ID anda dengan UserID anda Misalkan "goldenboy" kemudian Password anda, jika sudah lanjutkan dengan dengan Klik Tombol "Sign In" Seterusnya akan muncul jendela baru yaitu Folder anda di geocities seperti contoh gambar di bawah : Dipersembahkan Oleh : 5

6 Kemudian klik "Open File Manager" yang seterusnya akan tampil jendela folder tempat file-file website anda. Tentunya anda sebelum melakukan proses "Upload" ini anda harus sudah menyiapkan file-file html anda. Perlu anda ketahui bahwa file utama dari folder anda adalah "index.html" (default file), jadi jika anda atau pengunjung anda berkunjung ke alamat maka file yang di akses sebagai halaman utama website anda adalah file "index.html" maka dari itu alangkah baiknya jika halaman utama dari wesite anda adalah file dengan nama "index.html". Mari kita lanjutkan proses "Upload" ini, Klik tombol "Upload File" yang kemudian akan muncul jendela lagi dan perhatikan tampilan seperti di bawah ini : Dipersembahkan Oleh : 6

7 Klik tombol "Browse" yang sejenak kemudian akan meminta nama file di komputer anda cari file yang ingi anda upload. Lakukanlah untuk file-file yang lainnya. Untuk sekali upload anda boleh menentukan jumlah file nya mulai dari 5, 6, 7, 8, 20 file dst terserah anda. Kalau kolom browse sudah terisi dan anda siap untuk upload silahkan klik tombol "Upload Files" kemudian tunggu sejenak sampai proses upload selesai. Dipersembahkan Oleh : 7

8 EDITING Untuk proses editing dari file-file website, yang perlu anda lakukan adalah menandai dari file yang perlu anda edit - rename, edit(rubah), delete dan copy dll (lihat contoh gambar di bawah) Setelah itu anda bisa melakukan editing sesuai dengan kehendak anda (new, edit, copy dll). Misalkan anda akan melakukan "rename" pada file "tombol-1.gif", maka beri tanda file tersebut kemudian Klik tombol rename, sejenak kemudian akan muncul jendela baru seperti contoh gambar di bawah ini : Segera setelah itu ganti nama file tersebut dengan cara mengisi kolom kosong di sebelah kanannya, baru kemudian klik "Rename Files". Demikian juga untuk proses editing yang lain juga sama. PEMBUATAN FOLDER ATAU SUBDIREKTORI Pada dasarnya pengelolaan folder/subdirektori pada server Geocities adalah hampir sama jika saat anda mengelola folder/subdirektori pada komputer anda. Dipersembahkan Oleh : 8

9 Cara membuat/rename/delete sudah ada caranya seperti pada gambar di bawah ini : Cara editingnya sama seperti saat anda mengedit file-file website anda. Dipersembahkan Oleh : 9

10 BUKU TAMU GUESTBOOK. Mempunyai website yang interaktif adalah suatu hal yang sangat menyenangkan apalagi bisa berkomunikasi dengan pengunjung website tersebut. Salah satu cara berkomunikasi dengan pengunjung adalah dengan fasilitas Buku Tamu (guestbook) yang oleh pihak Geocities juga telah di sediakan untuk kita. Cara men-setup "Guestbook" adalah sebagai berikut : Login dahulu baru kemudian masuk pada menu "File Manager" yang selanjutnya anda bisa lihat menu pilihan "Quick Links" yang terletak pada pojok kanan bawah pada tampilan "File Manager" di browser anda seperti contoh gambar di bawah : Segera kemudian anda pilih dan Klik menu "Add-Ons" dan kemudian akan tampil jendela seperti contoh di bawah : Pada menu "Communication" pilih "Guestbook" dan segera Klik setelah muncul jendela baru maka segera Klik "Guestbook Setup". Dipersembahkan Oleh : 10

11 Selanjutnya akan muncul jendela baru menu-menu persiapan untuk men-setup Buku Tamu atau Guestbook anda yang mana terdiri dari 8 (delapan) STEP atau langkah.. Step 1: Guestbook name --- Yaitu nama atau judul dari buku tamu anda, silahkan ketik pada form yang telah disediakan. Step 2: Guestbook appearance -- yaitu menu untuk menentukan jenis font/huruf, warna font, Warna background ataupun gambar background dari situs Guestbook. Step 3: Introduction --- Adalah kata pembuka pada guestbook anda. Step 4: Questions: --- Form inilah yang nantinya akan ditampilkan pada buku tamu anda untuk di isi oleh pengunjung. Pada default-nya disini cuma disediakan 8 form Dipersembahkan Oleh : 11

12 yang boleh anda setup. Disarankan untuk form pengisian yang pendek-pendek seperti nama, alamat, dll gunakan "Entry Style" "Text Entry", sedangan untuk form pengisian yang panjang contoh seperti Komentar silahkan gunakan "Comment Box". Step 5: Enter the text the Submit button will display. --- Adalah nama tombol "submit" atau tombol masuk, digunakan jika pengunjung selesai mengisi form kemudian akan menekan tombol ini. Step 6: Customize your View Entries Page. --- Adalah digunakan untuk menampilkan hasil masukan buku tamu oleh pengunjung "istilahnya" Lihat buku tamu, anda bisa menentukan berapa jumlah tamu yang anda tampilan per-halaman website tampilan buku tamu. Kemudian "Entry Separator" adalah gambar pembatas pada tampilan antara tamu satu dengan yang lainya, anda bisa tentkan sendiri. Step 7: Customize Links on the Confirmation Page. --- Adalah Halaman Confirmasi yaitu halaman website yang akan dituju secara otomatis jika seorang pengunjung selesai mengisi buku tamu. Dipersembahkan Oleh : 12

13 Step 8: Options. --- "Send notification " digunakan jika ada seseorang pengunjung mengisi buku tamu otomatis Server akan memberi tahu kita lewat bahwa telah ada pengunjung yang mengisi buku tamu. "Review entries before posting" digunakan jika pengunjung mengisi buku tamu kemudian otomatis akan di "review" dulu sebelum di postingkan. "Public" berarti buku tamu kita bisa dilihat ole siapapun, sedangkan "Private" hanya kita sendiri yang bisa melihatnya. Selesai sudah desain Guestbook anda, untuk melihat tampilannya tekan tombol "Preview" dan kalau tidak tekan :Finished". Setelah itu anda akan dapat "Link" alamat Guestbook / buku tamu anda, misalkan user ID anda adalah "goldenboy" maka link untuk mengisi "Guestbook" adalah sbb : Sedangkan link untuk melihat Guestbook adalah sbb : OK. Selamat mendesain Guestbook!!!! Dipersembahkan Oleh : 13

14 HIT COUNTER Counter pada website adalah berfungsi untuk menunjukkan berapa Hit atau berapa orang pengunjung yang telah mengunjungi website tersebut yang biasanya ditunjukkan dengan tampilan sederetan angka. Cara men-setup "Counter" adalah sebagai berikut : Login dahulu baru kemudian masuk pada menu "File Manager" yang selanjutnya anda bisa lihat menu pilihan "Quick Links" yang terletak pada pojok kanan bawah pada tampilan "File Manager" di browser anda seperti contoh gambar di bawah : Segera kemudian anda pilih dan Klik menu "Add-Ons" dan kemudian akan tampil jendela seperti contoh di bawah : Dipersembahkan Oleh : 14

15 Kemudian klik "Add a counter To Your Page" dan akan muncul jendela baru sperti contoh : Disini ada tiga STEP atau langkah mudah untuk menempatkan Counter pada halaman web anda. Pada Step 1 anda di haruskan untuk memilih pada file/halaman mana counter akan anda tempatkan kemudian pada Step 2 anda harus memilih jenis Counter yang sesuai dengan keinginan anda, seterusnya pada Step 3 anda akan diberi "Code Script" counter sesuai pilihan anda. Pada Penempatan counter disini anda dituntut sedikit mengerti masalah "HTML" - karena anda harus menempatkan "script" counter ini pada "HTML" anda. Ok. Jika anda kesulitan saya akan bantu anda, tapi syaratnya anda harus bisa membuat website dengan dengan FrontPage atau Micromedia Dreamwaver. Script di bawah ini saya ambilkan pada Geocities, bisa anda copy kemudian anda tempatkan pada website anda dengan bantuan FrontPage dengan tampilan "HTML". IMG SRC= ALT="Counter" width="100" height="30"> Setelah itu silahkan Upload website anda pada server Geocities, kemudian anda coba untuk mengunjungi lewat web broser anda. Selamat mencoba. Dipersembahkan Oleh : 15