Önceki konumuzda CSS tasarımı ve Tipik Web Sayfa Yapısını işlemiştik. Bu sefer önceki konumuzdaki haritaya bakarak navbar kısmını açıklayacağız. Bunun için default.css ve index.php dosyamıza aşağıdaki kodlarımızı yapıştıralım;
1. İlk önce CSS dosyası, Yapmış olduğumuz CSS klasörün içine default.css dosyasını açıyoruz ve aşağıdakileri ekliyoruz;
Popularity: 4% [?]
Bu benim benim ağ projelerimde kullandığım tipik bir website yapısıdır. Bu yapıyı Dreamweaver’e yapmak istiyorsanız,
Windows > Files ve PHP sayfaları ve dosyalarınızı ekleyebilirsiniz.
-index.php dosyası, bizim ilk “kapı“mızdır. Bu sayfanın içine biz, sayfanın başlıca kısımlarını tanımlayacağız. (üstbar, navigasyon barı, ana içerik, alt yazı);
-config.php dosyası, MySQL veritabanı için bağlanmayı sağlar. (Ev sahibi ismi, kullanıcı, parola);
-image dosyası, bütün grafiksel öğeleri içerir (Gif, jpeg, png);
-css dosyası, tarz çarşaf dosyalarını içerir (. Css);
-include dosyası, indekse yüklenecek olan bütün ağ sayfalarının içeriğini kapsayacak.
Kaynak: http://woork.blogspot.com/2007/10/typical-website-structure.html
CSS dosyası ile sayfa tasarımı düzenlemenin nasıl olduğunu öğreneceğiz. Önceki konumuzda Tipik Bir Web Site Yapısı’nı işlemiştik. Bu konumuzda ise css dosyası ile sayfamıza tasarım yapmaya çalışacağız.
Şimdi, index.php dosyasını açıyoruz <head> etiketinin içine aşağıdaki kodu yapıştırıyoruz:
Popularity: 5% [?]
fonttester.com, CSS ve HTML‘i en iyi anlatan bir yazılım sitesidir. Çok basit arayüzü olsada ilham alınacak ve sizi başlangıç için zorlamayacaktır. Yazı tipi ve renk arasındaki farkı bu yazılım sayesinde çok iyi anlayacaksınız. Blogcuların ve Web tasarıma yeni başlayanlar için ilk adres. Size birbirinden farklı isteğe bağlı olarak sütun çalıştırması sunar. Her birini ayrı ayrı kodları ile tasarım yapmanıza olanak sağlar. Sayamadığınız kadar ayarlarla istediğinizi yapabilmek için fonttester tam size göre. Karakter haritası bile mükemmel. Siteyi yapan kişi fevkalade iş çıkarmış olmalı!
Ben bazı CSS özellikleriyle oynadım ve bu sonuç ortaya çıktı. Sıra sizde.
Popularity: 1% [?]
Ubuntu, Wordpress gibi konuların paylaştığım bir blog.
