Daha öncesinde sitemizde Dreamweaver ile ilgili birkaç makale yazmıştık. Bu makalemizde de Dreamweaver ile çok basit bir iki adımla nasıl Hızlı Menüler (Jump Menu) oluşturacağımızı anlatacağız. Hızlı menüler birçok web sitesinde gördüğümüz bir uygulamadır. Sitenizin tüm alt bölümlerine verilen hızlı bağlantılar sayesinde ziyaretçileriniz menülerin ve navigasyonların içinde kaybolmadan gitmek istedikleri sayfaya ulaşabilirler. (Özellikle kurumsal web sitelerinde çokça kullanılan bir uygulama olduğunu görebilirsiniz)

Makalemize başlamadan belirtmek isterim ki bu uygulamayı ben Dreamweaver 8 üzerinde geliştiriyorum. CS3 kullanan arkadaşlar da yine aynı şekilde menülerini oluşturabilirler. Daha fazla

Web tasarımı söz konusu olduğunda mutlaka Form’lardan bahsedilir ve kullanılır. Çünkü web formları (her türlü formdan bahsediyorum) ziyaretçiden bilgi alma, bilgi aktarma, sonuç döndürme, bilgi girişini sağlama gibi görevler üstlenirler. En basit haliyle bir “İletişim Formu” bile sitenizdeki ziyaretçinin size ulaşmasını ve düşündüğü konuda yazmasını sağlar.

Bu yazımızda sizlere bir iki küçük Css taktiği ile Web Formlarımızı nasıl daha güzel hale getireceğimizi anlatacağız. Tabi önce işin mutfak kısmından başlıyoruz ve Xhtml ile formumuzu yazıyoruz… Daha fazla

İnternet üzerinde görmüş olduğumuz birçok web sitesi ve kaynak üzerinde onlarca bağlantı görürüz ve bunları kullanırız. Bu bağlantıların gelişen web akımlarına ve özellikle de Web 2.0 tasarım özelliklerine göre şekillendirildiğini biliyoruz. Zira özelleştirilmiş bağlantılar sayesinde tıklayacağımız bağlantı sonucunda bir harici sayfaya mı gideceğimizi yoksa bir dosyayı mı indireceğimizi bilir hale geliyoruz. Bunu bizlere bildiren elbette bağlantımız başında kullandığımız küçük ikon ve resimler oluyor.

Şüphesiz uygulamanın yapılmasında en büyük pay Css’nin. Xhtml ile de bu özelleştirilen bağlantıları kullanarak site ziyaretçilerimize değişik bağlantı profilleri sunmuş oluyoruz. Bu makalemizde en basit yöntemiyle gönderilerimizde ve hazırlamış olduğumuz websitelerinde kullanılan bağlantılara nasıl resim ekleyeceğimizi anlatacağız. Daha fazla

Web tasarımı ve grafik ile uğraşan kişilerin en büyük ihtiyaçlarından birisi de Yazı Tipleridir. Farklı yazıtipleri tasarlamış olduğumuz site ve grafiklerde bizlere büyük kolaylık sağlar. Hem Masaüstü yayıncılık hem de Web yayıncılığı ile uğraşan kişilerin her zaman elinin altında bir “font” arşivi bulunur. (Zira benim de öyle bir arşivim bulunmakta ve gözüm gibi korumaktayım…) Bu yazımızda kısaca zengin ve ücretsiz yazı tipi kaynaklarını listeleyeceğiz.

Daha fazla

Sitepoint.com‘a uzun süre sonra girmemle birlikte üst menüde Reference bağlantısını görme fırsatım oldu. Girip nedir ne değildir diye baktığımda Css Reference başlığı altında bir sayfayla karşılaştım.

Bu sayfada Css konusunda Referans bilgiler yer alıyor. Temel Css Bilgileri, Syntax (sözdizim), Sayfa tasarımı, Kutular, Listeler gibi Css ile yapılan kodlama biçimleri ve nasıl uygulanacakları anlatılıyor. İlk gördüğümde W3schools.com’daki Css derslerini hatırlattı bana. Hoş ve faydalı bilgiler içeren bir bölüm olması ve kullanılan bileşenin (örneğin list-style-type) tarayıcılarda ne kadar desteklendiğini de göstermesi artılarından.

Css Reference sayfasına girdiğinizde alt bölümde ise yakında Html ve Javascript Reference bölümlerinin de geleceğini görebiliyorsunuz. Sitepoint Reference sayfasına ulaşmak için bu bağlantıyı kullanabilirsiniz.

Herkese selamlar, Photoshop Uygulamalarına elimizden geldiğince sitemizde yer vermeye çalışıyoruz. Bu makalemizde de bunlardan birine yer vereceğiz. Basit Photoshop uygulamalarıyla sitelerimiz için rahatlıkla birkaç adımda oluşturulabilecek butonlar ve navigasyonlar yapabiliriz. Aslına bakılırsa yukarıdaki navigasyonu 1-2 dakika içinde oluşturmak hiçte zor değil. Şimdi dilerseniz hemen nasıl adımlar izleyeceğimizi ve navigasyonumuzu nasıl şekillendireceğimizi anlatalım. Daha fazla

Efendim geçte olsa yayınlama ve duyurma fırsatı bulduğumuz güzel bir olayı sizlere aktarmak istiyorum. Yılların Html’si, 1999 yılından bu yana 4. versiyonunu kullandığımız HTML (Hyper Text Markup Language) dili 22 Ocak’ta yapılan duyuruyla 5.0 sürüme yükseltildi. Html 4 ile 5 versiyon arasındaki farkları bu sayfada detaylı biçimde görmek mümkün.

Uzun süredir Html’nin revize edilme haberlerini duyuyor hatta Xhtml 2.0 ile olacak olan ilişkisini ve yeni eklenecek olan elementleri merak ediyorduk. W3C’nin bizlere duyurduğu
kadarıyla gelişmeleri takip etme ve okuma fırsatımız da oldu. 22 Ocak itibariyle W3C’nin duyurusunu aldık ve Html 5.0′ın çıkışını kutluyoruz.

Birçoğumuzun tasarıma başlarken öğrenmek için kendini parçaladığı bu dilin bu denli gelişimini gördükçe çok seviniyorum. Html 5.0 hakkında ileride detaylı bir yazı yazmayı düşünüyorum. Özellikle yeni eklenen etiketler ve parametreler hakkında “yeniden” konuşacak olmak beni oldukça heyecanlandırıyor.

Umuyoruz ki yakın zamana kadar tarayıcılarımız Html 5.0′ın yeni etiketlerini ve özelliklerini destekler de bizlerde seviniriz. Tarayıcı desteği konusunda Mozilla’dan yana şüphemiz yok ancak Internet Explorer’ın bu yeni duruma nasıl uyum göstereceğini zamanla göreceğiz. Tasarım ve kodlama ile uğraşan herkes için hayırlı olması dileğiyle.