Bir belgede sizi başka bir belgeye götüren bir bağlantı oluşturma yeteneği, belki de dünyanın dört bir yanına yayılmış bir ağ üzerinde, World Wide Web'in icat edildiği en önemli nedenlerden biridir. Köprüler olarak adlandırılan bu bağlantılar, HTML - Köprü Metni Biçimlendirme Dili'nde “H” dir. Köprüler olmadan, web çok kullanışlı olmazdı. Arama motorları, sosyal medya veya banner reklamları olmazdı (tamam, çoğumuz bunları görmek için bekleyebiliriz).
Kendi web sayfalarınızı oluştururken, köprüler oluşturmak isteyeceksiniz ve KompoZer herhangi bir türden bağlantı eklemeyi kolaylaştıran araçlara sahiptir. Bu derste görüntülenen örnek sayfa, diğer web sitelerine dört kategoride, aynı web sayfasının diğer bölümlerine bağlantılar içerecek ve bir e-posta mesajı başlatacaktır. Her kategori için bir başlık ve dört H3 başlığı ile başlayacağım. Bir sonraki sayfada bazı bağlantılar ekleyeceğiz.
05/05
KompoZer ile Köprü Oluşturma
KompoZer'in köprü araçlarına araç çubuğundaki Link (Link) butonuna tıklayarak erişilir. Köprü oluşturmak için:
- İmlecinizi, köprünün görünmesini istediğiniz sayfaya yerleştirin.
- Araç çubuğundaki Bağlantı düğmesini tıklayın. Bağlantı Özellikleri iletişim kutusu görünecektir.
- Doldurmanız gereken ilk alan Bağlantı Metni kutusudur. Köprünüz için sayfada görünmesini istediğiniz metni yazın.
- Doldurmanız gereken ikinci alan Bağlantı Yeri kutusu. Köprünün tıklandığında kullanıcıyı alacağı sayfanın URL'sini yazın. URL’yi tarayıcınızın adres çubuğundan kopyalayıp yapıştırmak iyi bir fikirdir. Bu şekilde bir hata yapma olasılığınız çok düşüktür ve en azından bağlantı oluşturduğunuz anda sayfanın canlı olduğunu ve bağlantının bozuk olmadığını bilirsiniz.
- Tamam'a tıklayın ve Bağlantı Özellikleri iletişim kutusu kapanacak. Bağlantınız artık sayfanızda görünecek.
Çoğu tarayıcıda, köprü varsayılan olarak mavi altı çizili metinde görünecektir. Kendi tarzlarınızı KompoZer ile köprülere uygulayabilirsiniz, ancak şimdilik temel köprüyle bağlı kalacağız. Sayfanızı bir web tarayıcısında önizlemek ve çalıştıklarından emin olmak için bağlantılara tıklamak iyi bir fikirdir.
02/05
KompoZer ile Bir Bağlantı Oluşturma
Tıklandığında aynı web sayfasının başka bir bölümüne götüren başka bir tür köprü vardır. Bu tür bir köprüye bir bağlantı adı verilir ve bu bağlantıyı tıkladığınızda aldığınız sayfanın alanı çapa olarak adlandırılır. Bir web sayfasının en altındaki "başa dön" bağlantısını kullandıysanız, bir bağlantıya bağlantı tıklıyorsunuz demektir.
KompoZer, araç çubuğundaki Çapa aracını kullanarak bağlantı kurabileceğiniz bağlantı oluşturmanıza olanak tanır.
- Bir çapa istediğiniz sayfanın alanına tıklayın. Yani, bağlantı sayfası tıklandığında sayfanın görüntülenmesini istediğiniz yere. Bu örnekte, Favori Müzik başlığında “F” den hemen önce tıklamıştım.
- Araç çubuğundaki Çapa düğmesini tıklayın. Adlandırılmış Çapa Özellikleri iletişim kutusu görüntülenir.
- Bir sayfada bulunan tüm bağlantıların benzersiz bir adı olmalıdır. Bu çapa için “müzik” adını kullandım.
- Tamam'ı tıklayın, görmeli ve bağlantıyı istediğiniz yere bağlantı sembolü belirir. Bu sembol, web sayfanızda görünmeyecektir, KompoZer'in size çapalarınızın nerede olduğunu gösterdiği yoldur.
- Sayfanın kullanıcılara atlayabilmesini istediğiniz diğer alanların prosedürlerini tekrarlayın. Sayfada başlıklar veya başka bir mantıksal bölenle ayrılan çok fazla metin varsa, çapalar bir sayfada gezinmenin kolay bir yoludur.
Ardından, okuyucuyu oluşturduğunuz bağlantılara götüren bağlantıları yaratacağız.
03/05
KompoZer ile Sayfa Gezinme Oluşturma
Artık sayfanızda çapalarınız olduğu için, bu çapalara kısayol olarak kullanılacak bağlantıları oluşturalım. Bu eğitim için sayfanın üst başlığının altında 1 satır, 4 sütun tablosu oluşturdum. Her bir tablo hücresi, sayfadaki bağlantıları ayırmak için kullanılan kategori başlıklarından biriyle aynı metni içerir. Bu tablo hücrelerinin her birinde metni ilgili çapaya bir bağlantı yapacağız.
04/05
KompoZer ile Ankrajlara Köprüler Oluşturmak
Artık bağlantı noktalarımız var ve sayfa gezinme için kullanacağımız metin girildi, bu düz metin parçalarını bağlantılara dönüştürebiliriz. Link butonunu tekrar kullanacağız, ancak bu sefer biraz farklı çalışacak.
- Bağlantıya dönüştürmek istediğiniz metni seçin. Bu örnekte, sayfanın üst kısmındaki ilk tablo hücresindeki "Favori Müzik" metnini seçtim.
- Araç çubuğundaki Bağlantı düğmesini tıklayın. Bağlantı Özellikleri iletişim kutusu açılır.
- Bu durumda Link butonunu tıklamadan önce metni seçtik, bu yüzden pencerenin Link Text bölümü zaten doldurulmuş ve düzenlenemez. Bağlantı Konumu bölümünde aşağı oku tıklayın. Önceki adımlarda oluşturduğunuz çapaların bir listesini göreceksiniz. Bu örnekte #music çapa seçiyorum.
- Tamam'a tıklayın. Gezinme çubuğundaki “Favori Müzik” metni, izleyicinin tıklandığında sayfanın o bölümüne atlamasına neden olacak bir bağlantıya dönüşür.
Açılan menüdeki her bir çapanın, önünde "#" işareti olduğunu fark edeceksiniz. HTML'de bir bağlantıya nasıl link oluşturacağınız budur. Bağlantı adının önündeki “#”, tarayıcıya bu bağlantının sizi aynı sayfada başka bir yere götürdüğünü söyler.
05/05
KompoZer ile Bir Görüntüden Bir Köprü Oluşturma
Görsellerin yanı sıra metinlerden de bir bağlantı oluşturabileceğinizi biliyor muydunuz? KompoZer bunu sadece birkaç tıklama kullanarak yapmanızı sağlar. Burada yukarı doğru işaret eden bir ok ve sayfanın en altındaki "TOP" metnini gösteren küçük bir simge görüntüsü ekledim. Bu resmi sayfanın başına geri dönmek için bir bağlantı olarak kullanacağım.
- Bir resme sağ tıklayın ve içerik etiketinden Görüntü ve Bağlantı Özellikleri'ni seçin. Görüntü Özellikleri iletişim kutusu açılacaktır.
- Konum sekmesinde, resmin dosya adını ve daha önce doldurulmuş bir küçük resim görünümünü göreceksiniz. Alternatif metin kutusuna bir metin girmelisiniz. Bu, farenizi görüntü üzerinde hareket ettirdiğinizde ve görme engelli bir kişi web sayfasını okuduğunda bir ekran okuyucu tarafından okunan göründüğünde ortaya çıkar.
- Bağlantı sekmesine tıklayın. Burada, tıpkı çapa bağlantıları ile yaptığımız gibi, menüden bir çapa seçebilirsiniz. Aslında bu görüntü bir çapa bağlantısı olarak kullanılıyor. Bizi geri götürecek #Links_Of_Interest çapa seçtim.
- Tamam'a tıklayın. Görüntü tıklandığında sayfanın üst kısmına geri dönüyor.