Jun 15
Site tasarlarken ilk aklımıza gelen kullandığımız Editör üzerinden tablo sürükleyip çalışmamımıza atmaktır. Bunu hangimiz yapmıyoruz ki? Şimdi asıl soru şu aslında DIV(Diversion) kullansak nasıl olur?
Projenin büyüklüğünü düşünün, binlerce tablo olduğunu daha yazarken yoruluyoruz. Ama DIV ve CSS kullandığımızda bunları kombine ettiğimizde tek sayfa üzerinde kolaylıkla projeye şekil verebiliriz. Şimdi bu DIV Taglarına ve kullanım yerlerine bakalım. Şunuda söylemeden geçemeyeceğim yalnız halen CSS & DIV sıkıntısı çıkaran tarayıcı sorunları vardır (Explorer, Fire Fox, Opera, Netscape e.t.c).
Okumaya Devam Et »
Mar 11
Css ile menüleri, baş aşağı çevrilmiş sekmeli menülere tab menu ye benzetebiliriz. Bu menüler genellikle bir web sayfasının en üst bölümünde yer alırlar. Fareyi herhangi bir menü öğesinin üzerine getirdiğinizde, menünün renk değiştirdiğini ve diğerlerinden biraz daha aşağıya doğru kaydığını görürsünüz (yandaki resme bakınız). İşte bu yazımda da css ile menü yapımını anlatacağım.
Okumaya Devam Et »
Feb 08
Bu makalemizde, her gün kullanabileceğimiz Tasarım uygulamalarında faydalı olabilecek Ajax, Dhtml and Javascript Paketlerini geliştiricilerinin açıklamaları doğrultusunda tanıtacağım, peki AJAX-temeli Dhtml ve Javascript uygulamalarında ihtiyaç alanlarımıza Göre yazılımlarımızı geliştirmek için ihtiyacımız olacak olan bu pakette neler var. Scroling Diye Adlandırdığımız Kaydırma Çubukları için Efektler, eğim, akordeonlar, form düzenlemeleri, etkileşimli öğeler, görsel etkiler, canlandırma, slideshow, ajax ile Oylama gibi, kullanışlı, bulabildiğim faydalı Ajax, Dhtml and Javascript uygulamalarını sunmaya çalışacağım.
Okumaya Devam Et »
Jan 28
Joomla‘ nın yönetim arayüzünde olduğu gibi, yaptığınız uygulamalarınızda hoş bir menüye sahip olmak ister misiniz? Cevabınız evet ise JSCookMenu tam size göre. Resimde olduğu gibi menüler oluşturabilirsiniz veya sitede bulunan temalardan birini de kullanabilirsiniz ve tabi isteseniz biraz css bilgisiyle kendinize özel bir menü oluşturabilirsiniz.
Uygulamayı indirmek için TIKLAYIN! Uygulama Ana Sayfası >>
Jan 11
Günlük hayatta tabloları veri sunumu ve düzenlemesi için sıklıkla kullanıyoruz. Bu gereklilik nedeniyle Htmlde de tablo kullanımı için bir tag geliştirilmiştir. Bu tag <TABLE> tagıdır. Bu tag ile istediğimiz tabloları oluşturabiliriz.Tablo oluşturmak için sadece <TABLE> tagı değil bu tag içerisinde başka taglarda oluşturacağız. Genel olarak bir tablo satırı oluşturmak için <TR> ve bir tablo hücresi oluşturmak için <TD> tagını kullanacağız. Öncelikle basit bir tabloyu nasıl oluşturduğumuzu görelim ve sonrada ilgili tagları ve özelliklerini inceleyelim ; ilk olarak tek satırlı ve iki hücreli bir tablo oluşturacağız :
Bir tabloyu oluşturmak için ilk olarak <TABLE> tagı ile başlangıç yapıyoruz ;
<TABLE>
Sonra ilk satırı açıyoruz. bunun için ise <TR> tagını kullanacağız ;
<TR>
Tablo satırlarına hücreleri yerleştirmemiz gerekiyor, hücreleri <TD> tagı ile oluşturuyoruz. Bir hücreyi oluşturduktan sonra içerisine girmemiz gereken bilgiyi yerleştiriyoruz, bu bilgiler resim, yazı veya başka bir eleman olabilir. Gerekli bilgiyi girdikten sonra </TD> tagı ile hücreyi kapatıyoruz ;
Okumaya Devam Et »
Jan 11
Örnek Form Uygulaması
Bu formumuzda isim, e-mail, yorum ve ülke bilgilerini ziyaretçimizden alacağız.İlk olarak formumuzu oluşturalım, isim ve e-mail bilgileri için yazım kutularını oluşturalım.
Okumaya Devam Et »
Jan 11
<HR> Tagı
Bu tag sayfa içerisine yatay bir çizgi çizer. En sade kullanım şekli <HR> şeklindedir. Bu ifadenin sonucu aşağıdaki gibi olur :
Bu tagın bazı özellikleri bulunmaktadır. Böylece çizgi üzerinde denetim sahibi olabiliriz. Bunlar :
- WIDTH
Bu özellik ile çizginin genişliğini belirtiriz. Piksel olarak değerin belirtirlmesi gerekir. Kullanını WIDTH=”200″ gibidir.
- SIZE
Bu özellik ile çizginin kalınlığını belirtiriz. Kullanımı SIZE=”3″ gibidir.
- COLOR
Bu özellik ile çizginin rengini değiştirebiliriz. Kullanımı COLOR=”Red” veya COLOR=”#FFAA11″ gibi olabilir.
Okumaya Devam Et »
Jan 11
Web sayfasına ses eklemek için kullanacağımız tag <EMBED> tagıdır. Bu tagı kullandığımızda mid, au veya wav formatındaki sesleri ve müzikleri sayfamıza ekleyebiliriz.Bu tag ile birlikte SRC özelliğini kullanarak ses dosyasının adresini gireceğiz. Ayrıca HIDDEN özelliği ile birlikte ses dosyasını oynatan programın görünür olup olmadığını belirleyebiliriz. TRUE değeri ile yardımcı programı gizleyebilir, FALSE değeri ilede görünür hale getirebilirz.
Okumaya Devam Et »
Jan 11
Bu eklemeleri yaparken <IMG> tagının bazı özellikleri bize resimler üzerinde daha fazla hakimiyet sağlar.
- BORDER
Bu özellik resime bir çerçeve çizilmesini sağlar. Çerçeve kalınlığı bir sayıdır, bu değer BORDER=”0″ olduğunda çerçeve çizilmez. Bu değer arttıkça çerçeve kalınlığı artar.
- WIDTH
Bu özellik resmin genişliğini belirtir. Eğer resim genişliği belirtilmezse resim tam olarak yüklenene kadar sayfa düzgün gösterilemez. Ayrıca bu özelliği gerçek değerinden büyük veya küçük yaparak resmin gösterilirken genişliğinin ne kadar olacağını belirleyebilirsiniz. Değer olarak piksel olarak sayı değeri girilir, WIDTH=”200″ gibi.
- HEIGHT
Bu özellik resmin yüksekliğini belirtir. Kullanımı WIDTH gibidir, HEIGHT=”145″ gibi.
- ALT
Resmin ne olduğunu anlatan bir yazı içerir. Rersim görüntüleyemeyen browserler bu yazıyı göstererek resim hakkında bilgi verecektir. Ayrıca bu yazıyı resim gösterimi kapalı broserserlerde ve resmin yüklenmesi herhangi bir şekilde durmuş olduğu durumlarda açıklayıcı bilgi olarak gösterilecektir ve yine resim mouse üzerine geldiğinde bu yazı browser tarafından gösterilecektir. Kulllanımı ALT=”Resmi anlatan bir yazı” şeklindedir.
- ALIGN
Bu özellik resmin nasıl hizalanacağını gösterir. LEFT değeri kullanıldığında resim sola yanaşık, RIGHT değeri kullanıldığında resim sağ kenara yanaşık gösterilecektir. Eğer bu özellik kullanılırsa resimden sonra gelen yazılar ve elemanlar resimin boş kalan kenarına yerleştirilerek gösterilir. Kullanımı ALIGN=”Right” şeklindedir.
Okumaya Devam Et »
Son Yorumlamalar