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 ile Sayfa Tasarımı Düzenleme
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:
<link href=“css/default.css” rel=“stylesheet” type=“text/css” />
İşte mantık şu index.php dosyasından CSS kodlarıyla işimize şekil vermek bunun için CSS dosyası için ne yapacaz, ona bakalım.
Sayfa Tasarımı ve CSS Kodları
İşleme başlamadan önce, Sayfamız hakkında fikirler yürütmemiz gerekiyor. Ben bunun için 2 sütünlu bir sayfa tasarımı kullanacağım. Aşağıdaki haritaya bakarak sizde değişik haritalar çıkarabilirsiniz. Örnek olarak 3′lü ve 4′lü sütun gibi…
default.css dosyanıza aşağıdaki kodları kopyalayıp yapıştırınız.
PAGE STRUCTURE
—————————— */
/*
#container has an absolute width (780 pixel)
The width of inner elements is set to auto,
in this way all inner elements have the same
width of the element which contains them
*/
#container{width:780px; margin:0 auto;}
#topbar{width:auto; display:block; height:80px;}
#navbar{width:auto; display:block; height:24px;}
#main{width:auto; display:block;}
#column_left{width:560px; margin-right:20px; float:left;}
#column_right{width:200px; float:left;}
/*
div.spacer, solve an issue with #container height
in css 2 column layout.
*/
div.spacer{clear:both; height:10px; display:block;}
#footer{width:auto; display:block; height:24px;}
İşte temel sayfa yapımız hazır. Güle güle kullanın.
Kaynak: http://woork.blogspot.com/2007/10/design-page-layout-using-css.html
oldukça temel düzeyde ve güzel anlatılmış bir konu başlığı yine sitenizde teşekkürler ancak dikkatimi çeken bir hususda şu oldu, config.php yi mümkünse chmod 644 yapmamız gerekiyor, hack ataklarına karşı bir önlem olarak. Bunun dışında web sitenizde güvenlik için çeşitli önlemlere de başvurabilirsiniz. Örneğin resigter_globalsı of yapmak yada config phpyi saklamak gibi.
iyi çalışmalar.
Evet, bu konuda çok haklısınız. Tabi güvenlik ile bilgileri vermedik ama yeni başlayanlar için bir başlangıç seferi düzenlemek gibi oldu konumuz. Zaten kaynak belirtmiştim o sitedeki yazı hoşuma gittiği için çeviri yaparak siteme ekledim.