Google Fan Webmaster Forum - Tekil Mesaj Gösterimi - Html Rehberi

~~today_16~~ · #3 (**permalink**) 09-02-2008, 12:30:48

Çok sayfalı Web alanı inşa etmeye en içerden, en alttan başlamanın yararı budur: nereye, ne koyacağını tayin ederek geldiğiniz için, ilerde hangi dosyaya, hangi çerçeveye ne ad verdiğinizi unutmazsınız. Örneğin, işe bu sayfadan başlamış olsaydık, bu bağlantıya vereceğimiz dosya adını buraya yazmak zorunda olduğumuz için, bir isim uyduracaktık. Daha doğrusu üç isim... Sonra, her bir öğüt sayfasını yapıp sabit diske kaydederken, bu dosyalara ne isim vermemiz gerektiğini, gelip, Navigation sayfasını açarak yeniden öğrenmek zorunda kalacaktık. Bu boşuna zaman kaybını önlemiş olduk. Şimdi biliyoruz ki, FRAMESET sayfasını, ya da çerçeveli ana sayfayı yaparken, sağ alt köşedeki çerçeveye “ogut” adını vereceğiz.
Ters Bölü İşaretine Ne Oldu?
HREF yükleminin önünde düz bölü işareti kullanılır. Sayganızı PC’de çalışan bir Web Server’a bile koyacak olsanız, kendi alanınızdaki klasörlere yaptığınız bütün URL referanslarınız ters bölü işareti (\) değil, düz bölü işareti (/) olmalıdır. Diyelim ki, kendi sabit diskinizde bir dosyaya göndermede bulunuyorsunuz. Dosyanın, “C:\belgeler\html\ornek.htm” olan “adresi,” HREF ifadesi olarak yazılırken, “C:/belgeler/htm/ornek.htm” olarak yazılmalıdır.
Şimdi sıra, FRAMESET sayfasını yapmaya geldi. Bu sayfa, aslında sadece çerçeveleri oluşturacak ve kaynaklarını gösterecek son derece basit bir dosya olacak. Sayfanın baştarafını yazalım:
<HTML>
<HEAD>
<TITLE>Ogutler</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1254">
</HEAD>
<FRAMESET BORDER="0" COLS="240,*">
<FRAMESET ROWS="180,*">
<FRAME SRC="anim.htm" NAME="anim" NORESIZE SCROLLING="no" MARGINHEIGHT="0" MARGINWIDTH="0">
<FRAME SRC="liste.htm" NORESIZE SCROLLING="no" NAME="liste" MARGINWIDTH="10" MARGINHEIGHT="10">
</FRAMESET>
<FRAMESET ROWS="271,61%">
<FRAME SRC="baslik.htm" NORESIZE SCROLLING="no" NAME="baslik" MARGINWIDTH="10" MARGINHEIGHT="10">
<FRAME SRC="temp4.htm" NORESIZE SCROLLING="auto" NAME="ogut" MARGINWIDTH="10" MARGINHEIGHT="1">
</FRAMESET>
</FRAMESET>
FRAMESET etiketinin çerçeve çizgilerine ilişkin BORDER yüklemine istediğiniz değeri verebilirsiniz. Ama daha önce de belirttiğimiz gibi bu sadece bir görsel ilke veya zevk meselesi değil. Kimi kullanıcılar, çerçevelerin aldığı yeri kayıp sayarlar. Çerçevelere çizgi koymayarak bu endişenin önüne geçebiliriz. Bir de, sütun ve sıra boyutlarını belirlediğimiz ifadelere dikkat edin. COLS=”240,*” ve ROWS=”1800,*” ifadeleriyle, sadece sol üst kutunun boyutlarını belirliyoruz, geri kalan kutular için tarayıcıya “Geriye ne kaldı ise o kadar yer ayır!” demiş oluyoruz. Bu iki ölçü, sol üst kutuya koymaya niyet ettiğimiz anime grafiğin boyutlarıdır. Böylece, kullanıcının programı, bu kutuyu grafiğin alması gereken yere dokunmayacaktır. Dokunursa ne olur? Büyük bir olasılıkla, grafiğin iki tarafında anlamsız boşluklar kalacak ve ortaya görsel açıdan çirkin bir tablo çıkacaktır. Grafiklerin ve İçindekiler listemizin yer alacağı çerçevelerin altında ve sağında kaydırma çubukları olması da gerekmiyor. Ayrıca bu üç çerçevenin kullanıcı tarafından içindekileri daha rahat görmek için eninin boyunun genişletilmesine de gerek yok. Fakat değişken içeriğin yera lacağı sağ alttaki çerçevenin, içine girecek yazının boyuna göre, otomatik olarak, ihtiyaç varsa kaydırma çubuklarıyla, ihtiyaç yoksa çubuklar olmaksızın gösterilmesi gerekiyor. Bu nedenle oluşturduğumuz dört çerçeveden üçü ölçüsünün değiştirilmesi imkanı kapatılarak (NORESIZE) ve kaydırma çubukları olmaksızın (SCROLLING="no") ifadeleri ile oluşturulurken, dördüncü (SCROLLING="auto") ifadesiyle oluşturuluyor. Bu arada her dört çerçeveye de isim verdiğimizi farketmiş olmalısınız. Çerçeveleri isimlendirmek, o andaki tasarım stratejisi gerektirmese de ilerde yararlı olabilir. Ayrıca biz dördüncü çerçeveye isim vermek zorundayız; çünkü İçindekiler listesinde kullanıcının yapacağı tercihe göre çağrılacak öğüt sayfası, bu çerçeveyi adıyla arayıp, bulacak.
Şimdi, dosyanın son bölümünü yazalım:
<NOFRAMES><BODY>
Maalesef sizin Web Browser programınız biraz antika! Bu sayfayı çerçeveli olarak göremiyorsunuz. Onun için size düz bir liste veriyoruz:<A HREF="ogut1.htm">Grafikle İlgili İlkeler</A><A HREF="ogut2.htm">İçerikle İlgili İlkeler</A><A HREF="ogut3.htm">Davranışla İlgili Kurallar</A>
</BODY>
</NOFRAMES>
</HTML>
Baştan beri örnek çerçeve dosyalarımızda içini boş bıraktığımız <NOFRAMES>..</NOFRAMES> içini bu kez dolduruyoruz. Tarayıcıların çerçeve teknolojisinden önceki sürümlerini halâ kullanan ziyaretçilerimize, ekranlarında bomboş bir sayfa görmemeleri için, kibarca programlarını güncelleştirmeleri zamanı geldiğini hatırlatarak, sayfamızın sadece metin içeren sürümünü sunuyoruz. Bu kişiler de, diğerleri gibi öğüt seçeneklerimizi görecekler ve herhangi birini tıkladıkları taktirde, ilgili öğüt sayfamıza gideceklerdir.
Şimdi bu dosyayı “ogutler.htm” adıyla saklayın; tarayıcınızda açıp bakın. Karşınıza şu tablo çıkmalıdır:
Şimdi burada hemen dikkat etmeniz gereken bir önemli unsur var. Bir başka unsurla arasında bağlantı kurduğunuz kelime, cümle veya paragrafın, tarayıcı ekranında gösterilirken, (tabiî kullanıcı olarak tarayıcının varsayılan tercihlerini değiştirmemişseniz) altının bir çizgiyle çizildiğini ve metin renginin koyu mavi olduğunu farketmiş olmalısınız. Bu, artık Internet’te bağlantının klasik görünümü halini aldı. Bu Internet’e önce Macintosh ardından Windows işletim sistemlerinin Yardım dosyalarındaki Hyperlink’lerin gösterilme tarzından miras kalmış bulunuyor.
Bağlantıları Grafiklere Yerleştirmek: Düğmeler
Şimdi, İçindekiler sayfamızda küçük bir değişiklik yapacağız. Bu sayfadaki bağlantı gösteren kelimelerin yanına birer düğme koyacağız ve kullanıcının bu düğmeyi tıklaması halinde, ilgili öğüt sayfasına gitmesini sağlayacağız.
Bunun için bize bir düğme grafiği gerekiyor. Internet adeta böyle düğmelerle kaynıyor. Fakat karşınıza çıkan ilk sayfada, hoşuna giden ilk düğme grafiğini farenin sağ düğmesi ile tıklayıp, açılacak listeden “Save Picture as” maddesini seçerek ve sabit diske yazılacak grafiği istediğiniz yerde kullanamazsınız. Gerçi “kim görevek?” diye düşünebilirsiniz, ama böyle bir davranış yasal olmadığı kadar, ahlaka da aykırı olur. Tasarımcı, yani ortaya kendi fikir ve sanat eserini çıkartacak bir kişi olarak, herkesden önce bizim böyle bir şey yapmaya hakkımız olamaz. Kendi grafiklerinizi kendiniz yapmayacaksanız, en iyisi, “Bu grafikleri alıp, kullanabilirsiniz,” diyen bir Internet alanından beğendiğiniz grafikleri almak olabilir. Grafik programlarının CD-ROM’ları da on binlerce Internet’te kullanma izni olan grafikle dolu!
Diyelim ki, kullanılmasında sakınca olmayan böyle bir dosyamız var, ve adı d