Bilgi
Bir websitesi nasıl olmalı?
1-İçeriği ve sayfa yapısı özgün olmalı.
2-Seo çalışmasının bitmiş olması gerekir.
3-Sitemizde kullanacağımız metaryellerin kendimize ait veya az kullanılmış olması:)
4-Linklerde ve sayfa yapısında türkçe karakter uygulamasına dikkat edilmesi.
5-Sadece bir konuya odaklanmak yerine bilgisi olduğumuz konuları paylaşmak.
6-Sitemizi hitini artırmak için çeşitli hileleri kullanmak yerine sabırla bekleyip kalıcı yerlere gelmek.
7-En önemlisi bilgilerimizi paylaşmalıyız..
Basit bir web sayfası nasıl yapılır onu ögrenelim;
Web sayfamıza başlamadan önce CSS YE genel bakış yapmamız gerekir.Css bir web tasarım dilidir ve çok geniş bir yazım dili vardır. daha detaylı bilgi için Bknz CSS NEDİR bu yazımın devamı niteliğindeki diger bir makalemi okuya bilirsiniz bunun için Bknz WEB TASARIM
Şimdi sıra geldi basit bir web sayfası nasıl yapılır onu anlatmaya;
Bir web sayfası çizelim ilk önce;
Resim kötü olabilir idare edin;)
Gelelim ne yaptığımıza
1-ilk önce web sayfamızı tanımladık
2-Web sayfamıza başlık ekledik
3-İçerik bölümünü ekledik
4-Menü bölümünü ekledik
5-Alt bölümünü ekledik
Resimimize göre Css ve Html kodlarını yazacak olursak şu şekilde yazarız.
İlk önce Xhtml kodlarını yazalım
<div
id
=
"sayfa"
>
<
div
id
=
"Baslik"
>
buraya sitemizin başlığı
</div>
<div
id
=
"icerik"
>
Buraya sitemizin içeriği
</div>
<div
id
=
"Menu"
>
Buraya menü linkleri
</div>
<div
id
=
"Altbolum"
>
{
Buraya sitemiz ile ilgili copright veya kısa bilgiler yazabiliriz
</div>
</div>
Yukarıdaki yazmış olduğumuz kodlar Xhtml dir şimdide Css kodlarını yazalım.
#sayfa
{
width:
768px
;
#baslik
}
width:
768px
;
}
#icerik
{
float
:
right
;
width
:
568px
;
}
#menu
{
float
:
left
;
width
:
200px
;
}
#altalan
{
width
:
768px
;
clear
:
both
;
}
İşte bu kadar basit bir web sayfası hazırlamış olduk.
Asıl gerekli olan sayfalarımıza değer atamaktır.Yukarıda çizmiş olduğum web sayfasına değer atıyalım
Şimdi Gelelim Web sayfamızada renkleri kullanmaya bunun için tekrar bir resim çizelim.
İlk önce Xhtml kodlarını yazalım
<div
id
=
"sayfa"
>
<
div
id
=
"Baslik"
>
buraya sitemizin başlığı
</div>
<div
id
=
"icerik"
>
Buraya sitemizin içeriği
</div>
<div
id
=
"Menu"
>
Bu şelikde hazırlamış oldugumuz websayfamıza renk atamalarını yapmış olduk.
Buraya menü linkleri
</div>
<div
id
=
"Altbolum"
>
{
Buraya sitemiz ile ilgili copright veya kısa bilgiler yazabiliriz
</div>
</div>
Yukarıdaki yazmış olduğumuz kodlar Xhtml dir şimdide Css kodlarını yazalım.
#sayfa
{
width:
768px
;
#baslik
background-color
: #000000
;
}
width:
768px
;
}
background-color
: #ff0000
;
#icerik
{
float
:
right
;
width
:
568px
;
background-color
: #ffffff
;
}
#menu
{
float
:
left
;
width
:
200px
;
background-color
: #3333ff
;
}
#altalan
{
width
:
768px
;
clear
:
both
;
background-color
: #ff0000
;
}
Şimdi bu 2 metodu öğrendikten sonra bunları çeşitlendire biliriz.Bunu nasıl yaparız sorusuna gelince nasıl renk ekliyorsan renk kodu yerine resim kodunu ekleye biliriz veya menü ataması yapabiliriz.Menüler için bkns css dikey menü veya css sekmeli menü gibi örneklendirebiliriz bunların yanı sıra çeşit menü resimlerine link vererek kendi sitemize ait menü oluştura biliriz.