Tambahan Untuk HomePage – Website Anda

May 21, 2011 at 11:52 pm Leave a comment


Website BantenAnda bosan dengan home page anda yang biasa-biasa saja ?
Sering melihat homepage yang unik di internet ? Selain menguasai semua perintah HTML, sangat diperlukan daya kreativitas yang sangat tinggi. Namun anda juga dapat melakukannya hanya dengan HTML editor instant ( Netscape Editor , Hotdog , Microsoft Front Page , Microsoft Word 97 dll.) yang sering kali mempunyai fasilitas yang cukup fantastis. Karena pada dasarnya prinsip pembuatan homepage itu hampir sama, tinggal bagaimana sang kreator mengaktualisasi kreativitas diri pada homepagenya. Berikut adalah beberapa tambahan yang bisa digunakan untuk homepage anda.

A. LATAR

Survey membuktikan bahwa warna latar dari sebuah homepage ternyata sangat berperan dalam memberi kesan pertama pada mengunjung homepage anda. Bila warna latar terlalu dominan hingga membuat text tidak dapat dibaca sama sekali , tentu saja akan memberi kesan buruk bagi pengunjung. Amat disayangkan bila ternyata isi homepage anda sangat bagus / menarik menjadi mubazir hanya karena faktor warna latar.
Umumnya, bila anda berkeinginan membuat halaman anda lebih atraktif dan menarik, anda dapat mengganti warna latar dengan gambar (Gambar background). Maksud gambar background di sini adalah menggunakan gambar sebagai pengganti warna sebagai latar. Gambar ini kelak akan menimpa (overide) warna latar yang telah anda gunakan.

File yang umum digunakan adalah file yang memiliki format GIF (Graphic Interchange Format) dan JPEG (Joint Photographic Engineering Group). Internet Explorer sendiri mensupport PNG (Portable Network Graphic) dan BMP.
Namun, agak kurang bijaksana bila anda menggunakan gambar berukuran satu layar penuh sebagai latar belakang..Meski gambarnya sangat indah namun hal ini akan membuat pengunjung yang memiliki akses koneksi lamban menjadi stress akibat lamanya proses downloading.
Tentu akan lebih baik bila anda menggunakan background gambar yang berukuran kecil (yang akan dibaca oleh browser sebagai tile). Sehingga proses download tidak memakan waktu lama. Anda bisa menggunakan cara men-tile gambar (seperti wall paper Window ), atau menggunakan gambar tile sehingga homepage anda seolah-olah memakai frame , yaitu dengan men-tile gambar yang berada di pinggir kiri .
Suatu bentuk format gambar yang berkembang pesat di dunia internet , (hampir semua homepage menggunakannya) adalah format GIF animasi. Prinsip dari format ini adalah menampilkan satu gambar yang seolah-olah dapat bergerak , yang sebenarnya disusun dari berbagai gambar. Untuk merancang GIF jenis ini , anda dapat menggunakan program GIF ANIMATOR yang dapat anda download gratis dari internet..

 

B. MENAMBAHKAN BACKGROUND SUARA
Ingin menambahkan suara / lagu bila seseorang mengunjungi homepage anda ? Hal ini dapat.dilakukan untuk membuat semarak homepage anda. Hal ini sudah disupport oleh Netscape maupun Internet Explorer yang memiliki fasilitas plug-in standard.
File yang dapat dimainkan sangat bergantung pada plug-in yang terinstall pada browser anda. Tipe file yang umumnya sering digunakan adalah : MIDI (*.MID) , WAV (*.WAV) dan AU (*.AU).
Dengan HTML editor advance atau Netscape Editor , cukup anda tambahkan salah satu statement dibawah ini:

http://namafile.mid , atau
• <BGSOUND SRC=”namafile.mid”> ,atau

loop=INFINITE > , atau
• <BGSOUND SRC=”namafile.wav”>

Penggunaan BGSOUND tidak terlalu dianjurkan mengingat browser Netscape Navigator yang tidak mampu menampilkannya.

HIDDEN (TRUE)
menandakan bahwa plug-in tidak akan ditampilkan di layar browser.
AUTOSTART (TRUE)
menandakan bahwa lagu akan segera di mainkan segera begitu ada yang mengakses homepage anda.
BORDER dan HEIGHT
mengatur ukuran plug-in (x dan y dalam satuan pixel).
LOOP
Atribut ini menunjukan berapa kali file suara ini di ulang (loop) ketika homepage diakses. Bila diisi dengan INFINITE, maka file suara akan diulang sampai pengakses pindah ke link lain / memutuskan hubungan..
Lebih mudah lagi bila Anda menggunakan Microsoft Front Page , anda cukup mengklik INSERT >> OTHER COMPONENT >> PLUG-IN. untuk memunculkan menu plug-in properties. Di menu ini anda tinggal mengisi kotak-kotak form yang kosong dengan nama file, fasilitas hiden , ketebalan border , ukuran dsb.
Maka ketika pengunjung mengakses homepage anda, plug-in yang ada pada browser akan segera menjalankan file suara ini. Tentu saja anda maupun pengunjung harus memiliki minimal perangkat multimedia (Misal: SB16 , AWE 32 dll.) bila ingin mendengar file suara ini dimainkan.

C. IN LINE VIDEO
Anda dapat digunakan untuk memasang fiile film AVI (Audio Video Interleave) pada dokumen html . Ini dapat dilakukan dengan tambahan attribut DYNSRC (Dynamic Source) ke <IMG> . Dengan menggunakan IMG elemen , maka sudah mungkin untuk menambahkan video klip di halaman page anda . (Akan dapat di lihat secara on-line dengan menggunakan Microsoft Internet Explorer) , namun bagi browser lainnya, maka hanya akan ada tampilan berupa gambar (biasanya GIF animasi).

<IMG DYNSRC=”namida.avi” SRC=”Nori.gif” WIDTH=50 HEIGHT=50 LOOP=INFINITE ALIGN=RIGHT>
DYNSRC sendiri berfungsi sebagai memanggil file film yang akan ditampilkan di halaman html.
Misalkan:
<IMG SRC=”Nori.gif” DYNSRC=”Namida.avi”>
Internet Explorer akan menjalankan file film “Namida.avi”, sementara browser lain akan menampilkan gambar “Nori.Gif”
Atribut lainnya:

START
Atribut yang akan menunjukkan kapan file akan dijalankan.. Dapat di set ke FILEOPEN (default) or MOUSEOVER. FILEOPEN berarti video akan dijalankan segera setelah dibuka. MOUSEOVER berarti file akan dijalankan setelah kursor mouse melewati gambar animasi.

CONTROLS
Attribut ini menunjukkan apakah menu untuk in line video ini akan ditampilkan di window. Sehingga user dapat mematikan , menjalankan video di homepage anda.

LOOP
Seperti file suara, LOOP menunjukkan berapa kali video klip akan me-loop ketika diaktifkan. Jika LOOP=INFINITE , maka file video akan diulang sampai pengunjung meninggalkan homepage anda / memutuskan koneksi..

LOOPDELAY
Menunjukkan dalam mili-detik , berapa lama video klip akan menunggu sebelum me loop ulang. (Setelah file selesai dimainkan).

D. MENDETEKSI BROWSER PENGUNJUNG
Hal ini sangat berguna , karena anda dapat menggolongkan pengunjung homepage anda , apakah menggunakan Internet Explorer 3.0 ke atas atau Netscape 2.0 ke atas. Akan menjadi sia-sia isi homepage anda menggunakan aplikasi untuk ActiveX (yang hanya jalan di Internet Explorer 3.0 ke atas ) bila ternyata pengunjung homepage anda menggunakan Netscape. Kelak bila homepage anda memasang script ini, maka anda dapat mengarahkan pengunjung homepage ke halaman yang sesuai dengan browser yang mereka miliki.
Listing Script di bawah ini berguna untuk mendeteksi apakah pengunjung memakai Internet Explorer atau bukan. ( Java Script terdeteksi baik di Internet Explorer ataupun di Netscape Navigator / Communicator )

<SCRIPT LANGUAGE=”JavaScript”>
function browser_check()
{ var BrowserType=navigator.userAgent;
if (BrowserType.indexOf(“MSIE”) == 25)
{location.href=”index2.html”}
else { location.href=”others.html”} }
</SCRIPT>
<FORM>
<P><INPUT TYPE=”button” VALUE=”Browser Anda” NAME=”BCheck” onClick=”browser_check()”>
</FORM>

Prinsipnya, script di atas menggunakan navigator.userAgent object untuk memeriksa apakah string “MSIE” ada di posisi 25 di navigator.userAgent string. Jika ya, berarti Browser pengunjung adalah Internet Explorer v3.0 ke atas ,dan yang akan di-load adalah dokumen index2.html. Jika tidak , maka pengunjung akan diarahkan pada dokumen others.html.
Yang akan diarahkan ke dokumen others.html adalah :
Mozilla/2.0 (kompatibel;SIE 3.0A;Windows 95)
Mozilla/3.0b5 (Win95;l)

E. MEMBUAT LINK DENGAN PERINTAH MAP

Pernahkah Anda melihat suatu homepage yang memiliki link berupa satu gambar yang di dalamnya terdiri dari banyak link ? Mereka menggunakan perintah MAP pada homepage mereka. Dengan menggunakan MAP anda dapat membagi-bagi daerah di gambar dan mengindikasikan kemana link itu akan tertuju:
Contoh untuk gambar berukuran 400 pixel kali 300 pixel yang akan menggunakan Map dengan bentuk RECT.
Gambar contoh yang akan di Maping
Ini anda ingin membuat link dari bagian-bagian gambar tersebut , tambahkanlah HTML tag berikut :

<IMG USEMAP=”#photo” SRC=”photos.jpg” ALT=”Photo saya !”
HEIGHT=400 WIDTH= 300>
<MAP name=”photo”>
<AREA shape=”rect” coords=”1,0,140,186″ href=”A1.jpg” >
<AREA shape=”rect” coords=”1,0,140,423″ href=”menu1.html” >
<AREA shape=”rect” coords=”124,0,280,186″ href=”menu2.html”>
<AREA shape=”rect” coords=”124,0,280,423″ href=”http://www.adrya.com“>
<AREA shape=”default” nohref></MAP></P></CENTER>

NAME menunjukkan nama dari Map sehingga memberi informasi pada <IMG>
SHAPE menunjukkan bentuk dari area Map itu. Pilihannya dapat berupa RECT , CIRCLE dan POLY (default RECT).
COORD adalah koordinat dari besarnya SHAPE dalam satuan Pixels.
Untuk RECT koordinatnya adalah x-kiri , y-atas, x-kanan, y-bawah.
Untuk CIRCLE koordinatnya adalah x , y dan radius.
Untuk POLY , koodinatnya terserah anda, (x1,y1,x2,y2,x3,y3….)
Daerah digambar yang tidak ditentukan oleh AREA dianggap termasuk NOHREF.
Atribut NOHREF berguna untuk mengindikasikan bahwa di daerah ini tidak dilakukan tindakan apapun.
Untuk mengetestnya , anda dapat mencobanya di browser. Coba untuk melewatkan kursor anda pada gambar yang telah di map , dan coba klik. Maka , dokumen yang telah anda link , akan segera di load.

F. JAVA SCRIPT DAN JAVA
Java dan JavaScript itu jelas berbeda. Karena Java sendiri adalah bahasa pemrograman yg dikembangkan oleh Sun Microsystem, Inc. dari bahasa C++. Berbagai contoh applet Java serta sumber-sumber informasi lain mengenai Java, bisa didapat di http://www.gamelan.com/ .Berikut adalah contoh program Java sederhana yg akan menampilkan teks “Java and JavaScript”.

import java.applet.*;
import java.awt.*;

class CobaJava extends Applet
{ public void paint(Graphics g)
{ g.drawString(“Java and JavaScript”,20,20); }
}

Save program tsb dengan file extension .java lalu dicompile. Apapun jenis compiler yg digunakan, akan diperoleh suatu applet dengan file extension class. Dan untuk menampilkan applet ini dalam web page, gunakan tag <APPLET>. Jelas beda dengan JavaScript yg menggunakan tag <SCRIPT> dan tidak mengenal class file tadi.

Jika program Java di atas disave dgn nama CobaJava.java, dan hasil compile berupa CobaJava.class, maka HTML code untuk applet Java tsb kurang lebih begini:

<APPLET CODE=CobaJava HEIGHT=100 WIDTH=200>
<H1>Sorry…</H1>
<H3>Your browser does not support Java</H3>
</APPLET>

Tulisan ‘Java and JavaScript’ akan terbaca di monitor jika browser yg digunakan mampu menangani Java.

Bagi yg tertarik untuk mendapatkan class instant dan HTML code untuk class tsb, dapat anda dapatkan di http://www.javaboutique.com/

G. GUESTBOOK PADA INDEX.HTML
Tentunya anda ingin mengetahui siapa saja yang telah berkunjung ke homepage dan bagaimana komentar atau kesan-kesan mereka mengenai homepage anda.. Untuk itu dapat anda gunakan fasilitas GUESTBOOK. Di Internet saat ini cukup banyak web server yang menawarkan jasa GUESTBOOK gratis. Salah satunya adalah LPAGE (www.Lpage.com). Atau bila anda mempublikasikan homepage anda di Geocities (www.geocities.com), sudah disediakani fasilitas GUESTBOOK instant.
Tapi seringkali pengunjung homepage anda adalah orang-orang super sibuk sehingga tidak sempat -bahkan tidak peduli- dengan Guest book anda. Namun bila anda sedikit menguasai perintah HTML, tentu anda dapat membuat GuestBook yang lain dari yang lain.
Salah satu cara termudah adalah : buatlah entry untuk guestbook anda pada halaman pertama homepage anda. Cara ini tentu lebih efektif dibandingkan membuat link ke suatu guestbook . Cara ini cukup mudah. Anda hanya perlu meng-copy form yang ada di guestbook anda , lalu anda paste di html halaman pertama anda.

Contoh file HTML guestbook di GEOCITES (www.geocities.com) , copy pada bagian antara <BODY> s/d </BODY> .
<HTML>
<BODY>
——————————————-? batas awal copy
<BODY TEXT=”#FFFFFF” >
<P><FONT SIZE=+1>Hi , Isi dong! </FONT>
</FONT></P>
<P><FORM METHOD=POST ACTION=/cgi-bin/geoplus_apps/ans_entry>
<INPUT type=hidden name=”final” value=”Tokyo/Flat/2731″>
<INPUT type=hidden name=”state” value=”1″></P>
<TR>
<TD><FONT FACE=”Copperplate Gothic Light”><FONT COLOR=”#FFFFFF”><FONT SIZE=+1>Name :</FONT></FONT></FONT></TD>
<TD><INPUT type=text name=”field1″><INPUT type=hidden name=”field1_name” value=”Name/From”></TD>
</TR>
<P><INPUT type=hidden name=”style” value=”1″><BR>
<FONT COLOR=”#FFFFFF”><FONT SIZE=+1>Komentar anda tentang homepage ku:</FONT></FONT><BR>
<TEXTAREA name=comments wrap=physical cols=50 rows=6></TEXTAREA></P>
<P><INPUT type=submit value=”I’m Done!”><INPUT type=reset value=”Clear Form “></P>
———————————————————–?batas akhir copy
</BODY>
</HTML>

Buka halaman pertama dokumen HTML (index.html) anda dengan Notepad , lalu Paste di mana pun yang anda suka asalkan masih berada pada <BODY> dan </BODY>.
Lihat tampilannya pada Browser anda ! Jangan kaget bila setelah anda upload , dalam waktu dekat guestbook anda akan terisi penuh dengan cepat !

H. MEMPUBLIKASIKAN HOME PAGE ANDA

Anda telah bekerja keras merancang home page. Kinilah saatnya anda menunjukkan hasil karya anda pada dunia luar . Langkah pertama yang harus dilakukan adalah mencari web server yang menyediakan ruang untuk meletakkan file-file untuk homepage anda. Sebagian web server memberikan ruang terbatas namun tidak memungut bayaran (cuma-cuma). Sebagian lagi menggunakan sistem sewa (memungut biaya).
Keuntungan web space yang memungut biaya sewa adalah anda bisa mendapatkan web space berukuran sampai bersatuan Giga (hampir unlimited!)

Contoh webserver yang menyediakan webspace gratis:
http://www.geocities.com (Kuota 2 Mb)
http://www.tripod.com (Kuota
http://www.fortunecity.com (Kuota 6 Mb)
http://www.chez.com (Kuota 10 Mb ~bahasa Prancis)
http://www.angelfire.com (Kuota
http://www.earthlink.net (Kuota 6 Mb)
http://www.focus-asia.com (Kuota 2Mb)

Umumnya webserver sudah menyediakan fasilitas uploading. Anda tinggal memilih file yang akan di publikasikan ( file html , file musik , file gambar JPEG dsb.). Selain itu , fasilitas yang biasanya sudah on-line : editor , rename , delete , copy.
Beberapa Provider sudah menyediakan ruang untuk membuat homepage bagi para kostumernya. Ada sedikit perbedaan bila anda me-upload homepage di Provider, karena anda meng-upload langsung di FTP (File Transfer Protocol). File Transfer Protocol adalah tempat di mana file-file disimpan , sehingga anda harus menggunakan program seperti WS-FTP atau CUTE FTP. Untuk lebih jelas dapat anda tanyakan pada provider di mana anda berlangganan.
Bila anda telah berhasil meng-upload homepage anda. Tibalah saatnya anda menjadi orang pertama yang mengakses homepage anda. Ketikkan alamat homepage di browser anda.
Bila ternyata halaman anda tidak bisa diakses, pertimbangkanlah kemungkinan berikut :
• Yakinkan bahwa nama file halaman pertama anda adalah index.html
• Kemungkinan saat itu merupakan jam sibuk, sehingga halaman anda tidak dapat diakses.
• Upload file HTML ternyata gagal / terputus.
• Web servernya sedang down.

Langkah kedua adalah mempublikasikan homepage anda. Agar semua orang dapat mengetahui lokasi homepage anda, tentu anda perlu mengumumkannya. Orang-orang tidak akan pernah tahu keberadaan homepage anda , bila anda sendiri tidak mengumumkannya pada mereka. Amatlah sulit bagi para internet surfer untuk menemukan lokasi homepage anda karena jumlah alamat di internet bagaikan bintang di langit.

Cara – cara yang sering digunakan untuk mempublikasikan homepage anda:
• Mendaftarkan alamat homepage anda pada direktori internet (Yahoo , Yellowpages)
Direktori internet berisi daftar alamat web yang sebelumnya telah dikelompok-kelompokan dari berbagai sub kategori. Namun untuk mempublikasikan di sini, anda biasanya dipungut biaya .
Contoh direktori internet:

http://www.yahoo.com (Yahoo)
http://www.yellow.com/cgi-bin/online (Yellow Pages On Line)

Anda juga dapat mendaftarkan homepage anda ke Search Engine. Search Engine menyimpan indeks dari informasi suatu homepage yang disimpan dalam data base. Sehingga jika anda ingin mencari homepage yang memuat sesuatu hal ,misalkan seorang artis , anda cukup mengetik nama artis itu pada form di search engine. Jika anda berminat menempatkan informasi tentang homepage anda di sini, anda dapat mencoba anatara lain di :

http://www.submit-it.com (Submit-it)
http://www.altavista.digital.com/cgi-bin/query?pg=addurl (Altavista)
http://www.lycos.com/addsite.htm (Lycos)
http://www.infoseek.com

• Menggunakan fasilitas penukaran link
Anda diharuskan mengirimkan suatu file gambar yang ukurannya ditentukan , yang menggambarkan isi dari dari homepage anda. Lalu anda harus menambahkan beberapa perintah HTML pada homepage anda. Kelak oleh web server yang bersangkutan, gambar yang anda kirimkan akan di tukar-tukarkan kepada sesama pengguna jasa fasilitas penukar link tersebut. Biasanya fasilitas ini tidak memungut bayaran , namun ada jasa tambahan bagi yang bersedia membayar sejumlah dana.
Contoh : http://www.linkexchange.com (Link Exchange)

• Menjadi anggota Web-Ring
Webring adalah link antar homepage yang saling menghubungkan dari homepage pertama sampai terakhir dan akhirnya kembali ke homepage pertama (RING). Bila anda menjadi anggota ring, anda juga harus menambah beberapa perintah HTML pada homepage anda. Namun untuk menjadi anggota ring, topik dari homepage anda harus seragam dengan sesama anggota Web-Ring.

• Tambahkan alamat homepage di signature E-mail anda.
Salah satu cara paling efisien adalah menambahkan alamat homepage anda pada signature E-mail anda. Secara otomatis, setiap mail yang anda kirimkan akan tercantum pula alamat homepage anda.

I. TAMBAHKAN WEB COUNTER !
Ingin mengetahui jumlah pengunjung yang telah mengakses homepage anda ? Gunakanlah fasilitas web-counter. Web counter berfungsi untuk mencatat jumlah pengunjung yang pernah mengakses homepage anda. Tampilan counter sendiri memiliki berbagai ragam bentuk , anda dapat memilihnya sesuai selera anda.
Cara menambahkan counter ini bergantung dari mana anda mendapatkan fasilitas counter ini. Sebagian webserver dimana anda menaruh file-file homepage ada biasanya sudah menyediakan fasilitas counter ini . Anda cukup menambahkan link pada homepage anda ke URL dan direktori counter dari web server yang menyediakan fasilitas ini.
Bila web server anda belum menyediakan fasilitas counter , anda dapat memperolehnya di: (Adriya D)
http://www.freecount.com
http://pagecount.com
http://www.digits.com

Entry filed under: Agama, Artikel Purwodadi, Asal Nama, Banten Go Open Source, Berita Mudik, Blogger Banten, Blogger Grobogan, Blogroll, Forum Purwodadi, Geografis, Grobogan, Grobogan Blogger, Grobogan Blogger Community, Hutan Grobogan, Info Mudik 2008, Kesehatan Purwodadi, Komputer Purwodadi, Komunitas Purwodadi, Linux Banten, Marc Chagall, Pemda Grobogan, Pendidikan, Pendidikan Grobogan, Penduduk, Pertanian Grobogan, Peta Mudik, Pilkada Jatim, Potensi, Purwodadi, Quick Count Pilkada, Relawan Telematika, Sejarah, Seputar Grobogan, Seputar Purwodadi, UKM & IKM Grobogan, www.grobogan.go.id. Tags: .

BLOG SEBAGAI MEDIA PENGHASILAN Pola Hidup Dunia Teknologi Informasi

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Subscribe to the comments via RSS Feed


Bali NdeSo

telematika indonesia
telematika indonesia

Blog Stats

  • 135,367 hits