.:.Front Page.:.

Bu dersimizde sayfada bulunan yazilara link(baglanti) ve resim eklemeyi ögrenecegiz. Linkler bir sayfayi baska bir sayfaya baglamaya yarayan bir araçtir(üzerine gelince el isareti çikan yazilar). Tanimda da gördügünüz gibi linklerin olusmasi için birden fazla sayfanin var olmasi gerekiyor. Örnegin: Anasayfamiza "Müzik" adli yeni baslik atmak istiyoruz. Yani, anasayfa'da "Müzik" yazisini tiklayinca "Müzik"'le ilgili sayfaya gitmesini istiyoruz. "Müzik" sayfasi olmadan anasayfada öyle bir basligin olmasi bir anlam tasimiyor. Dolayisiyla link yapmak istedigimiz sayfayi önceden yapmamiz gerekecektir.

Simdi "Orneksayfa"'miza girerek anasayfamizi(index.htm) açalim. Anasayfamiza yeni baslik ekleyecegiz ve bu basliga link baglantisi yapacagiz. Link baglantisi yapmaniz için tablo.htm dosyasini kullanabiliriz. Anasayfanin herhangi bir yerine "Tablo" yazarak yazdigimiz kelimeyi seçelim(mouse'la kelimenin basina gelerek sol tiklayip saga dogru sürükleyin veya "Tablo" yazisinin ortasina gelerek 2 defa tiklayiniz). (Bkz.Resim-1)

Anasayfamizin orta kismina "Tablo" yazip, yaziyi seçiyoruz.

Resim-1

"Tablo" yazisini seçtikten sonra FrontPage Editörü'nün üst kisminda yer alan "Create or Edit Hyperlink" komutuna tiklayarak(Bkz.Resim-2) karsimiza çikan menüden baglantiyi yapmak istedigimiz dosyayi(tablo.htm) seçiyoruz(Bkz.Resim-3). Bu islemi en üste yer alan "Insert" komutuna girdikten sonra Hyperlink özelligini seçerek veya kisayol tusu olan CTRL+K tusuna basarak da gerçeklestirebilirsiniz.(Dikkat: Link koymaniz için yazi mutlaka seçili olmali).

FrontPage Editörü'nün üst kisminda yer alan "Create or Edit Hyperlink" komutuna tiklayarak Resim-3'teki menü karsiniza gelecektir.

Resim-2

Karsiniza soldaki menü gelince "Orneksayfa"'nin yerini belirleyiniz(1).Daha sonra tablo.htm dosyamizi bir kere tiklayiniz(2). URL: kisminda linkimizi görebiliriz(3). "OK" dedikten sonra baglanti yapilmis olacaktir.

Resim-3

Resim-3 de Look In(1) bölümü hangi klasörün içinde bulundugumuzu göstermektedir.

2 numarali kisim ise "Orneksayfa" klasörünün altinda yer alan dosyalari göstermektedir. Listeden tablo.htm dosyasini seçiyoruz.

URL:(3) kismi ise link(baglanti)'imizin uzantisini gösteriyor.

Bu islemlerden sonra "Preview" komutunu tiklayip yapmis oldugunuz linki deneyebilirsiniz. "Tablo" yazisinin üzerine gelince bir el isareti çikacak ve tiklayinca da tablo.htm dosyasi açilacaktir.

*Link renklerini belirlemek için "Page Properties" komutuna tikladiktan sonra karsiniza çikan menünün üst kismindan "Background" komutunu seçiniz. Açilan pencerenin sag alt kisminda üç baslik altinda(Hyperlink,Visited Hyperlink,Active Hyperlink) Link renkleri ayarlanabiliyor.

Geçelim resim eklemeye ve ayarlarina. Internette kullanacaginiz resimlerin uzantilarinin "jpg" ve "gif" olmasina ve boyutlarinin da çok olmamasina dikkat ediniz. Çünkü baglantisi yavas olan kullanicilar için resimlerin açilmasi eglenceden daha çok iskenceye dönüsüyor. Dolayisiyla sayfaniza resim koysaniz bile mümkün oldugunca küçük olmasina dikkat ediniz. Daha büyük resme ulasmasi için küçük resme tiklayarak görmesini saglayabilirsiniz. O tamamiyle sizin yaraticiliginiza bagli birsey:-)

Daha önce de söyledigim gibi resimleri genellikle "Photoshop" türü programlarda olusturuyoruz. "Photoshop" programini daha sonraki derslerde anlatmayi düsünüyorum ama simdilik bir örnek resim(ayi.gif) üzerinde çalisacagiz.

Öncelikle Tablo.htm dosyamizi açalim(FrontaPage Editör'ün sol üst kismindan File ordanda Open). Açtigimiz tablo.htm dosyasina daha önceden bir tablo eklemistik isterseniz o tablomuzun içinde birde resim ekleyelim. Bunun için yine FrontaPage Editör'ün üst kisminda yer alan komutlardan birini kullanacagiz(Bkz.Resim-4). Ekleyecegimiz resim "Orneksayfa"'mizin içinde ayi.gif (hangi hayvan oldugunu bulana hediye :-) ) adiyla kaydedilmistir.