link_ve_resim_ekleme.htm

Link ve Resim Ekleme
.:: Link ve resimlerle sayfalarınızı daha interaktif hale getirin ::.
Linkler bir sayfayı başka bir sayfaya bağlamaya yarayan bir araçtır (üzerine gelince el işareti çıkan yazılar). Tanımda da gördüğünüz gibi linklerin oluşması için birden fazla sayfanın var olması gerekiyor. Örneğin: Anasayfamıza "Müzik" adlı yeni başlık atmak istiyoruz. Yani, anasayfa’da "Müzik" yazısını tıklayınca "Müzik"’le ilgili sayfaya gitmesini istiyoruz. "Müzik" sayfası olmadan anasayfada öyle bir başlığın olması bir anlam taşımıyor. Dolayısıyla link yapmak istediğimiz sayfayı önceden yapmamız gerekecektir.
Anasayfanın herhangi bir yerine "Müzik" yazarak yazdığımız kelimeyi seçelim (mouse’la kelimenin başına gelerek sol tıklayıp sağa doğru sürükleyin veya "Tablo" yazısının ortasına gelerek 2 defa tıklayınız).

"Müzik" yazısını seçtikten sonra FrontPage Editörü’nün üst kısmında yer alan Create or Edit Hyperlink komutuna tıklayarak karşımıza çıkan menüden bağlantıyı yapmak istediğimiz dosyayı (muzik.htm) seçiyoruz. Bu işlemi en üste yer alan "Insert" komutuna girdikten sonra Hyperlink özelliğini seçerek veya kısayol tuşu olan CTRL+K tuşuna basarak da gerçekleştirebilirsiniz. (Dikkat: Link koymanız için yazı mutlaka seçili olmalı

FrontPage Editörü’nün üst kısmında yer alan "Create or Edit Hyperlink" komutuna tıklayarak aşağıdakii menü karşınıza gelecektir.

Karşınıza soldaki menü gelince "Orneksayfa"’nın yerini belirleyiniz(1).Daha sonra tablo.htm dosyamızı bir kere tıklayınız(2). URL: kısmında linkimizi görebiliriz(3). "OK" dedikten sonra bağlantı yapılmış olacaktır.
Yukarıda Look In(1) bölümü hangi klasörün içinde bulunduğumuzu göstermektedir.
2 numaralı kısım ise "Orneksayfa" klasörünün altında yer alan dosyaları göstermektedir. Listeden muzik.htm dosyasını seçiyoruz.
URL:3) kısmı ise link(bağlantı)’imizin uzantısını gösteriyor.
Bu işlemlerden sonra "Preview" komutunu tıklayıp yapmış olduğunuz linki deneyebilirsiniz. "Müzik" yazısının üzerine gelince bir el işareti çıkacak ve tıklayınca da muzik.htm dosyası açılacaktır.
*Link renklerini belirlemek için "Page Properties" komutuna tıkladıktan sonra karşınıza çıkan menünün üst kısmından "Background" komutunu seçiniz. Açılan pencerenin sağ alt kısmında üç başlık altında (Hyperlink) (Normal Link Rengi), Visited Hyperlink (Ziyaret Edilen Link Rengi), Active Hyperlink (Üzerine tıklandığında çıkancak olan renk) Link renkleri ayarlanabiliyor.
Geçelim resim eklemeye ve ayarlarına. Internette kullanacağınız resimlerin uzantılarının "jpg" ve "gif" olmasına ve boyutlarının da çok olmamasına dikkat ediniz. Çünkü bağlantısı yavaş olan kullanıcılar için resimlerin açılması eğlenceden daha çok işkenceye dönüşüyor. Dolayısıyla sayfanıza resim koysanız bile mümkün olduğunca küçük olmasına dikkat ediniz. Daha büyük resme ulaşması için küçük resme tıklayarak görmesini sağlayabilirsiniz. O tamamiyle sizin yaratıcılığınıza bağlı birşey.
Öncelikle Müzik.htm dosyamızı açalım(FrontaPage Editör’ün sol üst kısmından File ordanda Open). Açtığımız tablo.htm dosyasına daha önceden bir tablo eklemiştik isterseniz o tablomuzun içinde birde resim ekleyelim. Bunun için yine FrontaPage Editör’ün üst kısmında yer alan komutlardan birini kullanacağız. Ekleyeceğimiz resim "Orneksayfa"’mızın içinde ayi.gif adıyla kaydedilmiştir.

"Insert Image" komutuna bastıktan sonra karşınıza bir menü gelecektir. Aynı işlemi en üste yer alan "Insert" komutundan "Image..." komutunu seçerek de yapabilirsiniz.

"Insert Image"’i tıkladıktan sonra karşınıza sol taraftaki Link menüsüne benzer bir menü çıkacaktır. Orneksayfa’nın içinde yer alan ayi.gif dosyasını seçerek "OK" tuşuna basınız
Yukarıda ki menü daha önceki Link eklerken kullandığımız menüye benzerdir. Look In: bölümü ulaşmak istediğimiz klasör (Orneksayfa), orta kısım klasörün içinde bulunduğu dosyalar, URL: bölümü ise seçtiğimiz resmin yerini göstermektedir. Tablomuza ekleyeceğimiz resim "Orneksayfa"’nın içinde ayi.gif. Resmi seçip "OK" tuşuna bastıktan sonra tablomuzun içinde bir ayıcık resminin eklenmiş olduğunu göreceksiniz.
Resim ayarlarına gelince. Tüm resim ayarları resmin üzerine sağ tıklayınca çıkan "Image Properties" bölümünden yapılmaktadır. Şimdi "Image Properties" bölümünü daha yakından inceleyelim.
Bu bölüme girdiğinizde karşınıza 3 başlıklı menü çıkacaktır. Başlıklar sırayla "General" ,"Video" ve "Appearance" diye sıralanmış. Fakat biz bu başlıklardan sadece 2 sini göreceğiz.İlk önce "General" başlığını inceleyelim.

Resime sağ tıklayınca çıkan "Image Properties" menüsünün ilk görüntüsünün üst kısmı
"Image Properties" menüsünün üst kısmını görmektesiniz. Bu bölüm resmin özelliklerini göstermektedir. Image Source bölümü resmin ismini ve nerede olduğunu gösteriyor. Type bölümünde ise resmin hangi formatta (jpg.veya gif.) olduğunu görebiliyoruz.

General menüsünün alt kısmı
Yukarıdada "General" menüsünün alt kısmını görmektesiniz. Bu bölümde bilmeniz gereken 2 şey var. Birincisi Text bölümündeki resmin adı(Bu bölüme yazdığınız isim, Browser’da ki gerçek görüntüde resmin üzerine gelince çıkan yazıdır. Yukarıdaki resmin üzerine gidince çıkan "Resim-7" yazısı gibi). İkincisi ise Default Hyperlink resmin link bağlantısını gösteren bölüm. Bu bölümdeki Browse komutuna tıklayarak resme link yapabilirsiniz(Resme link koyma yollarından bir tanesi bu). Linklere deyinmişken resme link koymanın 2. yolu ise resmi tıkladıktan sonra üsteki komutlardan "Create or Edit Hyperlink" komutunu seçerek bağlantıyı tanımlamaktır. Link koymada izlediğiniz yol normal bir yazıyla aynıdır. Ancak genelde herkesin karşılaştığı bir nokta var onuda birazdan "Image Properties" başlıklarından "Appearance" inceleyince göreceğiz. ayi.gif resmine link koyunca aldığı görüntüyü görmektesiniz.

Bir resme link bağlantısı yapıldığında etrafında mavi border oluşmaktadır. Bundan kurtulmak için "Image Properties" başlıklarından "Appearance" kısmına bakınız.
Gördüğünüz gibi ayi.gif (nasıl bir ayıysa bu ) resminin etrafı mavi çerçeveyle çevrilmiş. Bunu yok etmek için "Image Properties" menüsünden "Appearance" başlığını seçiyoruz. Karşınıza gelen menüyü resim üzerinde inceleyelim.

"Appearance" bölümünün üst kısmında resimin sayfadaki yerleşimi, çerçeve kalınlığı , resim büyüklüğü gibi özellikler bulunmaktadır
"Layout" kısmı resmimizin saydadaki konumunu ve çerçeve kalınlığını belirler. "Alignment" bölümünden resmin sayfada ortada, sola veya sağa dayalı mı olduğunu belirleyebiliyorsunuz. "Border Thickness" bölümü bizim mavi çerçevemizin kalınlığını belirtiyor. Bu kısma 0 yazarsak mavi çerçeveden kurtulmuş oluruz. "Size" kısmı ise resmimizin boyutlarını göstermektedir. Kendiniz istediğiniz boyutu ayarlayabilirsiniz.
 

Yardım İçin Sadece Bir Tık Yeter
 
Sponsor
 
.tk
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol