Bağlantıları kullanarak sitede kullanışlı ve sezgisel bir gezinme oluşturabilirsiniz. Bu teknik, kullanıcının kaynak sayfalarında kalmasını olabildiğince konforlu hale getirmenizi sağlar.
Talimatlar
Aşama 1
Herhangi bir bağlantı, kapatılması gereken bir etiket kullanılarak oluşturulur. Sayfa adresi, href özelliğinden sonra tırnak içinde belirtilir. Sonuç şöyle bir şey olmalı:
İnternet sitesi
Fotoğraf galerisine git
İnternet alanında bulunan bir sayfaya gitmek için adresini belirtin, örneğin KakProsto.ru. Bilgisayarınızdaki html dosyasına bağlanmak için yolunu yazın. İdeal olarak, Rusça bir metin kopyalanırken ortaya çıkan uzun kayıtları ortadan kaldırmak için daha sonra çevirisiyle birlikte gerekli formata İngilizce'ye geçmeniz önerilir. Örneğin, dosya: /// 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"
Adım 2
Bağlantı bir resim şeklinde ayarlanabilir. Bunu yapmak için resmi ve: etiketlerinin arasına alın. Küçük bir simgenin üzerine geldiğinizde daha büyük boyutta tam teşekküllü bir çizim açmak için bir demet kullanmanız gerekir.
Her biri bir bağlantı olarak sunulacak ve farklı sayfalara yönlendirecek alternatif bir resim değişikliği düzenlemek için kodu kullanın:
İnternet sitesi
div # döndürücü {konum: göreceli; yükseklik: 150 piksel; sol kenar boşluğu: 15 piksel;}
div # rotator ul li {float: sol; pozisyon: mutlak; liste stili: yok;}
div # döndürücü ul li.show {z-endeksi: 500;}
Döndürücü işlevi () {
$ ('div # döndürücü ul li').css ({opaklık: 0.0});
$ ('div # döndürücü ul li: ilk') css ({opacity: 1.0});
setInterval ('döndür ()', 5000);
}
işlev döndürme () {
var current = ($ ('div # rotator ul li.show')?
var next = ((current.next (). uzunluk)? ((current.next (). hasClass ('show'))? $ ('div # rotator ul li: first'): current.next ()): $ ('div # döndürücü ul li: ilk'));
// var sibs = current.siblings();
// var rndNum = Math.floor (Math.random () * sibs.length);
// var next = $ (sibs [rndNum]);
next.css ({opaklık: 0.0})
.addClass ('göster')
.animate ({opaklık: 1.0}, 1000);
current.animate ({opaklık: 0.0}, 1000)
.removeClass ('göster');
};
$ (belge).ready (işlev () {
Döndürücü ();
});
Aşama 3
Bağlantının yönlendirildiği sayfanın ayrı bir pencerede açılabilmesi için şu özniteliği eklemelisiniz: Git.
4. Adım
Html belgesi çok uzunsa, içine bağlantılar koyabilirsiniz. Örneğin, en başta bir içindekiler tablosu oluşturabilirsiniz ve belirli bir başlığa tıkladığınızda kullanıcı sayfanın istenen bölümüne hareket edecektir. Bunu yapmak için, # simgeli bir bağlantı kaydetmeniz gerekir: Bölüme gidin ve bağlantılara yer imleri oluşturun: Bölüm.
Bunun gibi görünecek:
İnternet sitesi
Bölüme bağlantı
Bölüm
