Bir web sitesi oluştururken, unsurlarının tasarımının bilgiye erişim kolaylığı nedeniyle yeni kullanıcıları çekmeye katkıda bulunması önemlidir. Tıklanabilir öğe - ziyaretçi tarafından fark edilebilir ve anlaşılabilir bir yazı, yani. bağlantıya tıklamak için bir kişiyi elden çıkarır. Bu efekt, renkli ve sezgisel grafik ekler ile elde edilebilir.
Talimatlar
Aşama 1
Tıklanabilir olarak adlandırılan başlık, kullanıcının dikkatini çekmeli ve sayfa içeriğinin geri kalanından ayrılmalıdır. Unutulmamalıdır ki, elemanın belirli bir işlevi olması gerekir ve kullanıcı bu bağlantıya tıkladıktan sonra hangi menü öğesine gideceğini bilmelidir.
Adım 2
Tıklanabilir bir metin kutusu oluşturmak için grafik öğelerini kullanabilirsiniz. Herhangi bir grafik düzenleyicide, üzerinde bir yazı bulunan sitenin renk tasarımınıza uygun bir düğme çizin. Web yöneticileri için resim çizmeye ayrılmış siteleri ziyaret ederek İnternet'teki hazır grafik çözümlerinden de yararlanabilirsiniz.
Aşama 3
Resmi yükledikten sonra, onu sayfanın HTML koduna eklemeniz gerekir. Bunu yapmak için, dosyaya sağ tıklayıp "Birlikte aç" bölümünü seçerek site belgesini bir metin düzenleyicide açın. Görüntülenen uygulamalar listesinde, sayfaları düzenlemek için kullandığınız düzenleyiciyi belirtin. Standart Windows Not Defteri'ni de kullanabilirsiniz.
4. Adım
Yazıyı eklemek istediğiniz kodun bölümüne gidin. Ardından uygun tanımlayıcıyı girin. Örneğin:
Adım 5
Bu kod, "address_to_transition", kullanıcının başlığa tıkladıktan sonra yönlendirileceği sayfa olduğu bir grafik öğesi biçiminde bir bağlantı oluşturacaktır. "Path_to_Image", düğme dosyanızın bulunduğu yerdir. Bir görüntüyü bulmakta güçlük çekmemek için, onu sayfa dosyasıyla aynı dizine yerleştirin ve src parametresinde tam adı belirtin. Genişlik ve yükseklik parametreleri görüntünün boyutunu piksel cinsinden gösterir, örneğin 100 ve 50.
6. Adım
Dosyadaki değişiklikleri kaydedin ve "Birlikte Aç" menüsünü kullanarak bir tarayıcıda açın. Tıklanabilir etiketin oluşturulması artık tamamlanmıştır. Resim görüntülenmiyorsa, kodun doğruluğunu ve resim için belirtilen yolu kontrol edin.
