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 […]

İç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 […]

Sayfamıza içeriklerimizi eklemeye başlayalım

Öncelikle elimizde logo.jpg adında bir logomuz var. Logomuzu nasıl ekleyeceğiz? Sayfalarda resimleri eklemek için kullandığımız etiket <img> etiketi. Burada da <img src=”logo.jpg” alt=”Logo”> olarak kullanacağız. Bu etikette genişlik ve yüksekliğini de ayarlayabiliriz ama şimdilik gerek yok. Peki alt özelliği nedir? Alt yani alternatif, eğer resim yüklenmezse yerinde görünmesini istediğimiz yazıdır, önlem olarak bunu hep kullanmamız […]

HTML etiketlerini tanımaya devam edelim ve basit bir şirket sayfası yapalım

Daha önceden PHP’nin sunucu üzerinde çalıştığından bahsetmiştik. PHP’nin en güzel avantajlarından bir tanesi, kullanıcıdan aldığı bilgiyi işleyebilmesi. Burada PHP’nin icat edilme amacı da ortaya çıkıyor. PHP’nin HTML’den en büyük farkı, HTML statik yani, basılı kağıt gibi tek taraflı bilgiyi sunmaya yarayan bir teknoloji olması. Mesela bir siteye kayıt olmak, bir fotoğraf paylaşmak, tweet atmak gibi […]

İlk HTML sayfamızı yapmaya başlayalım

İnternette bilgileri barındıran sayfalar HTML ile yapılır demiş ve etiketlerin yapılarıyla ilgil bilgi vermiştik. Şimdi en basit HTML sayfası nelerden oluşur bir göz atalım. <!DOCTYPE html> <html> <head> <title>İlk İnternet Sayfam</title> </head> <body> <p>Haydi güzel birşeyler yapalım</p> </body> </html> Bu gördüğümüz kodu 1-temiz.html olarak htdocs altına kaydedelim ve tarayıcımızdan http://127.0.0.1/1-temiz.html linkini çağıralım. Korkmayın birazdan hepsini […]

HTML’nin temelini oluşturan XML’i anlayalım

Form ile veri girmeye başlamadan önce biraz HTML’den bahsetmekte yarar var.  HTML yani Hyper Text Markup Language internet sayfası oluşturmaya yarayan etiketleme dilidir. Bir programlama dili değildir. Belli başlı bilgileri farklı etiketlerle bilgisayarların anlamalarını sağlayan XML dilinin bir türüdür. Burada etiketler, sayfalarımızın Firefox, Chrome, Safari ve (ne yazık ki) IE tarafından anlaşılamalarını sağlayan kodlardır. En […]