Uğur Samsa » Programlama

Padding ve Margin

admin — Fri, 04 Jan 2008 19:43:33 +0000

Bu günlerde bloga yazacağım yazılar daha çok CSS ve PHP ile ilgili olacak. Çünkü bu ikisi üzerinde zaman harcıyorum. Bu yazımda CSS‘de padding ve margin özellklerini anlatmaya çalışacağım.
İlk olarak 270px eninde ve 40px boyunda bir alana sahip olduğumuzu düşünelim. Bu alanın 10px’lik border’ı olsun. Bu alandaki içeriğimizin border’a yapışık olmasını değil de border ile aralarında belirli bir boşluk olmasını istediğimiz durumlarda padding özelliğini kullanırız.

Yukarıdaki şekilde 270px-40px boyutundaki içeriğimizin border’ı ile arasında üst ve alt bölümde 30px, sağ ve sol bölümde ise 20px boşluk bulunmaktadır. Bu boşlukların alanımızın boyutunu artırdığını unutmamalıyız. Yukarıda bulunan şekildeki gibi bir yapıyı oluşturmak için gerekli olan kodlar aşağıdadır.

#icerik {
width:270px;
height:40px;
padding:20px 30px 20px 30px;
}

Padding‘in hemen ardından belirttiğimiz boyutlar sırasıyla üst alan, sağ alan, alt alan ve sol alana aittir. Eğer alanımızın her tarafının değil de bir bölümünün üzerinde değişiklik yapmak istiyorsak aşağıdaki kodları kullanabiliriz.

padding-top:20px;
padding-right:30px;
padding-bottom:20px;
padding-left:30px;

Yukarıdaki kodları ilk örneğimize uygularsak yine aynı sonucu alırız. Fakat her tarafa padding özelliği uygulamak istemediğimiz durumlar olacaktır. Böylesi durumları aşmak için iki tane yöntemimiz var. Birincisi padding-top, padding-right, padding-bottom ve padding-left özelliklerinden istediğimizi kullanmak olacaktır. İkinci yöntem ise birinci kodumuzdaki (padding:20px 30px 20px 30px;) kullanmak istemediğimiz yönleri 0px yapmaktır. Üst ve alt alanlarda boşluk bırakmak istemediğimiz bir örnek gösterelim:

padding:0px 30px 0px 30px;

Ben 3-4 satır kod yazmak yerine ikinci yöntemi kullanarak işimi tek satırda hallediyorum. Tek satırlık kod sadece beni değil web sitemizin bulunduğu sunucuyu da yormuyor.

Diğer özelliğimiz ise margin. Margin özelliğini ise alanımızın diğer alanlarla arasında mesafe olmasını istediğimiz durumlarda kullanırız. Margin’in kullanımı da aynı padding gibidir. Bu yüzden üzerinde fazla açıklama yapmayacağım. Aşağıdaki kodlar yukarıdaki şekle aittir.

#icerik {
width:270px;
height:40px;
padding:20px 30px 20px 30px;
margin:20px 20px 20px 20px;
}

Yukarıdaki kodlar alanımızın 20px yakınına hiçbir şeyin yaklaşamayacağını belirtmektedir. Tüm yönlere eşit uzaklık vereceğimiz durumlarda yukarıdaki kodun (margin:20px 20px 20px 20px;) yerine aşağıdaki kodu kullanabiliriz.

margin:20px;

Kaynaklar;
http://www.w3schools.com/css/css_padding.asp
http://www.w3schools.com/css/css_margin.asp
http://www.fatihhayrioglu.com/?p=13

CSS Açıklama Satırı

admin — Tue, 25 Dec 2007 20:51:28 +0000

Bugün açıklama satırlarından gidiyoruz. Kitap Rehberi‘ni kodlamaya başladım ve takıldığım soruların cevaplarını bulup yazı olarak girmeye karar verdim. Az önce açıklama satırının ne olduğunu ve HTML’de açıklama satırının nasıl yazıldığını belirtmiştim. Şimdi de CSS‘de açıklama satırının nasıl yazıldığından bahsedeceğim. CSS’de açıklama satırı aşağıdaki örnekteki gibi yapılmaktadır.

#ustbolum {
width:800px;
} /* banner bulunan bölümün css kodlarının bitişi */

Burada ” /* ” ve ” */ ” işaretleri arasında kalan bölüm açıklama satırıdır.

Html Açıklama Satırı

admin — Tue, 25 Dec 2007 20:25:18 +0000

HTML programlama dillerindeprogram yazarken bize yardımcı olması amacıyla kodların yanına not yazmak istediğimizde açıklama satırını kullanırız. HTML’de açıklama satırı aşağıdaki gibi yapılmaktadır.

Burada “” işaretleri arasına yazacağımız tüm yazıları sadece biz görebiliriz. Arada kalan yazılar hiçbir şekilde ziyaretçiye ulaşmamaktadır.

Orion Algoritması

admin — Wed, 03 Oct 2007 09:35:46 +0000

Google‘dan uzun süredir pagerank algoritmasını değiştirmesini bekliyorduk fakat güncelleme bir türlü olmuyordu. Pagerank‘ın tarihe karışacağı ve yeni bir algoritmanın geleceği söylentileriyle yatıp kalkıyorduk =) Artık söylentiler gerçek oldu. Google bundan sonra pagerank yerine orion algoritmasını kullanacakmış.
Orion algoritması Ori Allon tarafından doktora tezi olarak geliştirilen bir algoritma. 26 yaşındaki İsrail asıllı Ori Allon algoritmasını Avustralya’da UNSW üniversitesinde geliştirlmiş.
Pagerank algoritmasının ilk zamanlarında da olduğu gibi şimdilik konu hakkında fazla bir bilgi yok. Zamanla bilgiler artar diye düşünüyorum. Bakalım bu algoritma link satışlarını nasıl etkileyecek!
Google algoritmayı satın almaya karar vermesen önce Ori Allon algoritmayı Google‘a sunmuş fakat o zaman Google bu teklife sıcak bakmamış. Sonrasında Yahoo ve Msn‘e de sunulmuş, onlar da kabul etmemişler. Günlerden bir gün Google, Allon ile tekrar masaya oturmuş ve algoritmayı satın almış. Bu ay içinde algoritma hakkında bazı şeylerin Google tarafından açıklanması bekleniyor.
İnternet Devri sitesinde konu ile ilgili bir yazıda algoritma hakkında ufak bir bilgi yazılmış. Ne kadar doğru olduğunu şimdiden bilemeyiz tabiki. Yazıdaki o bölümü alıntı yapıyorum.

Mesala Doğal sayıları aratıyorsunuz googlede, yeni algoritma kendini geliştiren bir yapıda olduğu için bu aramanın sonucunu grupluyor ve matematik baglamındaki sitelerden indexliyor.. Bu şekilde spam sonuçlar yani Türkçe sitelerde son derece bol olan kopyala yapıştır siteler sonuçlardan kalkıyor yada geriliyor. Ayrıca sizin Dogal sayıları ararken Tam sayılara yada real sayılara ihtiyaç duyacağını hesaplayarak geniş kapsamlı sonuçlar çıkarıyor.

Kaynaklar;
İnternet Devri – Hitnews

Flash getURL Komutu

Uğur SAMSA — Sun, 09 Sep 2007 19:26:58 +0000

Flash programında getURL komutunun doğru kullanımını anlatacağım.
Flashta getURL kodunda parantez içinde şöyle yazıyor.

getURL(url, window, method);
Method bilgi gönderilecekse GET ya da POST şeklinde kullanılıyor. window ise sayfanın nasıl açılacağının belirtiyor. Yani aynı sayfada mı farklı sayfada mı falan. Html’deki target gibi yani..

Tam kullanımı şöyle;

getURL(“http://deneme”, “_blank”, “GET”);

Eğer bilgi göndermeyecekseniz;

getURL(“http://www.ugursamsa.com/deneme”, “_blank”);

Burada “GET” yerine “POST”, “_blank” yerine de “_self”, “_parent”, ” _top” kullanılabilir.

CRC (Cyclic Redundancy Check)

admin — Thu, 17 May 2007 22:26:37 +0000

İki bilgisayar arasında veri iletilirken verinin karşı tarafa bozulmadan ulaştığını veya bozulduğunu kontrol eden bir yöntemdir. CRC’ de işlerin nasıl yürüdüğüne bir bakalım. Gönderilecek verinin bilgisayar dili şeklindeki haline S, CRC polinomuna C diyelim. S’ yi C’ ye böldüğümüzde kalan ise R1 olsun. Aynı işlemleri bu seferde verinin gönderildiği bilgisayarda yapalım. Karşı bilgisayara ulaşan verinin bilgisayar diline çevrilmiş hali yine S olacaktır. C ise her iki durumda da sabit kalmalıdır. Karşı bilgisayarda da S’ yi C’ ye bölme işlemini yapmalıyız. Bu durumda da kalana R2 diyelim. Son durumda R1 R2′ ye eşit ise veri bozulmamış demektir. Eğer R1 R2′ye eşit değilse veri bozulmuş demektir. Şimdi de kullanılan bazı CRC polinomlarını yazayım.

CRC-12 = x^12 + x^11 + x^3 + x^2 + x^1 + 1
CRC-16 = X^16 + X^15 + X^2 + X^0
CRC-CCITT = X^16 + X^12 + X^5 + X^0
CRC-32 = X^32+X^26+X^23+X^22+X^16+X^12+X^11+
X^10+X^8+X^7+X^5+X^4+X^2+X+1

Bu yöntemin yanılma payı çok düşük olduğundan tercih edilen bir yöntemdir.