Link Verme

Linkler yani bağlantılar bir web sitesi oluşturabilmek için bilinmesi gereken en önemli konudur. Bildiğiniz üzere geçen dersimizde sadece tek bir web sayfası yamıştık. Takdir edeceğiniz gibi internetteki siteler sadece bir sayfadan ibaret omuyor bazen onlarca bazen yüzlerce bazende binlerce sayfadan oluşan sitelere rastlamanız mümkün. Bu kadar sayfayı ana bir çatı altında toplamak ve bu sayfalar arasında geçişler yapabilmek için linkleri iyi bir şekilde öğrenmek gerekiyor.

Biz linkler konusuna girerken daha çok kendi sitemiz içerisinde başaka bir sayfaya bağlantı yapma meselesi üzerine konuştuk ama işin daha başka boyutları olduğunu hatıratmak lazım sanırım. Mesela sayfanızda intenetteki bir siteye link vermek isterseniz farklı bir method yada size e-mail gönderebilmeleri için bir link yapmak isterseniz başka bir metod veya sayfanız içinde bir bölümden başka bir bölüme link vermek isterseniz yine başka bir metod kullanmanız gerekecektir.

Site içinde sayfalar arası linkler : Bir ana sayfaya alt sayfaların bağlantısını yapmak. Tabiki alt sayfalardan ana sayfaya ya da daha alt sayfalara bağlantı yapmak da mümkün. Ama biz işi fazla karmaşıklaştırmadan bağlantıyı nasıl yapacağımızı gösterelim isterseniz. Öncelikle ilk yapmanız gereken sitenizi oluşturacağınız ve tüm resim ve dosyalarınızın içinde bulunacağı bir klasör oluşturmak. Bu işlemi File menüsünden New Folder ifadesini seçerek sonra karşımıza gelen yeni klasörün ismini kendi ismimizde yada istediğimiz bir isimde değiştirerek yapacağız. Bu işlem bittikten sonra sitemizde kullanacağımız tüm resimleri bu klasörün içerisine kopyalamamız lazım. Daha sonra da sitemizin ana sayfasını ve alt sayfalarını teker teker oluşturarak aynı klasörün içerisine kaydetmemiz gerekiyor. Bu işemleride tamamladıysanız sıra geldi sayfaları birbirine bağlamaya.

Bu arada şunuda söylemek lazım. Ana sayfamız olacak olan giriş sayfasının ismi mutlaka index.html şeklinde olmalı. Alt sayfalar için böyle bir şart yok ama lat sayfaların ismi içinde uyulması gereken bazı kurallar var.

1- Dosya isimleri küçük harfle oluşturulmalı,
2- Dosya isimlerinde ş,ı,ç,ğ,ü,ö gibi türkçe karakterler kesinlikle kullanılmamalı,
3- Dosya isimleri birden fazla kelimden oluşuyorsa kelimeler arasında boşluk bırakılmamalı.

Bu kurallara uymanız linklerin sağlıklı bir şekilde çalışması için gereklidir. Sayfalarımızı tek tek oluşturup kalsörümüze kaydettiysek index.html sayfasını Dreamweaver da açalım. Daha sonra link vermek istediğimiz yazıyı seçelim. Sonra yine özellikler panelinde Link yazısının karşısındaki klasör resmine birkez tıklayalım. Şimdi karşımıza "Selcet File" isimli bir pencere gelecek. Gelecek bu pencereden bağlantı yapmak istediğimiz dosyayı seçelim ve enter tuşuna basalım. Link verdiğimiz yazının rengi değişecek ve altı çizilecektir. Aynı şekilde diğer link vermek istediğimiz yazıları da tek tek seçip aynı işlemleri tekrarlayalım.

Tüm linkleri yaptıktan sonra alt sayfalarımızı Dreamweaver'da açarak sayfaların en altına yazmış olduğumuz ana sayfaya dönüş yazısını seçerek index.html dosyasına link verelim. Link verilen yazıyı seçtiğinizde özellikler penceresinde link vermiş olduğumuz dosyanın adı ve uzantısını görürsünüz. Eğer linkinizde herhangi bir hata varsa bu yazıyı silerek link işlemini tekrarlayınız. Daha sonra da linklerin çalışıp çalışmadığını test etmek için My Computer'den Hard diski oradan da Klasörünüzü seçin, klasörün içinden de index.html isimli dosyayı seçip Enter tuşuna bastığınızda sayfanız Internet Explorer da gösterilecektir. Burada linklerinize tıklayarak test ediniz.

Linklerinizi düzgün yaptıysanız yazının üzerine geldiğinizde fare imleci el şeklini alacaktır. Bu bu yazıda bir link olduğu anlamıdan gelir. Şimdi fareyi tıkayın ve link verdiğiniz sayfaya gidin, buradan da ana sayfaya dönüş için yaptığınız linke tıklayarak ana sayfaya dönün. evet bu iş bu kadar.

Site Dışı Linkler : Web sayfamızdan internetteki bir sayfaya link vermek istediğimiz zaman sitemiz dışına bir bağlantı yapmamız gerekir. Bu tür bir bağlantı yapmak için link vereceğimiz sitenin ismini sayfamıza yazalım. Sonra bu yazıyı fare ile seçerek Properties yani özellikler panelinde Link yazısının karşısındaki kutucuğa sitenin tam adresini yazalım. Burada dikkat etmemiz gereken bir husus var, Örneğin Barbetto'ya link vermek istersek link kısmına www.barbetto.com yazmanız yeterli olmayacak ve linkiniz çalışmayacaktır. Adresi tam olarak http://www.barbetto.com şeklinde yazmamız gerekiyor. Eğer verdiğiniz linkin yeni bir sayfada açılmasını istiyorsanız target olarak _blank'i seçmeniz lazım. Bu genellikle internete verilen linklerede sık kullanılan bir özelliktir.

E-mail Linkleri : Web sayfalarında görmüşsünüzdür. Sayfayı tasarlayan kişi genellikle " E-mail Gönderin, Bize Yazın, Görüşlerinizi yazın vb." şeklinde yazılar ile kendisine e-mail atılmasını ister ve siz bu linke tıkladığınızda bilgisayarınızda Outlook programınız çalışır ve gönderilecek kişi kısmında o kişinin e-mail adresi yazar bu hemen hemen herkesin başına gelmiştir sanırım. İşte bu şekilde linklerin nasıl yapıldığını bu bölümde öğrenmeye çalışacağız.

Sayfamızda e-mail linki oluşturmanın iki yolu var irinci yol; aynı internette bir siteye link verdiğimiz zaman yaptığımız gibi link vereceğimiz yazıyı yazıyoruz (mesela E-mail Gönderin gibi) ve bu yazıyı fare ile seçtikten sonra properties panelinde link kutucuğuna mailto:info@tiannowebtasarim.com gibi adresimizi yazıyoruz ve enter tuşuna basıyoruz. İkinci e-mail linki ekleme metodu iste object panelini kullanmak. Bu daha kolay bir yöntem. Bunun için sayfada herhangi bir yazı yazmıyoruz sadece mail linkini vermek istediğimiz yere fareyi konumlandırıyoruz sonra object panelinden insert E-mail link butonuna basıyoruz. Buradan da karşımıza gelecek pencerede üst tarafa linkin yazısını alt tarafa da email adresimizi yazıyoruz ve enter tuşuna basıyoruz.

Sayfa İçi Linkler : Bazen web sayfalarımız çok uzun olabilir. Bu gibi durumlarda sayfamızın kolay kullanılabilir olamsını sağlamak için sayfada bir bölümden diğer bir bölüme, sayfanın sonundan başına link vermemiz gerekir.(örneğin bir bu sayfada bu teknik kullanılmıştır.) Bunun için yapmamız gereken önce object panelimizin görünümünü değiştirmek olacaktır. Sonra sayfada link vereceğimiz bölümlere işaret koymamız gerekiyor. İşaret koyacağımız yere fareyi konumlandırdıktan sonra çapa işaretine tıklıyoruz. Karşımıza aşağıdaki gibi bir pencere gelecektir. Bu pencerede Name yazan yere bir isim vermemiz gerekiyor bu isimde türkçe karekter kullanmamaya dikkat edelim. Sonra da yine enter...

Şimdi işaret koyduğumuz yere sayfanın istediğimiz yerinde link verebiliriz. Link vermek için link yazısını seçelim (biz sayfanın sonunda başına link verdiğimizi varsayıyoruz.) Properties panelinde link kutucuğuna şeklinde diyez ve sonrasında da az önce çapaya verdiğimiz ismi yazıyor ve enter tuşuna basıyoruz (diyez işaretini çıkartmak için klavyeden Alt Gr tuşu ile birlikte 3 tuşuna basınız). Şimdi sayfamızı kaydedip internet explorer da test edebiliriz.