Linkler yani bağlantılar bir web sitesi oluşturabilmek için bilinmesigereken en önemli konudur. Bildiğiniz üzere geçen dersimizde sadece tekbir web sayfası yamıştık. Takdir edeceğiniz gibi internetteki sitelersadece bir sayfadan ibaret omuyor bazen onlarca bazen yüzlerce bazendebinlerce 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şleryapabilmek için linkleri iyi bir şekilde öğrenmek gerekiyor.
Biz linkler konusuna girerken daha çok kendi sitemiz içerisinde başakabir sayfaya bağlantı yapma meselesi üzerine konuştuk ama işin dahabaşka boyutları olduğunu hatıratmak lazım sanırım. Mesela sayfanızdaintenetteki bir siteye link vermek isterseniz farklı bir method yadasize e-mail gönderebilmeleri için bir link yapmak isterseniz başka birmetod veya sayfanız içinde bir bölümden başka bir bölüme link vermekisterseniz yine başka bir metod kullanmanız gerekecektir.
Site içinde sayfalar arası linkler : Bir ana sayfaya alt sayfalarınbağlantısını yapmak. Tabiki alt sayfalardan ana sayfaya ya da daha altsayfalara bağlantı yapmak da mümkün. Ama biz işi fazlakarmaşıklaştırmadan bağlantıyı nasıl yapacağımızı gösterelimisterseniz. Öncelikle ilk yapmanız gereken sitenizi oluşturacağınız vetüm resim ve dosyalarınızın içinde bulunacağı bir klasör oluşturmak. Buişlemi File menüsünden New Folder ifadesini seçerek sonra karşımızagelen yeni klasörün ismini kendi ismimizde yada istediğimiz bir isimdedeğiştirerek yapacağız. Bu işlem bittikten sonra sitemizdekullanacağı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 tekeroluşturarak aynı klasörün içerisine kaydetmemiz gerekiyor. Buiş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çinbö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çingereklidir. Sayfalarımızı tek tek oluşturup kalsörümüze kaydettiysekindex.html sayfasını Dreamweaver da açalım. Daha sonra link vermekistediğimiz yazıyı seçelim. Sonra yine özellikler panelinde Linkyazısının karşısındaki klasör resmine birkez tıklayalım. Şimdikarşımıza "Selcet File" isimli bir pencere gelecek. Gelecek bupencereden bağlantı yapmak istediğimiz dosyayı seçelim ve enter tuşunabasalı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çipaynı işlemleri tekrarlayalım.
Tüm linkleri yaptıktan sonra alt sayfalarımızı Dreamweaver'da açaraksayfaları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 buyazı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 oradanda 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 dagösterilecektir. Burada linklerinize tıklayarak test ediniz.
Linklerinizi düzgün yaptıysanız yazının üzerine geldiğinizde fareimleci el şeklini alacaktır. Bu bu yazıda bir link olduğu anlamıdangelir. Şimdi fareyi tıkayın ve link verdiğiniz sayfaya gidin, buradanda ana sayfaya dönüş için yaptığınız linke tıklayarak ana sayfayadönün. evet bu iş bu kadar.
Site Dışı Linkler : Web sayfamızdan internetteki bir sayfaya linkvermek 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 isminisayfamı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 tamadresini yazalım. Burada dikkat etmemiz gereken bir husus var, ÖrneğinBarbetto'ya link vermek istersek link kısmına www.barbetto.com yazmanızyeterli olmayacak ve linkiniz çalışmayacaktır. Adresi tam olarakhttp://www.barbetto.com şeklinde yazmamız gerekiyor. Eğer verdiğinizlinkin yeni bir sayfada açılmasını istiyorsanız target olarak _blank'iseçmeniz lazım. Bu genellikle internete verilen linklerede sıkkullanılan bir özelliktir.
E-mail Linkleri : Web sayfalarında görmüşsünüzdür. Sayfayı tasarlayankiş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 linketıkladığınızda bilgisayarınızda Outlook programınız çalışır vegönderilecek kişi kısmında o kişinin e-mail adresi yazar bu hemen hemenherkesin başına gelmiştir sanırım. İşte bu şekilde linklerin nasılyapı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 linkvereceğimiz yazıyı yazıyoruz (mesela E-mail Gönderin gibi) ve bu yazıyıfare ile seçtikten sonra properties panelinde link kutucuğunamailto:info@tiannowebtasarim.com gibi adresimizi yazıyoruz ve entertuşuna basıyoruz. İkinci e-mail linki ekleme metodu iste objectpanelini kullanmak. Bu daha kolay bir yöntem. Bunun için sayfadaherhangi bir yazı yazmıyoruz sadece mail linkini vermek istediğimizyere fareyi konumlandırıyoruz sonra object panelinden insert E-maillink butonuna basıyoruz. Buradan da karşımıza gelecek pencerede üsttarafa linkin yazısını alt tarafa da email adresimizi yazıyoruz veenter tuşuna basıyoruz.
Sayfa İçi Linkler : Bazen web sayfalarımız çok uzun olabilir. Bu gibidurumlarda sayfamızın kolay kullanılabilir olamsını sağlamak içinsayfada bir bölümden diğer bir bölüme, sayfanın sonundan başına linkvermemiz 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şaretkoymamız gerekiyor. İşaret koyacağımız yere fareyi konumlandırdıktansonra çapa işaretine tıklıyoruz. Karşımıza aşağıdaki gibi bir penceregelecektir. Bu pencerede Name yazan yere bir isim vermemiz gerekiyor buisimde türkçe karekter kullanmamaya dikkat edelim. Sonra da yineenter...
Şimdi işaret koyduğumuz yere sayfanın istediğimiz yerinde linkverebiliriz. Link vermek için link yazısını seçelim (biz sayfanınsonunda başına link verdiğimizi varsayıyoruz.) Properties panelindelink kutucuğuna şeklinde diyez ve sonrasında da az önce çapayaverdiğ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.
