Anda dapat membuat navigasi yang nyaman dan intuitif di situs menggunakan tautan. Teknik ini memungkinkan Anda untuk membuat pengguna tetap berada di halaman sumber senyaman mungkin.
instruksi
Langkah 1
Tautan apa pun dibuat menggunakan tag yang harus ditutup. Alamat halaman ditunjukkan dalam tanda kutip setelah atribut href. Hasilnya harus seperti ini:
Situs web
Pergi ke galeri foto
Untuk menavigasi ke halaman yang ada di ruang Internet, tunjukkan alamatnya, misalnya, KakProsto.ru. Untuk terhubung ke file html di komputer Anda, tulis jalurnya. Idealnya, disarankan untuk beralih ke bahasa Inggris untuk menghilangkan catatan panjang yang muncul saat menyalin teks berbahasa Rusia dengan terjemahan selanjutnya ke dalam format yang diperlukan. Misalnya, file: /// E: /% D0% A3% D1% 87% D0% B5% D0% B1% D0% B0 / XXX% 20% D0% BF% D0% B0% D0% BF% D0% BA % D0% B0 /% D1% 81% D0% B0% D0% B9% D1% 82% 29% 29% 29/11% 20% D1% 81% D1% 82% D1% 80% 20% D1% 80 % D0% B0% D0% B7% D0% BD% D0% BE% D0% B5 /% D0% BE% D0% B1% D0% BE% 20% D0% B2% D1% 81% D0% B5% D0% BC % 20% D0% B3% D0% BB% D0% B0% D0% B2% D0% BD% D0% B0% D1% 8F.html"
Langkah 2
Tautan dapat diatur dalam bentuk gambar. Untuk melakukannya, lampirkan gambar di antara tag dan:. Untuk membuka ilustrasi lengkap dengan ukuran lebih besar saat Anda mengarahkan kursor ke ikon kecil, Anda perlu menggunakan banyak.
Untuk mengatur perubahan alternatif gambar, yang masing-masing akan disajikan sebagai tautan dan mengarah ke halaman yang berbeda, gunakan kode:
Situs web
div # rotator {posisi: relatif; tinggi: 150 piksel; margin-kiri: 15px;}
div # rotator ul li {mengambang: kiri; posisi: mutlak; gaya daftar: tidak ada;}
div # rotator ul li.show {z-index: 500;}
fungsi Rotator() {
$('div # rotator ul li').css ({opacity: 0.0});
$ ('div # rotator ul li: pertama').css ({opacity: 1.0});
setInterval('putar ()', 5000);
}
fungsi putar () {
var saat ini = ($ ('div # rotator ul li.show')? $ ('div # rotator ul li.show'): $ ('div # rotator ul li: pertama'));
var next = ((current.next (). length)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $('div # rotator ul li: pertama'));
// var saudara = saat ini.saudara ();
// var rndNum = Math.floor (Math.random() * saudara.length);
// var next = $ (saudara kandung [rndNum]);
next.css ({opacity: 0.0})
.addClass ('tampilkan')
.animate ({opacity: 1.0}, 1000);
current.animate ({opacity: 0.0}, 1000)
.removeClass('tampilkan');
};
$ (dokumen).ready (fungsi () {
theRotator();
});
Langkah 3
Agar halaman yang mengarah ke tautan terbuka di jendela terpisah, Anda harus menambahkan atribut: Go.
Langkah 4
Jika dokumen html terlalu panjang, maka Anda dapat meletakkan tautan di dalamnya. Misalnya, di awal, Anda dapat membuat daftar isi, dan ketika Anda mengklik judul tertentu, pengguna akan pindah ke bagian halaman yang diinginkan. Untuk melakukan ini, Anda perlu mendaftarkan tautan dengan ikon #: Buka bagian dan buat bookmark ke tautan: Bagian.
Ini akan terlihat seperti ini:
Situs web
Tautan ke bagian
Bagian
