Cara Nggawe Hyperlink Kanthi KompoZer

Kemampuan kanggo nggawe link ing dokumen sing nggawa sampeyan menyang dokumen liya, mbok menawa ing jaringan separo ing saindhenging donya, bisa uga ana alesan sing paling penting sing diwenehi World Wide Web. Pranala kasebut, sing disebut hyperlinks, yaiku "H" ing HTML - HyperText Markup Language. Tanpa hyperlinks, web ora bakal migunani banget. Bakal ora ana mesin telusuran, media sosial, utawa iklan banner (ok, paling kita bisa ngadeg kanggo ndeleng wong-wong mau).

Nalika sampeyan nggawe kaca web sampeyan dhewe, sampeyan pengin nggawe hyperlink, lan KompoZer duwe alat sing gampang ningkatake pranala saka sembarang tipe. Kaca sampel sing digambar ing tutorial iki bakal ngemot pranala menyang situs web liyane ing patang kategori, menyang sisih liyane ing kaca web sing padha, lan kanggo miwiti pesen email. Aku bakal miwiti karo judhul lan papat H3 kanggo saben kategori. Ing kaca sabanjure bakal nambah sawetara pranala.

01 saka 05

Nggawe Hyperlink Kanthi KompoZer

Nggawe Hyperlink Kanthi KompoZer. Layar dijupuk oleh Jon Morin

Alat hyperlink KompoZer bisa diakses kanthi ngeklik tombol Link ing toolbar. Kanggo nggawe pranala:

  1. Selehake kursor sampeyan ing kaca sing arep katon.
  2. Klik tombol Link ing toolbar. Kothak dialog Properties (Link Properties) bakal katon.
  3. Wulan pisanan sing kudu diisi yaiku kotak Tèks Link. Ketik teks sing arep katon ing kaca kanggo hyperlink.
  4. Bidang kapindho sing kudu diisi yaiku Link Lokasi. Ketik URL kaca sing hyperlink bakal njupuk pangguna nalika diklik. Iku apik kanggo nyalin lan nempel URL saka bilah alamat browser sampeyan. Sampeyan luwih cenderung kesalahan ing cara iki lan sampeyan ngerti, sethithik ing wektu nggawe link, sing kaca urip lan pranala sing ora rusak.
  5. Klik OK lan Link Properties kotak dialog bakal nutup. Paugeran saiki bakal katon ing kaca sampeyan.

Ing pirang-pirang browser, hyperlink bakal katon kanthi teks sing dienggo biru kanthi standar. Sampeyan bisa nggunakake gaya dhewe kanggo hyperlinks karo KompoZer, nanging saiki, kita bakal tetep karo hyperlink dhasar. Iku apik kanggo pratinjau kaca sampeyan ing browser web lan klik pranala kanggo mesthekake yen padha bisa.

02 saka 05

Nggawe Link jangkar Kanthi KompoZer

Nggawe Link jangkar Kanthi KompoZer. Layar dijupuk oleh Jon Morin

Ana jinis pranala liya sing bakal nggawa sampeyan menyang kaca web sing padha nalika diklik. Hyperlink jenis iki diarani link jangkar, lan area halaman sing dijupuk nalika sampeyan ngeklik link kasebut disebut jangkar. Yen sampeyan nggunakake pranala "bali menyang ndhuwur" ing ngisor kaca web, sampeyan ngeklik link menyang anchor.

KompoZer ngidini sampeyan nggawe jangkar sing bisa ditubungake kanthi nggunakake alat jangkar ing toolbar.

  1. Klik ing area ing kaca sampeyan pengin anchor. Mangkono, ing ngendi sampeyan pengin panampil kaca bakal dijupuk nalika tautan anchor diklik. Kanggo conto iki, aku diklik sadurunge "F" ing header Musik Favorit.
  2. Klik tombol Anchor ing toolbar. Kothak dialog Properties dijenengi Anchor Properties muncul.
  3. Saben anchor ing kaca butuh jeneng unik. Kanggo jangkar iki, aku nggunakake jeneng "musik".
  4. Klik OK, lan sampeyan kudu ndeleng, lan simbol jangkar katon ing panggonan sing sampeyan pengin jangkar. Simbol iki ora bakal katon ing kaca web sampeyan, mung carane KompoZer nuduhake sampeyan ing ngendi jangkar sampeyan.
  5. Baleni prosedur kanggo sembarang area liyane ing kaca sing pengin kedhaftar bisa mlumpat menyang. Yen sampeyan duwe akeh teks ing kaca sing dipisahake karo headings utawa sawetara pembagi logis liyane, jangkar iku cara sing gampang nelusuri kaca.

Sabanjure, kita bakal nggawe pranala sing njupuk pembaca menyang anchor sing digawe.

03 saka 05

Nggawe Navigasi Kaca Kanthi KompoZer

Nggawe Navigasi Kaca Kanthi KompoZer. Layar dijupuk oleh Jon Morin

Saiki yen sampeyan duwe jangkar ing kaca, ayo nggawe pranala sing bakal digunakake minangka trabasan menyang sing jangkar. Kanggo tutorial iki, aku nggawe 1 baris, 4 kolom tabel ing ngisor header ndhuwur kaca. Saben kothak tabel ngemot teks sing padha minangka salah sawijining header kategori sing digunakake kanggo misahake pranala ing kaca. Kita bakal nggawe teks ing saben sel tabel iki minangka link menyang jangkar sing cocog.

04 saka 05

Nggawe Hyperlinks Kanggo jangkar Kanthi KompoZer

Nggawe Hyperlinks Kanggo jangkar Kanthi KompoZer. Layar dijupuk oleh Jon Morin

Saiki kita duwe pendhita kita ing panggonan lan teks sing bakal kita gunakake kanggo navigasi kaca sing wis dipindhah, kita bisa ngowahi potongan teks kasebut menyang pranala. Kita bakal nggunakake tombol Link maneh, nanging wektu iki bakal bisa digunakake kanthi beda.

  1. Pilih teks sing pengin diowahi dadi tautan. Ing conto iki, aku milih teks "Musik Favorit" sing ana ing sel tabel pisanan ing sisih ndhuwur kaca.
  2. Klik tombol Link ing toolbar. Kothak dialog Link Properties bakal mbukak.
  3. Ing kasus iki, kita milih teks sadurunge kita ngeklik tombol Link, supaya Link Text bagean saka jendhela wis diisi lan ora bisa diowahi. Klik panah mudhun ing bagean Link Lokasi. Sampeyan bakal weruh dhaptar jangkar sing digawe ing langkah sadurunge. Kanggo conto iki, aku pilih #music anchor.
  4. Klik OK. Teks "Musik Favorit" ing garis pandhu arah dadi tautan sing bakal nimbulake panampil kanggo mlumpat menyang bagean kasebut ing kaca nalika diklik.

Sampeyan bakal weruh yen saben jeneng jangkar ing menu gulung nduweni tanda "#" ing ngarep. Iki bakal nggawe pranala menyang jangkar HTML. Ing "#" ing ngarep jeneng jangkar ngandhani browser menawa link iki nggawa sampeyan menyang papan liya ing kaca sing padha.

05 saka 05

Nggawe pranala saka Gambar Kanthi KompoZer

Nggawe pranala saka Gambar Kanthi KompoZer. Layar dijupuk oleh Jon Morin

Apa sampeyan ngerti sampeyan bisa nggawe link saka gambar uga teks? KompoZer ngijini sampeyan nindakake iki kanthi nggunakake sawetara klik. Ing ngisor iki aku wis masang gambar icon cilik sing nuduhke panah arah lan teks "TOP" ing ngisor kaca. Aku bakal nggunakake gambar iki minangka link kanggo mlumpat bali menyang ndhuwur kaca.

  1. Klik tengen ing gambar lan milih Gambar lan Link Properties saka label konteks. Kothak dialog Properties Image bakal mbukak.
  2. Ing tab Lokasi, sampeyan bakal bisa ndeleng jeneng file gambar lan tampilan gambar cilik wis diisi. Sampeyan kudu ngetik sawetara teks ing kotak teks Alternate. Iki minangka apa sing katon nalika sampeyan mindhah mouse marang gambar, lan uga apa sing diwaca dening maca layar nalika wong sing katon bisu maca kaca web.
  3. Klik tab Link. Kene sampeyan bisa milih jangkar saka menu, kaya sing kita tindakake karo link jangkar. Nyatane, gambar iki digunakake minangka link jangkar. Aku milih anjung #Links_Of_Interest sing bakal nggawa kita bali menyang ndhuwur.
  4. Klik OK. Gambar saiki pranala bali menyang ndhuwur kaca nalika diklik.