Navigasyon Menüsü Nasıl Yapılır

İçindekiler:

Navigasyon Menüsü Nasıl Yapılır
Navigasyon Menüsü Nasıl Yapılır

Video: Navigasyon Menüsü Nasıl Yapılır

Video: Navigasyon Menüsü Nasıl Yapılır
Video: Navigasyon Menüsü Oluşturmak - jQuery Mobile 2024, Mayıs
Anonim

Ziyaretçilerin sitede kaybolmaması ve herhangi bir sayfadan kaynağın istenilen bölümüne ulaşabilmesi için navigasyon menüsü yapılması gerekmektedir. İşaretleme öğeleri, web sayfalarına metnin okunmasını engellemeyecek ve aynı zamanda sitede kolayca bulunabilecek şekilde yerleştirilmelidir. Ziyaretçiler ilgili kelimelere veya resimlere tıklayarak kaynağın gerekli bölümlerine ulaşabilirler. Kaynağa böyle bir menü sağlamak için sitenin gerekli bölümlerine basit bir kod girmek yeterlidir.

Navigasyon menüsü nasıl yapılır
Navigasyon menüsü nasıl yapılır

Gerekli

  • - kendi sitenizde birkaç sayfa veya bölümün varlığı
  • - sitenin temasında birkaç küçük simge
  • - siteye nasıl resim yükleneceğini bilmek

Talimatlar

Aşama 1

Bir menü çubuğunu bağlantı yapmak için şu şekilde yazın:

ANA SAYFA

Bu girişte, http: ⁄ ⁄website.ru yerine istediğiniz sayfanın URL'sini girin.

Adım 2

Metin bağlantılarından oluşan yatay bir menünün kodu aşağıdaki gibi yazılmıştır:

ANA SAYFA

|

GALERİ

|

FORUM

|

ZİYARETÇİ DEFTERİ

Aşama 3

Dikey konturlar, bir satırdaki menü öğeleri arasında sınırlayıcı görevi görür. "|" karakterini ayarlamak için klavyeden, İngilizce düzende bir parmağınızla Shift tuşunu basılı tutmanız ve diğeriyle - "b" harfinin sağında bulunan "| / " düğmesini seçin. Menü öğelerinin birbirinden aralıklı olması için vuruştan önce ve sonra bir boşluk bıraktığınızdan emin olun.

4. Adım

Aşağıdaki girişi kullanarak bağlantılardan dikey bir menü oluşturabilirsiniz:

ANA SAYFA

GALERİ

FORUM

ZİYARETÇİ DEFTERİ

Adım 5

Bu durumda menü bölümlerinin ayırıcısı etikettir., onu izleyen metni yeni bir satıra kaydırır.

6. Adım

Menü öğelerini kelime veya kelime öbeği şeklinde değil, bağlantı görevi görecek resimler şeklinde yapmak istiyorsanız, önce siteyi kaynağın gezinmesinde kullanılacak tüm resimlerle doldurun.

7. Adım

Bir web sayfasına resim yerleştirmek için bu kodu doğru yere koymanız gerekir: Kendi resminizi yerleştirmek için http:⁄ ⁄website / resimler / 1.png

8. Adım

Grafik menüsünün her bir öğesini şu şekilde yazın:

Bu kodda, http: ⁄ ⁄website.ru adresini istediğiniz adresle ve istediğiniz resmin koduyla değiştirin.

9. Adım

Bu şekilde resimlerden oluşan yatay bir menü oluşturabilirsiniz:

Adım 10

Bu kodda hücrelerdeki tüm resimler tablonun bir satırında yer almaktadır. Tablonun piksel olarak değil, yüzde olarak ayarlanan genişliği, ekran çözünürlüğünden bağımsız olarak tablo içeriğinin pencerenin tam genişliğine uzatılmasına izin verir. Etiketler:

ve

bir tablo satırı oluşturun ve

ve

- hücrelerden biri.

11. Adım

Siteye böyle bir grafik menü yerleştirmek için, koddaki bağlantıları, resimlere giden yolları ve kaynak bölümlerinin adlarını kendinizinkiyle değiştirin.

Önerilen: