INDEX NEDIR ?
İnternet sitelerinin giriş sayfasıdır. Ayrıca "index basmak" diye bir terim de vardır.
INDEX NASIL HAZIRLANIR ?
Hazır kalıplara yazılar yerleştirerek veya kodlar yardımıyla tamamen kendiniz oluşturarak yapılır.
INDEX HAZIRLAYALIM
İndex hazırlamak için öncelikle herhangi bir program gerekmez ama şu program çok iyidir ve ben de tavsiye ederim:
NotePad İndir
Bu programı indirdiyseniz daha kolay index yapabiliriz ama indirmediyseniz Not Defteri veya WordPad programlarından birini açınız.
Etiket Nasıl Olacak ?
İlk kodumuz budur. Bunu açtığınız programın ilk satırına yapıştırın. <title>Etiket</title> ;
Burada "Etiket" yazan yere yazacağımız yazı ;
Altını çizdiğim yerdeki yazı olacaktır. Bu yüzden orası önemli. Ben;
yazdım.
İndex arkaplanı nasıl olacak ?
kodu ile index'in arkaplanı belli olacak. Ben
yazarak arkaplanı siyah yapacağım.
Ana Yazı Ne ve Nasıl Olacak ?
Şimdi indeximizin ana yazısının ne olacağını belirleyelim. Kodumuz;
Ben hazır bir kod koydum üste. Siz isterseniz rengi, boyutu vs değiştirebilirsiniz. Ben aynen şöyle yazacağım:
Küçük Bir Not Ekleyelim
Alta küçük bir not eklemek istiyorsak ;
kodu ile yazabiliriz. Ben;
yazdım.
Alta Küçük Bir Resim Eklesek Fena Olmaz mı ?
Şimdi resim ekleyelim. Kodumuz;
Şimdi bir resim arayın. Ben aynen şunu koyacağım:
Şimdi yerleştirelim:
İndex şimdilik hazır gibi ama bir bakalım benim index'e:
Gördüğünüz gibi herşey tam olmamış. Resmi hadi gelin ortalayalım.
<img src="http://hizliresim.com/jJV1En.png">
Kod buydu. Şimdi biz bunu ;
<div align="center"> <img src="http://hizliresim.com/jJV1En.png"></div>
olarak değiştirirsek ne olur ?
Gördüğünüz gibi işlem tamamdır.
Yardımcı olduysak bir teşekkür yeter (;
İnternet sitelerinin giriş sayfasıdır. Ayrıca "index basmak" diye bir terim de vardır.
INDEX NASIL HAZIRLANIR ?
Hazır kalıplara yazılar yerleştirerek veya kodlar yardımıyla tamamen kendiniz oluşturarak yapılır.
INDEX HAZIRLAYALIM
İndex hazırlamak için öncelikle herhangi bir program gerekmez ama şu program çok iyidir ve ben de tavsiye ederim:
NotePad İndir
Bu programı indirdiyseniz daha kolay index yapabiliriz ama indirmediyseniz Not Defteri veya WordPad programlarından birini açınız.
Etiket Nasıl Olacak ?
Kod:
<title>Etiketin bulunacağı yer</title>
İlk kodumuz budur. Bunu açtığınız programın ilk satırına yapıştırın. <title>Etiket</title> ;
Burada "Etiket" yazan yere yazacağımız yazı ;
Altını çizdiğim yerdeki yazı olacaktır. Bu yüzden orası önemli. Ben;
Kod:
<title>SoNCaSH </title>
yazdım.
İndex arkaplanı nasıl olacak ?
Kod:
<body bgcolor="renk" />
kodu ile index'in arkaplanı belli olacak. Ben
Kod:
<body bgcolor="Black" />
yazarak arkaplanı siyah yapacağım.
Ana Yazı Ne ve Nasıl Olacak ?
Şimdi indeximizin ana yazısının ne olacağını belirleyelim. Kodumuz;
Kod:
<div style="text-align: center; "><span class="Apple-style-span" style="color: rgb(255, 255, 255); font-family: Arial, Tahoma, Verdana; font-size: 50px; font-weight: bold; ">Ana yazı </span></div>
Ben hazır bir kod koydum üste. Siz isterseniz rengi, boyutu vs değiştirebilirsiniz. Ben aynen şöyle yazacağım:
Kod:
<div style="text-align: center; "><span class="Apple-style-span" style="color: rgb(255, 255, 255); font-family: Arial, Tahoma, Verdana; font-size: 50px; font-weight: bold; ">Powered by; SoNCaSH & CB </span></div>
Küçük Bir Not Ekleyelim
Alta küçük bir not eklemek istiyorsak ;
Kod:
<div style="text-align: center; "><span class="Apple-style-span" style="color: rgb(255, 255, 255); font-family: Arial, Tahoma, Verdana; font-size: 20px; font-weight: bold; ">Küçük Bir Not</span></div>
kodu ile yazabiliriz. Ben;
Kod:
<div style="text-align: center; "><span class="Apple-style-span" style="color: rgb(255, 255, 255); font-family: Arial, Tahoma, Verdana; font-size: 20px; font-weight: bold; ">TurkHackTeam</span></div>
yazdım.
Alta Küçük Bir Resim Eklesek Fena Olmaz mı ?
Şimdi resim ekleyelim. Kodumuz;
Kod:
<img src="resminurlsi">
Şimdi bir resim arayın. Ben aynen şunu koyacağım:
Şimdi yerleştirelim:
Kod:
<img src="http://hizliresim.com/jJV1En.png">
İndex şimdilik hazır gibi ama bir bakalım benim index'e:
Gördüğünüz gibi herşey tam olmamış. Resmi hadi gelin ortalayalım.
<img src="http://hizliresim.com/jJV1En.png">
Kod buydu. Şimdi biz bunu ;
<div align="center"> <img src="http://hizliresim.com/jJV1En.png"></div>
olarak değiştirirsek ne olur ?
Gördüğünüz gibi işlem tamamdır.
Yardımcı olduysak bir teşekkür yeter (;




