Html ile başlık boyutları nelerdir?Html ile 6 çeşit başlık oluşturulabilir. Kullanımı şöyle:
<h1>Birinci başlık</h1> <h2>İkinci başlık</h2> <h3>Üçüncü başlık</h3> <h4>Dördüncü başlık</h4> <h5>Beşinci başlık</h5> <h6>Altıncı başlık</h6>
Burada 6 en büyük rakam o yüzden en büyük başlık 6 dır diye düşünmemek lazım. Html’de bu durum farklı. h1 en büyük, h6 en küçük boyuttaki başlıktır. Bunlar css ile değiştirilebilir tabiki büyüklük, renk, yazı tipi gibi, fakat en büyük başlık için her zaman h1 ve tabiki diğerlerini de sırasıyla kullanmak yararlı olacaktır. Çünkü web sitenize her zaman tarayıcısında css desteği olan biri girmeyebilir, css aktif değilse bu tarz küçük şeyler önemli olacaktır sitenin doğru biçimde gösterilebilmesi için.
Aslında html’e yeni başlamış arkadaşlar tarafından anlaşılması zor gibi görünen fakat, aslında çok basit bir yapısı olan, özellikle iletişim formları, giriş formları gibi yerlerde sıkça kullanılan bir özellik tablolar. Kısaca kullanım şeklini örnekle göstereyim.
<table> <tr> <td>satır 1, hücre 1</td> <td>satır 1, hücre 2</td> </tr> <tr> <td>satır 2, hücre 1</td> <td>satır 2, hücre 2</td> </tr> </table>
Borderları yani tablo kenarlarını css ile belirtmek kullanım açısından daha doğru olacaktır fakat istersek bunu html’den de yapabiliriz. şu şekilde:
<table border="1"> <tr> <td>Satır 1, Hücre 1</td> <td>Satır 1, Hücre 2</td> </tr> </table>
Burada tablo içerisinde border=”1″ parametresi bulunuyor, eğer border=”0″ yazsaydık kenarlıklar gözükmeyecekti. Hiç border parametresi girmezsek de tarayıcınızın standartları neyse ona göre kendisini ayarlayacaktır.
Bir de tablo başlıkları var onlar da <th> ile belirleniyor. Kullanımına örnek göstereyim:
<table border="1"> <tr> <th>Başlık</th> <th>Başka Başlık</th> </tr> <tr> <td>Satır 1, Hücre 1</td> <td>Satır 1, Hücre 2</td> </tr> <tr> <td>Satır 2, Hücre 1</td> <td>Satır 2, Hücre 2</td> </tr> </table>
Burada <th> </th> tagları içerisine yazdığınız kısımlar başlık şeklinde gözükecektir. Her tarayıcının standart başlık stillemesi farklı olabilir fakat bunların hepsi css ile yeniden düzenlenebilir, siz bir özellik belirtmediğinizde tarayıcı kendi css standartlarını kullanacaktır, bu yüzden tablo ve diğer html elementlerini oluştururken css ile bunları stillemek her tarayıcıda aynı gözükmesini sağlamak açısından yararlı olacaktır.
Tablo kullanımı kısaca bu şekilde, kodları incelerseniz mantığını kavramanız pek uzun sürmeyecektir.
Uzun süredir FileZilla kullanan biri olarak BitKinex’in birçok yönden daha avantajlı olduğunu belirteyim. Ben de tesadüfen webdav protokolüne uygun bir ftp clienti ararken buldum bu programı. Programı yüklediğinizde programla birlikte önemli devlet kurumlarının vs ftp arşivlerine direk olarak bağlanabiliyorsunuz, bu güzel bir özellik. Bunun dışında en önemli özelliği bence çoklu işlemleri kolayca yapabiliyor olmanız. Kopyala yapıştır ve benzeri işlemleri de kolaylıkla yapabilmeniz mümkün.
Ve en önemlisi WebDav ile uyumlu olması çok iyi, artık birçok hosting firması WebDav protokollerini aktifleştirmeye başladı. Bunun birçok avantajı var. Mesala kendi gözlemlerimden yola çıkarak en önemli avantajının dosya kopyalamak olduğunu söyleyebilirim. Serverın yedeğini almak istiyorsunuz, bir klasörü kopyalayacaksınız yan veya üst dizine mesela. Kopyala yapıştır komutlarını verdiğinizde dosyalar bilgisayarınıza inmeden direk olarak server üzerinde kopyalanıyor, ayrıca server işlemcisi bilgisayarımızın işlemcisinden kat kat daha iyi olduğundan(orta standartlarda bir hosting firmasında bile böyle) çok hızlı bir şekilde kopyalıyor.
WebDav konusuna daha sonra tekrar değinebiliriz, webdav için windows üzerinde ek bir programa da ihtiyaç yok, bu da ayrı bir olay fakat ftp clientinizin bununla uyumlu olması bence bir artıdır.
Eğer daha önce denemediyseniz www.bitkinex.com adresinden bitkinex programını indirip kurun derim, web tasarımcı iseniz pişman olacağınızı sanmıyorum.
Perl ile web programlama yapabilmek için sunucunuzda perl yüklü olması gerekiyor. Para vermek istemiyor fakat perl dilini öğrenmek istiyorsanız evdeki bilgisayarınıza perl yükleyip denemelerinizi burada yapabilirsiniz. Perl dilinin nasıl yükleneceği ile ilgili çok sayıda kaynak mecvut, özellikle ingilizce olarak. İlerleyen zamanlarda belki ben de burada bununla ilgili bir anlatım yapabilirim.
Bu yazıda perl dilinin web programlama ile ilgili kısmına kısaca değineceğim ve verdiğim örneği perl destekleyen bir sunucu için vereceğim.
Öncelikle çok basit olan fakat hiçbiryerde bulamayıp sonradan öğrendiğim bir bilgiyi paylaşacağım: “Perl ile programlanmış web sayfası hangi uzantıda olmalıdır?”. Evet gerçekten bu sorunun cevabını net olarak hiçbiryerde bulamadım, en sonunda tesadüfen bir sitede rastgeldim ve .cgi olduğunu öğrendim. Aslında bazı yerlerde .pl olarak da bahsedilmiş fakat benim kullandığım hosting firması yüzünden mi bilmiyorum, .pl uzantıda attığım dosyaları perl olarak algılamıyor.
Öncelikle perl ile ekrana basit bir cümle yazdırmayı göstereceğim ve bunu web sayfası üzerinden yapacağız.
Burada önemli olan bir durum daha var ki, sunucunuzda perl’in nerede yüklü olduğunu bilmeniz. Genelde /usr/bin/perl adresinde yüklü olan perl bazen /usr/local/bin/perl adresinde de yüklü olabiliyor. Bunu öğrenmek için ssh aracılığı ile which perl komutunu girebilirsiniz, size perl’in hangi dizinde yüklü olduğunu söyleyecektir bu komutun verdiği çıktı. Perl’in /usr/bin/perl adresinde yüklü olduğunu varsayarak sayfanın başına koymamız gereken satırı yazacağım. Bunu yazdığımız bütün perl sayfalarında sayfanın en üstüne koymamız gerekiyor.
#!/usr/bin/perl
Bu satırı sayfanın başına yazdıktan sonra perl istemcisine bunun bir html sayfası olduğunu belirtmemiz gerekiyor, bunu da yazdığımız her html/perl sayfasının başına bir alt satıra ekleyeceğiz.
print "Content-type: text/htmlnn";
bunları ekledikten sonra sayfamızın üst kısmı şu şekilde gözükecek:
#!/usr/bin/perl print "Content-type: text/htmlnn";
şimdi de ekrana bir yazı yazdıralım.
#!/usr/bin/perl print "Content-type: text/htmlnn"; print "Merhaba turkacademyn";
Burada dikkat ettiyseniz print yani yazdırma komutunun içinde yazdırdığım cümlenin sonuna n şeklinde birşey ekledim. Bunun anlamı yeni bir satıra geçmek istediğimizi belirtmektir. Bunu eklememiş olsaydım yazdırdığım print komutları birleşik yazılmış gibi görülecekti.
Tabiki siteye index.cgi isminde dosya oluşturup içine bu komutları yazdırıp siteye atmayla bu iş bitmiyor. Bunu yaptığınızda muhtemelen “internal server error 500” şeklinde bir hatayla karşılaşırsınız.
Burada dikkat etmeniz gereken şey, kodları yazdığınız metin editöründe sayfa kodlaması kısmını “ascii” ya da “binary” şeklinde ayarlamanız ve yüklediğiniz dosyanın, dosya izinlerini 755 yapmanız gerektiğidir.
Sayfa kodlamasını şu yüzden ascii ya da binary olarak ayarlıyoruz, eğer bunu yapmaz da başka bir kodlama şeklini seçersek kullanılan metin editörü gizli olarak ek karakterler ekleyebiliyor sayfaya, bu da yazılan programın çalışmasını bozuyor. Bu her zaman hata verecek diye birşey yok fakat hata alabilirsiniz ascii ya da binary şeklinde kodlama yapmazsanız.
Sayfa iznine gelince dosya izinlerini 755 olarak ayarlamadığınız taktirde yazdığınız program çalışmayacaktır. Bu önemli fakat gözden kaçabilen bir adım aslında. Burada sorun olan şey her seferinde programı upload ettiğinizde sayfa izinlerinin 755 değil de başka bir standartta, izinlerini yeniden düzenleyebilmesidir. Bunu engellemek için netbeans’de bulunan, dosya izinlerini bulduğun gibi bırak şeklinde bir ayar var fakat netbeans ascii ya da binary desteklemiyor karakter seti olarak, yani netbeans’de çalışırken sayfa izinlerini düzelteyim derken karakter hatası yüzünden programınız çalışmayabilir.
Notepad++ güzel bir editör perl yazmak için fakat bunda da dosya izinleri sorunu oluyor, Notepad++ üzerinden ftp ye bağlanma eklentisini kullandığınızda her seferinde dosya izinleri 604’e düşüyor ve tekrar başka bir ftp clientinden bağlanıp dosya izinlerini 755’e ayarlamanız gerekiyor. Komodo edit ismindeki perl editörü de Notepad++ ile aynı durumda. Karakter kodlaması olarak tamam fakat dosya izinleri olarak bir çözüm yok.
Perl’de program yazarken bu tarz sorunlar karşınıza çıkabilir fakat dediğim işlemleri yaparsanız, hatasız sorunsuz bir şekilde ekrana yazı yazdırabilmeniz lazım, bu da bir başlangıçtır sonuçta.
