Bagaimana Membuat Hyperlink Dengan KompoZer

Keupayaan untuk membuat pautan dalam dokumen yang membawa anda ke dokumen lain, mungkin pada rangkaian di tengah-tengah dunia, boleh dikatakan satu-satunya sebab yang penting bahawa World Wide Web dicipta. Pautan ini, dipanggil hyperlink, adalah "H" dalam HTML - HyperText Markup Language. Tanpa hyperlink, web tidak akan sangat berguna. Tidak akan ada mesin pencari, media sosial, atau iklan sepanduk (ok, kebanyakan kita boleh tahan melihat mereka pergi).

Apabila anda membuat halaman web anda sendiri, anda akan mahu membuat hyperlink, dan KompoZer mempunyai alat yang menjadikannya mudah untuk menambah pautan dari sebarang jenis. Halaman sampel yang digambarkan dalam tutorial ini akan mengandungi pautan ke laman web lain dalam empat kategori, ke bahagian lain laman web yang sama, dan untuk memulakan mesej e-mel. Saya akan bermula dengan tajuk dan empat tajuk H3 untuk setiap kategori. Pada halaman seterusnya kita akan menambah beberapa pautan.

01 dari 05

Mencipta Hyperlink Dengan KompoZer

Alat hyperlink KompoZer boleh diakses dengan mengklik butang Pautan pada bar alat. Untuk membuat hyperlink:

1. Letakkan kursor anda pada halaman di mana anda ingin hyperlink anda muncul.
2. Klik butang Pautan pada bar alat. Kotak dialog Properties Link akan muncul.
3. Bidang pertama yang perlu anda isi adalah kotak Teks Paut. Ketik teks yang ingin anda tampilkan pada halaman untuk hyperlink anda.
4. Medan kedua yang perlu anda isi ialah kotak Lokasi Pautan. Taipkan URL halaman yang akan digunakan oleh hyperlink anda apabila pengguna diklik. Adalah idea yang baik untuk menyalin dan menampal URL dari bar alamat pelayar anda. Anda lebih cenderung untuk membuat kesilapan seperti ini dan anda tahu, sekurang-kurangnya pada masa pembuatan ciptaan anda, halaman itu masih hidup dan pautan itu tidak dipecahkan.
5. Klik OK dan kotak dialog Properties Link akan ditutup. Pautan anda sekarang akan muncul di halaman anda.

Pada kebanyakan penyemak imbas, hyperlink akan muncul dalam teks bergaris biru secara lalai. Anda boleh menggunakan gaya anda sendiri untuk hyperlink dengan KompoZer, tetapi untuk sekarang, kami akan tetap dengan hyperlink asas. Adalah idea yang baik untuk melihat halaman anda dalam pelayar web dan klik pada pautan untuk memastikan ia berfungsi.

02 dari 05

Mewujudkan Paut Anchor Dengan KompoZer

Terdapat satu lagi pautan hiperpautan yang membawa anda ke bahagian lain laman web yang sama apabila diklik. Pautan hiper ini dipanggil pautan utama, dan kawasan halaman yang anda ambil apabila anda mengklik pautan itu dipanggil jangkar. Jika anda pernah menggunakan pautan "kembali ke atas" di bahagian bawah halaman web, anda mengklik pada pautan ke jangkar.

KompoZer membolehkan anda membuat penanda yang boleh anda sambungkan dengan menggunakan alat Anchor pada bar alat.

1. Klik pada bahagian halaman anda di mana anda mahu jangkar. Iaitu, di mana anda mahu penonton halaman diambil apabila pautan anjung diklik. Untuk contoh ini, saya mengklik sebelum "F" di tajuk Muzik Kegemaran.
2. Klik butang Anchor pada bar alat. Kotak dialog Properties yang Dinamakan Anchor muncul.
3. Setiap sauh pada halaman memerlukan nama yang unik. Untuk sauh ini, saya menggunakan nama "muzik".
4. Klik OK, dan anda harus lihat, dan simbol utama muncul di tempat yang anda mahukan jangkar. Simbol ini tidak akan muncul di halaman web anda, ini adalah bagaimana KompoZer menunjukkan kepada anda di mana sauh anda.
5. Ulangi prosedur untuk mana-mana bidang lain di mana anda mahu pengguna dapat melompat ke. Sekiranya anda mempunyai banyak teks pada halaman yang dipisahkan oleh tajuk atau beberapa pembahagi logik yang lain, sauh adalah cara mudah menavigasi halaman.

Seterusnya, kami akan mewujudkan pautan yang membawa pembaca ke sauh yang anda buat.

03 dari 05

Mewujudkan Navigasi Halaman Dengan KompoZer

Sekarang bahawa anda mempunyai sauh pada halaman anda, mari kita buat pautan yang akan digunakan sebagai jalan pintas kepada sauh-sauh itu. Untuk tutorial ini, saya buat satu baris, 4 jadual lajur di bawah tajuk atas halaman. Setiap sel jadual mengandungi teks yang sama seperti salah satu tajuk kategori yang digunakan untuk memisahkan pautan pada halaman. Kami akan membuat teks dalam setiap sel-sel jadual ini pautan kepada penanda yang sepadan.

04 dari 05

Mencipta Hyperlinks Untuk Anchors Dengan KompoZer

Sekarang bahawa kami mempunyai sauh kami di tempat dan teks yang kami akan gunakan untuk navigasi halaman yang dimasukkan, kami boleh menghidupkan ketulan teks tersebut menjadi pautan. Kami akan menggunakan butang Pautan sekali lagi, tetapi kali ini ia akan berfungsi sedikit berbeza.

1. Pilih teks yang anda mahu menjadi pautan. Dalam contoh ini, saya memilih teks "Muzik Kegemaran" yang berada di dalam sel jadual pertama di sepanjang bahagian atas halaman.
2. Klik butang Pautan pada bar alat. Kotak dialog Properties Link akan dibuka.
3. Dalam kes ini, kami memilih teks sebelum kami mengklik butang Pautan, jadi bahagian Pautan Teks di tetingkap sudah diisi dan tidak boleh diedit. Klik anak panah ke bawah di bahagian Lokasi Pautan. Anda akan melihat senarai sauh yang anda buat dalam langkah-langkah sebelumnya. Untuk contoh ini, saya pilih #music anchor.
4. Klik OK. Teks "Muzik Kegemaran" dalam bar navigasi menjadi pautan yang akan menyebabkan penonton melompat ke bahagian itu pada halaman apabila diklik.

Anda akan melihat bahawa setiap penanda bernama dalam menu drop-down mempunyai tanda "#" di hadapannya. Inilah cara anda membuat pautan ke penanda dalam HTML. "#" Di depan nama utama memberitahu penyemak imbas bahawa pautan ini membawa anda ke tempat lain pada halaman yang sama.

05 dari 05

Mencipta Hyperlink Daripada Imej Dengan KompoZer

Adakah anda tahu bahawa anda boleh membuat pautan daripada imej serta teks? KompoZer membolehkan anda melakukan ini menggunakan hanya beberapa klik. Di sini saya telah memasukkan imej ikon kecil yang menunjukkan anak panah menunjuk ke atas dan teks "TOP" di bahagian bawah halaman. Saya akan menggunakan imej ini sebagai pautan untuk melompat semula ke bahagian atas halaman.

1. Klik kanan pada imej dan pilih Imej dan Pautan Properties dari label konteks. Kotak dialog Properties Imej akan dibuka.
2. Pada tab Lokasi, anda akan melihat nama fail imej dan paparan imej kecil sudah diisi. Anda harus memasukkan beberapa teks dalam kotak teks Alternate. Inilah yang muncul apabila anda menggerakkan tetikus anda ke atas imej, dan juga apa yang dibaca oleh pembaca skrin apabila orang cacat penglihatan membaca halaman web.
3. Klik pada tab Link. Di sini anda boleh memilih jangkar dari menu, seperti yang kita lakukan dengan pautan jangkar. Malah, imej ini digunakan sebagai pautan utama. Saya memilih #Links_Of_Interest utama yang akan membawa kita kembali ke atas.
4. Klik OK. Imej kini menghubungkan kembali ke bahagian atas halaman apabila diklik.