kanalbizim.tr.gg | Chat,Sohbet,Sohpet,Kızlarla Sohbet

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">
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;
background-color: #000000;
} 
#baslik
{
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; 
 }

Bu şelikde hazırlamış oldugumuz websayfamıza renk atamalarını yapmış olduk.

Ş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.