Satu hal yang sering dipakai dalam halaman web adalah Link (hubungan), yaitu bagaimana suatu kata/frasa/image bisa berhubungan dengan bagian lain/halaman lain/file lainnya.
Untuk membuatnya, bisa dilakukan dengan cara : Blok kata tersebut (klik kiri, tahan dan
Gambar (19) Insert Link Internal
Terlihat di atas bahwa secara default sudah terpilih (warna biru ) Existing File / Web Page dan "Current Folder".
Pada bagian atas terdapat "Text to Display", masukkan "Judul atau kata-kata" yang
Anda ingin muncul di caption web.
Ini tidak sama dengan nama file. Contoh nama file: produk (html) sedangkan Text to
display: "Baca Keterangan Produk".
Selanjutnya pilih beberapa hal ini : a. Untuk Link Internal
Link Internal adalah Link ke Halaman Web Lain dalam Satu proyek Web.
[Setiap halaman web adalah satu file (satu nama file). Sedangkan untuk format .doc (MS Word) maka satu file bisa mempunyai banyak halaman.]
Dari apa yang sudah terpilih secara default (Existing File / Web Page dan "Current Folder"), Anda tinggal memilih file mana yang hendak dihubungan.
Contoh kata-kata "Baca Keterangan Produk" hendak di link dengan file
produk.htm (lihat gambar 19 di atas). Anda tinggal klik file tersebut dari jendela yang
muncul. Jangan link dengan halaman web pada direktori lain (pada contoh direktori adalah C:\Websaya) akan membuat link tidak jalan nantinya.
Bila Anda akan link ke halaman yang belum ada (baru akan dibuat) bisa pilih "Create New Document". Akan keluar seperti ini :
Gambar (20) Hyperlink ke New Document
Tinggal Anda mengisi nama dokumen tersebut (Name of new document), dan dimana
akan ditempatkan (klik "Change" bila tidak ingin disimpan di direktori yang sudah
Juga Anda bisa pilih akan mengedit documen itu sekarang atau nanti (later). Bila pilih "Now" maka documen kosong akan ditampilkan, siap Anda kerjakan.
Sebaliknya bila pilih "Later" tidak akan ditampilkan tetapi tersimpan di tempat yang
sudah Anda tentukan.
Dokumen yang dihasilkan sudah langsung berupa halaman web (html).
**Kata (atau frasa/kata-kata) yang sudah diberi Link akan secara default berwarna biru dengan underlined (Anda bebas merubah warna, size, font, tanpa underline, dsb).
**Untuk semua halaman yang terdapat dalam 1(satu) web yang Anda buat, sebaiknya memakai Link Internal, agar seAndainya Anda perlu mengganti nama domain, hal ini tidak bermasalah. (Untuk lebih jelasnya baca mengenai “Link Eksternal”)
b. Untuk Link Eksternal
Link Eksternal adalah Link ke Halaman Web dari situs-situs lain. Setelah klik "Hyperlink"
pilih "Browsed Pages" di bawah dari "Current Folder" (lihat Gambar 19 Insert
Hyperlink).
Akan terlihat daftar dari halaman-halaman web yang sudah Anda buka (browsed). Bila belum ada, dapat langsung ketik URL halaman yang dimaksud di bagian "Address" misalnya http://www.bisnissakti.com/index.htm atau cukup http://bisnissakti.com
Anda juga dapat membuat Link ke halaman web Anda sendiri dengan cara eksternal. CONTOHnya domain Anda adalah situstop.com.
Pada halaman muka (http://situstop.com/index.htm) terdapat link melalui kata-kata Silakan Lihat Di Sini ke halaman produk.htm. Setelah di blok kata-kata Silakan Lihat Di
Sini dan klik kanan, pilih Hyperlink, Anda menekan Browsed Pages dan kemudian
mengisi Address nya http://situstop.com/produk.htm .
Keterangan :
Bila memakai Link Internal untuk CONTOH di atas, caranya adalah memilih Existing File / Web Page dan "Current Folder", kemudian pilih file langsung dari list/daftar yang
muncul di jendela tersebut) URL biasanya bisa disingkat nama domainnya saja (tanpa www).
c. Untuk Link ke Email
Setelah klik "Hyperlink" pilih "E-mail Address" kemudian akan tampil window dimana
Anda dapat mengisi email address Anda.
Sehingga bila seorang mengklik kata yang sudah diberi Link ke email address, program akan langsung membuka "Microsoft Outlook" atau "Outlook Express" (tergantung
setting dari komputer pengunjung tersebut) dimana pada kolom tujuan (To:) sudah terisi alamat email address Anda.
Begitu juga "Subject" bisa Anda isikan agar seragam. Hal ini berguna terutama bila Anda
membuat banyak Link ke alamat email Anda dengan maksud yang berbeda-beda. Dengan subject yang sudah Anda tentukan, hal ini tidak membingungkan lagi dibanding Anda menerima email dengan tanpa subject atau dengan subject yang tidak Anda mengerti.
(Karena pada umumnya bila seseorang hendak berlangganan newsletter / join mailing list/milis, mereka membiarkan bagian "body" (isi surat) kosong.
Dengan demikian Anda harus dapat menerka maksud pengirim hanya dari subject.
d. Untuk Link ke File Download (Bukan Halaman Web)
Untuk file yang berukuran besar dan tak bisa dibuka dengan browser (file exe, video, ebook, dsb) maka Anda harus meminta pengunjung untuk mendownload dan save pada komputer mereka.
Dengan demikian mereka bisa melihatnya secara offline nantinya. Sebab itu sebaiknya beri keterangan untuk pengunjung/member yang ingin mendownload: Klik kanan pada Link yang dimaksud dan pilih "Save Target As".
Dengan demikian File yang dimaksud akan disimpan ke komputer dan tidak langsung dibuka di web browser.
Cara membuat Link sama dengan membuat Link internal. Anda harus memasukkan dulu file tersebut pada direktori Web Anda.
Gambar (21) File sukses.exe di copy–paste ke Folder List pada Frontpage
Contoh direktori Web Anda adalah C:\Websaya dan Anda ingin memberi
link pada kata-kata Download Di Sini ke file sukses.exe yang mana masih terletak pada
direktori lain (misalnya di C:\Documents and Settings \namakomputer\My Documents).
Copy file sukses.exe tersebut dan paste ke dalam direktori C:\Websaya (bisa paste pada
Gambar (22) File sukses.exe di copy– paste langsung ke direktori C:\Websaya melalui Windows Explorer.
Setelah itu buat Link Internal, dengan blok kata-kata Download Di Sini, klik kanan dan pilih Hyperlink.
Arahkan ke File sukses.exe (lihat gambar 23 di bawah).
Gambar (23) Membuat Link antara kata Download Di sini dengan file sukses.exe agar
** Anda juga bisa memberi Link pada Gambar/Image. Caranya sama dengan di atas, seperti memberi Link pada kata/kumpulan kata. Gambar/ Image bisa di link ke halaman web, file ataupun Email address.
**Untuk mengedit atau pun menghapus Link, klik kanan pada kata-kata
ataupun image yang diberi link tersebut dan Anda bisa memilih "Edit", "Select", "Open", "Copy" ataupun "Remove" Hyperlink.
e. Untuk Link ke Bagian lain dari Halaman Yang Sama
Biasanya ini disebut "BookMark"; yaitu Link yang bila di klik akan menuju bagian lain
(misalnya bagian bawah) tapi masih pada file/halaman yang sama.
Khususnya ini berguna bila Anda membuat daftar FAQ (Tanya Jawab), dimana daftar pertanyaan dikumpulkan menjadi satu di bagian atas, sedangkan semua jawabannya di bagian bawah; semua pada satu halaman yang sama.
Contoh : Daftar Isi pada halaman 3 dari eBook ini dibuat dengan menggunakan bookmark. Ingat bahwa file pdf ini dibuat dari file doc (Word) bukan webpage, sehingga satu nama file terdiri dari banyak halaman. Pada webpage, tiap halaman mempunyai nama sendiri-sendiri.
Jadi anggap saja semua halaman dalam ebook “Panduan Sakti Bisnis Online” adalah
satu halaman yang panjang. Ketika Anda klik pada Daftar Isi, misalnya butir Cara Optimasi Image maka kursor Anda dan halaman pada monitor akan mengarah ke
Untuk ini Anda harus membuat "BookMark" terlebih dahulu pada frasa:
Cara Optimasi Image. Anda bisa blok seluruh judul ataupun sebagian, kemudian pada
Toolbar klik “Insert” pilih “Bookmark” (lihat gambar 24 di bawah).
Gambar 24 di atas ini memperlihatkan cara memberi Book Mark dengan memakai Microsoft Word. Pada Mirosoft Frontpage caranya sama.
Lihat, teks yang akan diberi Bookmark di blok hitam lebih dahulu (yaitu OPTIMASI IMAGE), baru kemudian klik “Insert à Bookmark”.
Segera muncul window kecil seperti di bawah :
Gambar (25) Memberi tAnda untuk Bookmark.
Pada Bookmark name” isikan nama yang Anda kehendaki (dapat diganti bila Bookmark name sudah terisi nama lain).
Nama apa saja yang penting Anda dapat mengenali Link yang dimaksud (bisa nama yang sama misalnya Optimasi Image, atau Optimasi saja , atau lebih ringkas “Optim”, atau
apa saja). Kemudian klik “Add”, maka nama yang Anda ketikkan akan masuk ke kolom di
Kemudian kembali ke daftar Isi dimana terdapat : Cara Optimasi Image Blok kata-kata
tersebut dan beri hyperlink dengan cara seperti yang sudah-sudah di atas (klik kanan à hyperlink). Dan pada jendela yang muncul pilih "Place in the Document" (lihat gambar
26 di bawah).
Gambar (26) Memberi Link pada kata-kata yang sudah ditAndai sebagai Bookmark.
Lihat bahwa di bawah tulisan “Bookmarks” pada kotak putih di atas telah terdapat beberapa kata yang dijadikan Bookmark name.
Pilih dan klik nama yang telah Anda buat sebelum-nya untuk bookmark name (misalnya Optimasi, yang merupakan Bookmark name dari frasa: Cara Optimasi Image) Lalu klik OK.
Cara Optimasi Image pada Daftar Isi, lihat apakah akan mengarah ke bab Cara Optimasi Image.
** Untuk mencoba atau mengetes Link, sebaiknya dalam tampilan Preview
atau Preview in Browser agar muncul gambar ‘tangan’. Atau kalau Anda sedang bekerja dalam Page View Normal, Anda harus tekan tuts Control pada keyboard sambil klik link
tersebut (gambar tangan akan muncul). Hal yang sama berlaku bila bekerja pada MS Word.
**Hyperlink yang Anda buat dapat diubah warnanya (secara default adalah biru dengan underlined). Dengan MS Frontpage hyperlink bisa diberi Rollover efek (efek-efek tertentu bila mouse di arahkan / di taruh di atas kata-kata yang diberi Hyperlink). Hal ini akan dibahas pada butir dibawah “ Mengatur Background”.