Okul Web Sitesi Şablonu
Kendi okuluma hazırladığım web sitesi için çok istek almamdan dolayı bir okul web sitesi şablonu oluşturuyorum.
Okulumun web sitesiyle hemen hemen aynı olan sitenin özellikleri şu şekilde:
- Flash menü.
- XML destekli Flash manşet haber akışı.
- Jquery ile hazırlanmış duyurular.
Site tam ekran bir arkaplana sahip.
Menülerin ve Okul Adının Değiştirilmesi:
Sitenin ana dizinindeki "bilgiler.txt" dosyasını açın. Okul adını ve menüleri ihtiyacınıza göre değiştirip dosyayı kaydedin.
okuladi=Örnek İlköğretim Okulu Şablonu
menu1=ANASAYFA
menu1tanim=Anasayfaya git.
menu1link=anasayfa.html
Manşet Haber Flash Kullanımı:
Yeni manşet haberler eklemek için öncelikle haberinizle ilgili bir resim dosyası oluşturun veya fotoğraflarınızdan birisini de kullanabilirsiniz. Bu resmi Galeri klasörüne kopyalayın ki sitenin ana dizininde karışıklık oluşturmasın.
Sitenin kök klasöründeki data.xml dosyasını bulun ve Not Defteri ile açın.Aşağıdaki kodu kullanarak ilgili yere yeni öğe <item> ekleyin.
<item image="Galeri/haberresmi.jpg" link="" target="_self" textBlend="no"><![CDATA[<font color='#EEC008'>Haber Başlığı<br /></font><font color='#FFFFFF'>Haber açıklaması.</font>]]></item>
Dosyayı kaydedin ve kapatın.
Manşet Haber Geçiş Efektlerini Değiştirmek:
Anasayfada vereceğiniz manşet haberlerin geçiş efektlerini değiştirmek için data.xml dosyasını Not Defteri benzeri bir uygulama ile açın ve aşağıdaki satırı bulun.
transitionType="1"
Buradaki 1 değerini 1-5 arasındaki bir değer ile değiştirerek farklı geçiş efektleri görebilirsiniz. Değeri değiştirdikten sonra dosyayı kaydedin ve kapatın. Manşet haber flash dosyasının tüm ayarlarını data.xml dosyası ile yapıldığını da hatırlatmakta fayda var. Örneğin, animasyon geçiş hızı, ileri-geri düğmeleri, otomatik geçiş gibi birçok ayarı bu dosyadan yapabilirsiniz.
Anasayfa Haberleri:
Sitenin kök dizininde index.html dosyasıı açın. İçerik bölümündeki Okulumuzdan Haberler başlığı altındaki "haber" sınıfına sahip aşağıdaki DIV elementini bulun.
<div class="haber">
<div class="haber_resim"><img src="Duyuru/okul.jpg" width="80" height="80" /></div>
<div class="haber_bilgi">
<div class="haber_baslik">Haber 1</div>
<div class="haber_metin" align="justify"> Haber metni.</div>
</div>
</div>
Bu elementi alt alta çoğalttınızda siteye yeni haber eklemiş olacaksınız. Haberleri artırdıkça başlığın hemen altında bulunan aşağıdaki DIV elementinin height (yükseklik) değerini de artırınız. Böylelikle kaydırma çubukları gözükmeyecektir.
<div style="overflow:auto; height:250px;">
Bu değer ekleyeceğiniz her yeni haber için 100 px artırın.
Duyurular:
Sitenin kök klasöründeki index.html dosyasını bulun ve görüntüleme açısından rahat olması için Dreamweaver benzeri bir uygulama ile açın.
Div kimliği newsticker-demo olan satırı bulun. Bu elementin altındaki her <li></li> etiketi bir duyuruyu ifade ediyor. Aşağıdaki satırı eklediğinizde yeni bir duyuru eklenmiş olacak.
<li>
<div class="thumbnail">
<img src="Resimler/duyuru.jpg">
</div>
<div class="info">
<span class="duyuru_baslik">Duyuru 1</span>
<div class="duyuru_metin">Duyuru metni.</div>
</div>
<div class="clear"></div>
</li>
Dosyayı kaydedin ve kapatın.
Yan Menü:
Yan menüdeki linklerde gezinmeyi JavaScript kodları ile yaptım. Yan menüye yeni bağlantı eklemek için <ul class="yanmenu"> öğesinin altına aşağıdaki kod satırın ekleyin.
<li class="menu_oge" onclick="golink(adres.html');">Link adı</li>
Kullanıcıya hangi sayfada olduğunu göstermek için bağlantıyı aşağıdaki gibi değiştirin.
<li class="menu_oge_aktif">Gösterilen Sayfa</li>
Bağlantıları belirli başlıklar altında toplamak için aşağıdaki stil sınıfını kullanın.
<li class="menu_oge_sabit">Faydalı Linkler</li>
Dosyayı kaydedin ve kapatın.
Sitenin önizlemesini buraya tıklayarak izleyebilirsiniz. Şablon çeşitli nedenlerden dolayı yayından kaldırılmıştır.
Bu şablon için fotoğraf galerisinin nasıl oluşturulduğunu öğrenmek için tıklayın.
Bu şablon için ziyaretçi defterinin nasıl oluşturulduğunu öğrenmek için tıklayın.
Bu şablon için nasıl anket hazırlanacağını öğrenmek için tıklayın.
Not: Şablon üzerinde geliştirmelere devam edeceğim, bu sayfadan kullanım bilgilerine ve güncel sürüme sahip olabilirsiniz. Görüş ve önerilerinizi yorum olarak ekleyebilirsiniz.
Web sitemi şu anda Masaüstü Görünümü'nde geziyorsunuz.
Mobil cihazınızdan geziniyorsanız Mobil Görünüm'e geçmek için 
En popüler kelime oyununda yarışmaya hazırsanız buraya 
Aradığınız ürünü akılınızdaki fiyata bulun. Hemen şimdi 
Mini blog sitesi 
hocam mezunlar çalışmanızda bir gelişme var mı. maile gönderebilirmisiniz yada burda paylaşabilirmisiniz
Hocam bu sayfa için büyük beklenti oluşturdum biliyorum fakat vakit bulup uyarlayamadım henüz.
hocam sizin dediğiniz isteden ziyaretçi sayfası oluşturmuştuk.. 0fees.net den
ama yaklaşık bir haftadır siteye girşi yapamıyorum. kullanıcı girişi yaptığımda girşi başarısız diyor kullanıcı adı ve şifresi doğru . sizdede böyle bir hata var mı acaba
VistaPanel'e giriş yapabiliyorum, sorun yok bende. Fakat farklı siteler farklı sunucularda olduğu için sizde sorun olabilir. Ücretsiz host olduğu için problem yaşanması çok doğal.
http://dumlupinar.comeze.com/OkulSitesiSablonu_ahmetfx.rar
linki yenilermisiniz
hocam emeğinize son derece saygılıyım.ama şunu da belirtmeden geçemeyeceğim; bilgi paylaşılmadığı sürece neye yarar ki...başkalarına bir değer katmayan bilgi biraz güdük kalmaz mı?
Belirtmeyi unutmuşum. şablon derken daha önce paylaştığınız site şablonunu kastediyorum. okulunuzun banner şablonu değil. yanlış anlaşılmasın.
Hocam paylaşım sırasında iken indirmiş iseniz kullanabilirsiniz elbette, fakat yeni kullanımlara izin vermiyorum.
Hocam iyi günler sizi yine rahatsız ediyorum. yazdığım mesaja bir cevap dahi yazmayınca çok büyük bir suç işlediğim hissine kapılmaya başladım. Halen izninizi bekliyorum. şablonunuzu kullanmama izin verip vermediğinizi belirtirseniz sevinirim. hayırlı günler.
siteniz çok güzel. Özellikle görselliği çok güzel ve çekici olmuş. Ancak şablon linki çalışmıyor. Linki kontrol ederseniz faydalanmak isterim.
Dosya yayında değil, üzgünüm.
teşekkür ederim cevap verdiğiniz için. sizin sitenizde kullandğınız banner beğendim kullanmak istedim. şablonu bütün içeriğiyle paylaştığınız için bir sorun olmayacağını zannetim.Değişiklik yaptıktan sonrada bunu ben yaptım diye havasını atmayacaktım. çünkü buna siz emek harcamışsınız. büyük ihtimalle emeğinize saygısızlık yapanlar yüzünden şablonu paylaşmaktandan vazgeçtiniz. herkesi aynı kefeye koymazsanız sevinirim. yanlış bir şey yaptıysamda özür dilerim. şablonunuzu kullanmamı istemezsenizde canınız sağolsun.
hocam iyi günler sizin şablonunuzu kullanarak site yaptım ancak suan google sitemi fişlemiş ne yapabilirim acaba kodların neresinden neleri temizleyecem yardımcı olursanız sevinirim. bu arada sitem http://okulweb.meb.gov.tr/42/08/312186/
Sitenizi Google Webmaste'a kaydetmeyi deneyebilirsiniz. Öncelikle tüm FTP dosyalarınızı silip tekrar yükleyin. Bizim okulun sitesine de olmuştu fakat kendiliğinden düzeldi, Google hatalı engellemeler yapabiliyor.
Sayın hocam çok güzel bir çalışma olmuş lakin bazı eleştirilerim var : sitnin ön izlemesinden,neyin nasıl değiştirileceğine ,hiç bilmeyen birinin bile düzenleyebileceği kadar güzel anlatmışsınız.Ama bu anlatımlar ve tanıtımın ardından siteyi indirememiz çok moral bozucu...bari bu sayfayı komple silin,2 gündür indireceğim diye uğraşıyorum...Yada size son teklifim iskeleanaokulu@gmail.com adresine şablonu atın.Okulumuz daha yeni açıldı.6 aylık ve internette kimse farkında değil....rica ediyorum hatta arz ediyorum...başarılar diliyorum.....
Hocam şablonu yayından kaldırdım, sayfayı silmeyeceğim çünkü kullanan öğretmen arkadaşlara bu sayfadan yardımcı oluyorum.
Daha önceki yorumlara göz atmış iseniz yayından kaldırdığımı görmüş olmanız gerekiyor.