Web Tasarım Dersleri
  Frame Özellikleri 2
 
Frame Özellikleri 2

Bir önceki dersimizde çerçeve boyutları nasıl değiştireceğimiz anlatmıştık. Şimdi bu konuya bir kaç ekleme daha yapalım

Daha önce iki çerçeveden oluşan çerçeve setinde alt alta olan iki çerçeveye ait yükseklik değerini düzenlemiştik. Şimdi Frames panelinden üç çerçeveninde çevresini saran kalın çizgiyi seçili hale getirerek(siyah renge dönüşmesini sağlayarak) soldaki çerçevemizin(GaleriSol) genişliğini belirleyelim.

Frames Paneli

Ana çerçeve setimizi seçili hale getirdiğimiz de Properties panelimizde aşağıdaki özellikler görünür hale gelecektir.

Frameset Properties Paneli

Frameset'imiz 1 satır ve 2 sütundan oluşmaktadır. Soldaki sütun GaleriSol çerçevesince doldurulmaktadır. Sağdaki sütünda ise GaleriUst ve GaleriAna çerçeveleri vardır.

Biz öncelikle Properties panelinde RowCol Selection bölümünden soldaki sütunu seçili hale getiriyoruz. Böylece GaleriSol isimli çerçeveye ait özellikleri görüyoruz.

Frameset Properties Paneli

Burada çerçevemizin genişliğini 200 piksel olarak belirliyorum. Daha sonra yine RowCol Selection kısımından sağdaki sütunu seçerek genişlik değerini Relative olarak seçiyorum.

Böylece soldan 200 piksellik bir yer GaleriSol çerçevesinin olacak kalan genişlik sağdaki sütunda yer alan GaleriUst ve GaleriAna çerçevelerine kalacak.

"Peki biz boyutlandırma için sadece bu metin kutularını mı kullanacağız?" sorusuna karşılık cevabımız hayır olacak

Sayfamıza çerçevelerimizi yerleştirdiğimizde herhangi bir renk belirlemesek de çerçeve sınır çizgileri kendilerini belli edecektir.

Çerçeve Sınır Çizgileri

İşte biz bu çizgileri faremizle sürükleyerk de piksel ya da yüzde birimli boyutlandırmalar yapabiliriz.

Örneğin ben soldaki ve sağdaki sütünları birbirinden ayıran çizgiyi farem ile tutup sürüklediğimde Properties panelinde Value metin kutusunda soldaki çerçevenin genişlik ölçüsündeki değişmeler izlenebilir.

Değer değişimi

Aynı şekilde GaleriUst ve GaleriAna çerçevelerini birbirinden ayıran sınır çizgisini faremin sol tuşuna basılı tutarak seçip aşağı-yukarı doğru hareke ettirdiğim de Properties penceresinde GaleriUst isimli çerçeveye ait Value metin kutusunda genişlik ölçüsündeki değişmeler izlenebilir.

Değer değişimi

Bütün bu boyutlandırma işlemleri sonucunda çerçeve renklerinin düzenlenmesi konusuna geçebiliriz.
Bütün bu boyut belirleme işlemleri sırasında hep bir ana çerçeve seti ve sonrasında başka bir çerçeve setinden daha bahsettik (GaleriUst ve GaleriAna çerçevesini içerisine alan). Bu durumun oluşmasını sağlayan bizim oluşturğumuz çerçevelerin sırasıyla oluşturulması sonucu meydana gelen şeyler.

Biz Insert araç çubuğundaki Frames sekmesinde yer alan Left And Nested Top Frames düğmesine ( Left and Nezted Top Frames dugmesi ) tıkladığımızda DreamWeaver MX önce yan yana 2 çerçeveden oluşan bir çerçeve seti oluşturdu. Ardından sağdaki çerçeveyi yatay olarak ikiye böldü ve biz 3 çerçeveden oluşan bir Frameset elde ettik. İşte bu oluşum sırası dolayısıyla aslında biz iç içe 2 çerçeve seti elde etmiş olduk.

Şimdi buradan yola çıkarak eğer çerçevelerimizi ilk oluşturulandan son oluşturulana doğru sıralarsak.

1. GaleriSol çerçevesi. Ana çerçeve setimizin sol sütunu yani!

2. GaleriUst çerçevesi. Soldaki sütunun ilk çerçevesi

3. GaleriAna çerçevesi. Soldaki sütunun ikinci çerçevesi şeklindedir.

aynı şekilde her çerçeveyi iskambil kartı olarak düşünür ve sadece kenarların kesiştiğini düşünelim. En üstte de 1. oluşan çerçevenin, altında 2. oluşan çerçevenin ve en altta 3. oluşan çerçeveyi temsil eden kartın olduğunu düşünelim.

Bu durumda örneğin 1. kartın(çerçevenin) kenar rengi yeşil olursa 2. çerçevenin ve 3. çerçevenin kenar renkleri ne olursa olsun biz 1. kartın kenar rengini göreceğizdir çünkü o üsttedir. Bu sebeple 2. ve 3. çerçevenin sol kenarları daima 1. çerçeve renginde olacaktır.

Sonuçta çerçeve kenar çizgilerinin rengini belirlerken çerçevelerin oluşturulma sıralarına dikkat etmeliyiz.

 
  Bugün 12 ziyaretçi (15 klik) kişi burdaydı!  
 
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol