HTML5 aslında HTML‘in neslini devam ettirebilmesi için, HTML‘e bir nesil olarak gelen yazılımdır. Continue reading
Baştan Sona HTML5 Dersleri
Reply
Category Archives: Web Tasarım
Film Siteleri için Yönetmen, Tür, Oyuncular vs. Etiketleri [WP]
Merhabalar.. Bir arkadaşımın isteği üzerine Filmilla‘da bulunan yazı içerisinde Fim için, Tür, Yönetmen, Oyuncular vs gibi etiketleri koyabileceğiniz ve bu her etiketi link olarak çalıştırabileceğiniz WordPress Yeni Post Tipi nasıl oluşturulur bunu anlatacağım..
İlk olarak birazdan size anlatacağım bilgilerin bir kısmını WordPress Codex’in bu sayfasından öğrendim.. Yeteri düzeyde ingilizceniz varsa siz de öğrenebilrisiniz. Fakat şimdi sadece bu yeni post tipini filmlerde nasıl kullanacaksınız size bunu göstereceğim..
Continue reading
WordPress Temaya Ayar Sayfası Ekleme
Merhaba arakdaşlar.. Bildiğiniz üzere bir çok premium temada WordPress Admnin paneli içerisinde zorlanmadan kullanabileceğiniz bir ayar sayfası mevcuttur. Bu ayar sayfası içerisinde kodlarla uğraşmadan otomatik düzeltebileceğiniz alanlar mevcuttur. Bu yazımda bu ayar sayfasını nasıl oluştururuz onu anlatacağım.
Neler Yapacağız?
Başlamadan önce neler yapacağız, Temamızda ne gibi değişiklikler yapacağız bunları başlıklar halinde belirtip daha sonra açıklamalarını vereceğim.Yani WordPress admin panelimizde hangi ayarları değiştirebileceğiz ,neleri kullanabileceğimizi başlıklar halinde yazalım;
- Temanın Renk Düzenini Değiştirme
- Reklam Panelleri Ekleme
- İsteğe Bağlı Sidebar oluşturma
- Yine isteğe bağlı son tweet paneli
- Ve Arama kutusu Continue reading
15 Adet Harika CSS Araçları
Bildiğiniz üzere Web, Grafik ya da Kod tasarım içerisinde Dünyanın önce gelen e-ticaret sitesi olan hem kazanıp hem de kazandıran şirketi envato içerisinde Codecanyon bölümü mevcut.. Codecanyonun içeriğini merak ediyorsanız şuraya tıklayın..
Bu yazımda bahsedeğim şey, Codecanyon içerisinde satışa sunulan 15 adet CSS aracıdır.. bunları satın almak için yazı başlıklarına tıklayıp üye olmalısınız. Daha sonra ödeme yaptıktan sonra satın al butonunu kullanarak size bir download adresi açılacaktır buradan indirebilirsiniz..
1. Griddler Pricing Grid I
“ HTML5 /CSS3Stili ile tüm browserlara uyum gösteren bir HTML5/CSS3 Plugini.”
2. CSS3 Buttons
“Birinden farklı ve güzel CSS Butonları, PSD değil CSS!”
3. Droplink
“Envato ve içerisindeki bütün sitelerde bulunan menü butonlarını yapan bir arkadaş bu çalışmasını satışa çıkarmış.”
4. Griddler Pricing Grid II
Javascript 3D Model Görüntüleyici
Javascript 3 Boyutlu Hareketlendirme
Yaratıcılık ve düşünsel kavramı işlevselleştirebilme hareketleri hoşuma gittiği için paylaşmak istedim.
İki kötü yanı mevcut ki İnternet Explorerda çalışmamakta ve 3 boyutlu hareketlendirme biraz yavaşcadır, fakat düşünce süper. Continue reading
Temiz Kodlar ve Web 3.0 Hakkında
Merhaba arkadaşlar.. Bu yazımda, saat sabahın 4 ünü geçerken aklıma gelen birazcık kod bilgisini sizlere aktarmak istedim.. Öyle çok olduğunu sanmıyorum ama birkaç tane de olsa takipçim varsa muhtemelen dün geceden sabaha kadar siteye giremediler.. Bende giremedim çünkü ihs sunucularında bulunan hostingimiz ve ihs nin belkide ayda yılda bir yapacağı IP değişikliği durumu dün geceye vurdu.. Her neyse bu yüzden bugün 3. kez alexa da gerilemişken hem biraz özgün tarz yapalım hem de ziyaretçiler off yeni birşey yok deyip çıkmasınlar hem hem hem de acayip bir paylaşma duygusu kabarmış durumdayken blogum da bundan istifade etsin dedim..
Arkadaşlar, bu semantik web denilen web 3.0 ya da anlamsal web denilen şeyi aslında öyle büyüttüler ki sanki internet siteleri kalkıpta bizimle iki kadeh rakı içecekmiş gibi hissetmiştim bir an.. Öyle ahım şahım bi özellik olmasa da web girişimcilerinin özelilkle de google’in üstünde durduğu semantic kavramı aslında iyi de birşey.. Bu tamamen web kod yazıcılarına uygun, onların anlayacağı ve uygulayacağı türden bir özellik olarak geldi.. Semantic anlamsal verileri, site içerisindeki kodları Arama motorlarının siteyi anlamalarını sağlayan temiz kodları girebilme sanatıdır dersem eğer, semantic webe belki küfretmiş olurum belki de ulan web 3.0 hakkında değişik bir yazı yazmak için saçmalamış denilmektende kaçamam.. Bu yüzden semantic web’in getirdiği bir özelliktir diyip konuyu bağlıyorum.. Bahsedeceğim konu temiz kodlar kullanarak arama motorlarına bilhassa Google’a web içeriğinizden bahsedin derim.. Seo alt yapısında aslında sadece head etiketlerinde bitmediğini söylemeliyim.. Birkaç makalede h1 , h2, h3 gibi başlıklar koyun gibisinden tüyolar vardı ben bunları toplayıp kendi bilgilerimi de birleştirip uzunca bir makale oluşturayım diyorum ve bir türlü başyalayamadığım örneklerime başlıyorum.ilk olarak; Continue reading
63 Dünya Devi Webmaster Blogu
1. Techime/webdesign
Techime.com sitesi bir blogdan ziyade daha çok bir haber alıcısı. Tasarım ve ilham kategorileri diğer bloglardaki en popüler linkleri ve en taze haberleri alarak size zaman kazandırıyor. İlginç ve iyi bir proje.
Techime / Webdesign
2. Noupe
Noupe blogu geçtiğimiz günlerde SmashingMagazine tarafından satın alındı. Bu sebeple sitede önümüzdeki günlerde daha da kaliteli yazıları görmek üzere olduğumuzu söylemek yerinde olur. Noupe, tasarımcılar ve web geliştiricileri için CSS, AJAX, JavaScript, web tasarımı, grafik tasarımı, tipografi, reklamcılık ve daha diğer pek çok kategoride yazılar site üzerinde yer alıyor. Continue reading
İçerik yer tutucusundaki içeriği değiştirme
İçerik yer tutucusunda yaptığınız değişikliklerin sitenin tümüne uygulanmasını istiyorsanız, ana sayfada içerik yer tutucusunu değiştirin. Tek bir içerik sayfasındaki içeriği de değiştirebilir, böylece o içerik sayfasına ana sayfa tarafından sağlanan varsayılan içeriği geçersiz kılabilirsiniz.
Not Yalnızca içerik yer tutucularının içindeki içeriğin değil, bir ana sayfadaki içeriğin tamamı üzerinde değişiklik yapabilirsiniz. Bir ana sayfada yapılan değişikliklerin tümü o ana sayfaya eklenen içerik sayfalarının tümüne uygulanır.
İçerik yer tutucusu değişikliklerini sitenin tamamına uygulama
Bir ana sayfada değişiklik yaptığınız zaman değişiklikleriniz o ana sayfaya eklenen sayfaların tümüne uygulanır. Aşağıdaki örnekte YerTutucuSiteAdı içerik yer tutucusunu seçerek ve ardından varsayılan içeriği özel içerikle değiştirerek ana sayfadaki site adı metnini değiştiriyorsunuz. Sayfayı kaydettiğinizde değişiklikler o ana sayfaya eklenen sayfaların tümünde görünür.
- Default.master sayfasını açmak için Klasör Listesi‘nde _catalogs, ana sayfa ve default.master öğelerini çift tıklatın.
- Ana Sayfa araç çubuğunu açmak için Görünüm menüsünde Araç Çubukları‘nın üzerine gelin ve Ana Sayfa‘yı tıklatın.
- Değiştirmek istediğiniz içerik yer tutucusunu bulmak için Ana Sayfa araç çubuğunu kullanın.Örneği uygulamak için Ana Sayfa araç çubuğunda oku tıklatın ve ardından listeden YerTutucuSiteAdı öğesini tıklatın.
- Proje özelliğini seçmek için Takım Sitesi metnini tıklatın.Tasarım görünümünde seçili YerTutucuSiteAdı içerik yer tutucusunun içinde proje özelliği
- Siteniz için yeni bir ad girin ve ardından Dosya menüsünde Kaydet‘i tıklatarak değişikliklerinizi kaydedin.Değişiklikleri kaydettiğiniz zaman site tanımından bir sayfanın özelleşeceğini bildiren bir ileti görünür. Evet‘i tıklatın. Not Ana sayfada yaptığınız değişikliklerden hoşnut olmazsanız, istediğiniz zaman site tanımına geri döndürebilirsiniz. Daha fazla bilgi için, Özelleştirilmiş sayfayı site tanımına geri döndürme başlıklı makaleye bakın.
Değişiklikler, o ana sayfaya ekli sayfaların tümüne uygulanır.
Not İçerik sayfası zaten ana sayfa içeriğini geçersiz kılıyorsa değişiklikler içerik sayfasına uygulanmaz.
İçerik yer tutucu değişikliklerini yalnızca tek bir içerik sayfasına uygulama
Tek bir içerik sayfasında değişiklik yaptığınız zaman değişiklikler yalnızca o sayfaya uygulanır. Bir içerik sayfasındaki içerik yer tutucusuna özel içerik eklediğinizde o sayfa için içerik denetimi oluşturarak ana sayfanın o içerik yer tutucusu için sağladığı varsayılan içeriği geçersiz kılarsınız. Aşağıdaki örnekte YerTutucuSiteAdı içerik yer tutucusunu seçerek ve ardından içeriği özel metinle değiştirerek varsayılan giriş sayfasındaki site adı metnini değiştiriyorsunuz. Sayfayı kaydettiğinizde değişiklikler yalnızca Default.aspx üzerinde görünür.
- Klasör Listesi‘nde default.aspx öğesini çift tıklatın.
- Takım Sitesi metnini tıklatın ve ardından içerik yer tutucusunun sağ üst köşesinde görünen oku tıklatın.
Sekmenin üzerinde (Ana) sözcüğünü göreceksiniz. Bu, içerik bölgesinin ana sayfadan içerik görüntülediği anlamına gelir. Bu bölge düzenlenemez.
- Özel İçerik Oluştur seçeneğini tıklatın.
Sekmenin üzerinde (Özel) sözcüğünü göreceksiniz. Bu, bu bölgedeki özel içeriğin ana sayfadaki içeriği geçersiz kıldığı anlamına gelir. Bu bölge artık düzenlenebilir.
- Proje özelliğini seçmek için Takım Sitesi metnini tıklatın.Tasarım görünümünde seçili YerTutucuSiteAdı içerik yer tutucusunun içinde proje özelliği
- Giriş sayfanız için yeni bir site adı girin ve ardından Dosya menüsünde Kaydet‘i tıklatarak değişikliklerinizi kaydedin.Değişiklikleri kaydettiğiniz zaman site tanımından bir sayfanın özelleşeceğini bildiren bir ileti görünür. Evet‘i tıklatın. Not Ana sayfada yaptığınız değişikliklerden hoşnut olmazsanız, istediğiniz zaman site tanımına geri döndürebilirsiniz. Daha fazla bilgi için, Özelleştirilmiş sayfayı site tanımına geri döndürme başlıklı makaleye bakın.
Değişiklikler yalnızca Default.aspx sayfasına uygulanır.
Ana sayfadan varsayılan içeriğe dönmek için Takım Sitesi metnini, denetimin sağ üst köşesinde görünen oku ve ardından Ana Sayfa İçeriğini Varsayılan Olarak Ata tıklatın.
Ana sayfa içeriğini varsayılana döndürdüğünüz zaman bu bölgedeki her şeyin sayfadan kaldırılacağını bildiren bir ileti görünür. Bu bölgedeki özel içeriğin kaybolacak olmasına karşın ana sayfa içeriğine dönmek istiyorsanız Evet‘i tıklatın.
Dosya menüsünde Kaydet‘i tıklatarak değişikliklerinizi kaydedin.
Varsayılan içerik yer tutucuları içeriklerini nereden alır?
Varsayılan olarak, Windows SharePoint Services 3.0 sitesinin varsayılan ana sayfası olan Default.master sayfasındaki içeriğin çoğu sayfa üzerinde kodlanmamıştır. İçeriğin büyük kısmı, içeriğini sunucudan alan ASP.NET SharePoint Web denetimlerinden gelir. Tarayıcıda içerik sayfası istendiğinde, bu içerik sunucudan getirilir ve sayfada görüntülenir. Örneğin, varsayılan giriş sayfasının (default.aspx) en sol bölümünde görünen “Takım Sitesi” metni, içeriği sunucudan getiren bir ASP.NET SharePoint Web denetimi tarafından sağlanır. “Takım Sitesi” metni Kod görünümünde HTML etiketlerinin içinde görünmez. İçerik yer tutucusundaki içeriği değiştirme adlı bölümde açıklandığı şekilde Microsoft Office SharePoint Designer 2007 uygulamasını kullanarak bu metni özel içerikle değiştirebilirsiniz.
Bir içerik yer tutucusunu bulma
İçerik yer tutucuları yalnızca ana sayfalarda görünür. İçerik yer tutucularını bir Windows SharePoint Services 3.0 sitesinde görüntülemek için Boş Kapsayıcılar ve Görünür Kenarlıklar görsel yardımları etkin olmalıdır. Görünüm menüsünde Görsel Yardımlar‘ın üzerine gelin ve ardından Boş Kapsayıcılar‘ı ve Görünür Kenarlıklar‘ı tıklatın. Alt menüde Göster öğesinin seçili olduğundan emin olun.
Boş Kapsayıcılar ve Görünür Kenarlıklar düğmeleri etkinleştirildiklerinde burada gösterildiği gibi turuncuyla vurgulanırlar.
Ana Sayfa araç çubuğunu kullanarak Tasarım görünümündeki içerik yer tutucularını kolaylıkla bulabilirsiniz.
- Ana Sayfa araç çubuğunu açmak için Görünüm menüsünde Araç Çubukları‘nın üzerine gelin ve Ana Sayfa‘yı tıklatın.
- Bir içerik yer tutucu denetimini seçmek için oku tıklatın ve ardından bulmak istediğiniz içerik yer tutucu denetimini tıklatın.
Aşağıdaki resimde, Ana Sayfa araç çubuğunda YerTutucuBaşlıkKırıntısı seçilidir.
Tasarım görünümünde seçildiğinde içerik yer tutucusu aşağıdaki resimde olduğu gibi görünür. Sekmede yer tutucu kimliği gösterilmektedir.
Tasarım görünümünde göründüğü şekilde içerik yer tutucu sekmesi
Ana Sayfa araç çubuğunu kullanarak bir içerik yer tutucusu seçtiğinizde, içerik yer tutucusu Hızlı Etiket Seçici‘de de seçilir.
İpucu Hızlı Etiket Seçici görünmüyorsa, Görünüm menüsünde Hızlı Etiket Seçici‘yi tıklatın.
Hızlı Etiket Seçici’de göründüğü şekliyle içerik yer tutucusu
Tasarım görünümünde veya Kod görünümünde Ana Sayfa araç çubuğunu kullanabilirsiniz.
Bir Windows SharePoint Services 3.0 sitesindeki Default.master sayfasında varsayılan içerik yer tutucuları
Varsayılan olarak Windows SharePoint Services 3.0 içerik sayfaları aşağıdaki tabloda listelenen içerik yer tutucularını kullanır. Bu tabloda, içerik yer tutucuları tanımlanır ve yer tutucuların her birinin sayfada neyi temsil ettiği açıklanır.
Default.master sayfasında yer alan varsayılan içerik yer tutucuların çoğu Windows SharePoint Services 3.0 uygulamasının birlikte çalışma özellikleri (SharePoint listeleri ve kitaplıkları gibi) için gereklidir ve bu nedenle silinmemelidirler.
Burada listelenen varsayılan içerik yer tutucularının görsel bir önizlemesi için önceki bölümde açıklandığı şekilde Ana Sayfa araç çubuğunu kullanın.
| İçerik yer tutucusu | Açıklama |
|---|---|
| YerTutucuGövdeAlanıSınıfı | Sayfa üstbilgisinde ek gövde stilleri |
| YerTutucuGövdeSolKenarlık | Ana sayfa gövdesi için kenarlık öğesi |
| YerTutucuGövdeSağKenarBoşluğu | Ana sayfa gövdesinin sağ kenar boşluğu |
| YerTutucuTakvimGezgini | Takvim sayfada görünür olduğunda takvimde gezinmek için bir tarih seçici görüntüler |
| YerTutucuFormÖzeti | “form özeti” güvenlik denetimi |
| YerTutucuGenelGezinti | Genel gezinti kırıntısı |
| YerTutucuYatayGezinti | Sayfanın üst gezinti menüsü |
| YerTutucuSolEylemler | Sol gezinti alanının altı |
| YerTutucuSolGezintiÇubuğu | Sol gezinti alanı |
| YerTutucuSolGezintiÇubuğuKenarlığı | Sol gezinti çubuğunda kenarlık öğesi |
| YerTutucuSolGezintiÇubuğuVeriKaynağı | Sol gezinti menüsünün veri kaynağı |
| YerTutucuSolGezintiÇubuğuÜst | Sol gezinti alanının üstü |
| YerTutucuAna | Sayfanın ana içeriği |
| YerTutucuMiniKonsol | Sayfa düzeyi komutlarını (örneğin Sayfayı Düzenle, Geçmiş ve Gelen Bağlantılar gibi WIKI komutları) gösterecek bir yer |
| YerTutucuGezintiYerAçıcı | Sol gezinti alanının genişliği |
| YerTutucuSayfaAçıklaması | Sayfa içeriğinin açıklaması |
| YerTutucuSayfaResmi | Sayfanın sol üst kısmındaki sayfa simgesi |
| YerTutucuAramaAlanı | Arama kutusu alanı |
| YerTutucuSiteAdı | Site adı |
| YerTutucuBaşlıkAlanıSınıfı | Sayfa üstbilgisinde ek stiller |
| YerTutucuBaşlıkAlanıYerAçıcı | Başlık alanı için gölgeler gösterir |
| YerTutucuBaşlıkKırıntısı | Ana içerik kırıntı alanı |
| YerTutucuBaşlıkAlanındaSayfaBaşlığı | Kırıntıların hemen altında görünen sayfa başlığı |
| YerTutucuBaşlıkSolKenarlık | Başlık alanının sol kenarlığı |
| YerTutucuBaşlıkSağKenarBoşluğu | Başlık alanının sağ kenar boşluğu |
| YerTutucuÜstGezintiÇubuğu | Üst gezinti alanı |
| YerTutucuYardımcıİçerik | Sayfanın altında ek içerik |
| SPGezinti | Windows SharePoint Services 3.0 uygulamasında varsayılan olarak boş. Ek sayfa düzenleme denetimleri için kullanılabilir. |
| WSSTasarımKonsolu | Sayfa, Sayfayı Düzenle modundayken sayfa düzenleme denetimleri (tarayıcıda Site Eylemleri‘ni tıklatın ve ardından Sayfayı Düzenle‘yi tıklatın) |
SharePointle Ne tür sayfa seçmem gerekir?
Microsoft Windows SharePoint Services 3.0 siteleri, Microsoft ASP.NET 2.0 teknolojisini kullanarak tamamen etkileşimli ve ortak içeriği (özelleştirilmiş Veri Görünümleri gibi) çeşitli yollardan desteklerken, diyelim daha statik olan HTML siteleri bu içeriği desteklemez. Bir SharePoint sitesine sayfa eklerken, ASPX sayfalarının tüm SharePoint işlevlerini desteklemesi nedeniyle hemen hemen her zaman ASP.NET (ASPX) sayfası eklemek istersiniz. Bu nedenle Genel araç çubuğundaki Yeni Belge‘yi 
Benzer şekilde, ASP.NET ana sayfaları, HTML tabanlı şablon sayfalarının (Dinamik Web Şablonları gibi) aksine, SharePoint öğelerini ve işlevlerini çeşitli yollarla desteklediğinden, ortak görünümü ve zevki paylaşmak için SharePoint sitenize çok sayıda sayfa eklemek istediğinizde ana sayfaları kullanmanız önerilir.
Aşağıdaki tabloda bir SharePoint sitesinde çalışırken en yaygın olarak eklemek isteyeceğiniz sayfa türleri tanımlanmaktadır.
Sayfa türü
Açıklama
ASP.NET (ASPX) sayfası
Öğeleri eklemeye ve özelleştirmeye hazır boş bir ASPX sayfası ekler.
Ana sayfa
Bir ASP.NET sayfası ekler, ancak biri .aspx yerine .master dosya adı uzantısına sahiptir. Yeni ana sayfayı oluşturduktan ve kaydettikten sonra, söz konusu ana sayfayı temel alan birden çok sayfayı eklemek için Ana Sayfadan oluştur seçeneğini kullanabilirsiniz.
Ana sayfalarla ilgili daha fazla bilgi için, ASP.NET ana sayfalarına giriş makalesine bakın
Varolan ana sayfayı temel alan sayfa
Önceden oluşturulmuş ana sayfayı temel alan ve sonradan söz konusu ana sayfanın görünümü ve davranışı üzerinde yapılan her türlü değişikliğin güncelleştirildiği bir ASPX sayfası ekler.
Ana sayfalarla ilgili daha fazla bilgi için, ASP.NET ana sayfalarına giriş makalesine bakın
Liste Görünümü sayfası
Varolan listenin veya belge kitaplığının yeni görünümünü içeren ASPX sayfası ekler. Bir Liste Görünümü sayfası başlık çubukları, menü ve sütunlar gibi sayfa öğelerini içerir.
Web Bölümleri Sayfası
İçine Web Bölümleri’ni ekleyebileceğiniz