PHP ile şablon oluşturalım ve dosyadan başka dosya nasıl çağırılır anlayalım

Önceki yazıda dediğimiz gibi, her sayfada tekrar eden elemanları tek tek değiştirmek 10 sayfalık bir sitede eziyet gibi birşeyken, 1000 sayfalık sitede imkansız gibi birşey. Kodların sürekli tekrar edilmesini engellemek ve yeniden kullanmak, gerektiğinde tek bir dosyadan binlerce dosyayı değiştirebilmek için PHP yardımımıza koşacak. Peki bunu nasıl yapacağız? Bunun için 5 adet dosyaya ihtiyacımız var. […]

FTP ile internet sitesi yayınlama ve Son sözler

Sitemizi hazırladık. Tüm dosyalarımız hazır. Şimdi sıra geldi FTP istemcisi kullanarak bu dosyaları sunucuya yüklemeye. Eğer web sitenizi internette yayınlamak istiyorsanız öncelikle size bir hosting yani barındırma hizmeti lazım. Bunun için hosting firmalarından hizmet alabilirsiniz. Ben genellikle Mediatemple kullanıyorum. Yerli firmaları tercih etmedim ama yerli ve bu işi iyi yapan büyük ve kurumsal firmalar da […]

Yayınlama öncesi son düzeltmeleri de yapalım

Aslında neredeyse her şey hazır. Yapmamız gereken bir kaç düzeltme var. Bu tarz düzeltmeler hazırlayacağınız projelerde sizin de başınıza sıkça gelecek. Bu nedenle ben de böyle bir yazı hazırlamayı uygun buldum. Daha önce yaptığımız tasaırmla ilgili bir kaç tane göze çarpan nokta mevcut. Bazı yan listelerin simetrik görünmemesi durumu. Bir kaç tane örnek verelim. Bunlara […]

Yeni Türk Tücaret Kanunu’nun Gerektirdiği Kurumsal Bilgiler Bölümünü Bitirelim ve Sitemizi Tamamlayalım

Evet sitemiz ufak ufak bitiyor. Son olarak yeni Türk Ticaret Kanunu’nun gerektirdiği kurumsal bilgileri içeren Kurumsal bölümümüzü de yaptıktan sonra html5 ile hazırladığımız şirket internet sitesi örneğimizi bitiriyoruz. Peki kurumsal bölümüne eklememiz gereken bilgiler nelerdir? Yeni TTK bizden neler istiyor? Şurada ve şurada belirtildiği üzere ilk olarak şirket ile ilgili temel bilgileri eklememiz gerekiyor. Bunlar; […]

Duyurular bölümünü bitirelim (blog)

Duyurular bölümünü tıpkı daha önce hakkımızda bölümünde yaptığımız gibi section ve article olarak kuracağız. Fakat burada fark şu olacak. Duyurular bölümünü tıpkı bir blog gibi oluşturacağız. Herhangi bir navigasyon olmasına gerek yok. Aşağıya doğru kaydırdıkça makaleleri görebileceğiz. İstersek sadece liste gibi veya makale özeti koyup devamını gör linkini de koyabiliriz ama gerek yok. Bunun yerine […]

İçerik bölümlerini ekleyelim

Geriye 3 tane bölümümüz kaldı. Daha sonra sitemiz bitiyor. Hakkımızda, Duyurular ve Kurumsal bölümlerini oluşturacağız. Hakkımızda bölümü üç ayrı yazıdan oluşacak. Şirketimiz hakkında, referanslar, tarihçe ve kalite felsefemiz. Bunları tek bir bölümde (section) ama 3 ayrı makalede oluşturacağız. Duyurular bölümü ise bir blog gibi olacak. Tıpkı facebook veya twitter’da paylaşıldığı gibi haber formatında olacak. Devam […]

İletişim bölümünü oluşturalım ve HTML formlarını anlayalım

Tek ürün gösteren veya sipariş vermeyi sağlayan sayfayı yapmadan önce, saitemizin belki de en önemli bölümü olan iletişim bölümümüzü yapmamız gerekiyor. İletişim bölümü sitemizin en önemli bölümüdür. Genellikle firmaların internet sitelerine giren insanlar sadece bu bölüm için sayfayı açarlar. Aradıkları şey genellikle telefon numarası, adres, e-posta veya daha da önemlisi mesajlarını direk yollayabilecekleri bir iletişim […]

Ürünler sayfamızı oluşturalım

Bir önceki yazıda anasayfamızı tamamlamış, bölümlerimizi oluşturmaya başlayacağımızı söylemiştik. İlk olarak ürünler bölümüyle başlayacağız. Ürünler sayfamızda birden çok kategori içinde, birden fazla ürünü aynı anda görmemiz gerekiyor. Bunun için kategoriler arasında gezinmemizi sağlayan bir bağlantılar listesine ihtiyacımız var ilk olarak. <div class=”span3 yanliste”> <ul class=”nav nav-list”> <li>Kategoriler</li> <hr> <li><a href=”ajanda.html”>Ajandalar</a></li> <li><a href=”poster.html”>Posterler</a></li> <li><a href=”davetiye.html”>Davetiyeler</a></li> <li><a […]

İçerik ve alt bilgi kısımlarını da Bootstrap için uygun hale getirelim

Genellikle bu tarz şirket sayfalarında ürünleri ya da hizmetleri gösteren 940 piksel genişliğinde bir ana resim bulunur. Bizim de elimizde şöyle bir resim olsun: Bu resmi icerik adlı section etiketimizin hemen altına anaResim adlı div kutusunun içine yerleştireceğiz ki ilk mesajımızın hemen üstünde ama üs kısımın da hemen altında bulunsun. <div id=”anaResim”><img src=”anaResim.jpg” alt=”Ana Resim”/></div> […]

Sayfamızı Twitter Bootstrap ile mükemmelleştirelim

Twitter Bootstrap kütüphanesini kullanmaya başlamadan önce bu kütüphanenin çalışma mantığıyla ilgili bilmemiz gereken birkaç şey var. Bu kütüphane, etiketlerin class özelliklerine eklediğimiz görevleri görüyor ve bunların görünümünü bu görevlere göre otomatik olarak değştiriyor. Biraz daha açalım. <div class=”container”></div> Kütüphanemizin mantığı 960 piksel üzerine kurulu demiştik. Bootstrap bu 960 pikseli 12’ye bölerek çalışıyor. Öncelikle bu sistemi […]