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 
Ahmet Öğretmenim, emeğiniz için çok teşekkür ediyorum. Öğretmenler gününüz kutlu olsun.
Php ile kodlanmış Mezunlar sayfanızı paylaşabilir misiniz? E-posta adresim 463734@gmail.com wordpress ile yayınlanan sitemizde izniniz olursa kullanmak istiyoruz. http://www.rasitozkardes.k12.tr/
Ziyaretçi defteri, anket ve mezunlar sistemi hakkında bir yazı yayınlayacağım. Yalnız mezunlar sayfasının çok gelişmiş bir sistem olduğunu söyleyemem. Üyelik, mesajlaşma, yıllara ve mesleklere göre mezun öğrencileri listeleme şeklinde birkaç özellik barındırıyor.
Ahmet hocam öğretmenler gününüz kutlu olsun daha nice 24 kasımlara öğrencilerinizle beraber
Sizin ve tüm öğretmenlerimizin öğretmenler gününü kutluyorum. Meslek hayatlarınızda başarılar dilerim.
Hocam şablonu indirdim fakat içerisinde resimler klasörü ve duyurular klasörü vb bazı dosyalar eksik görünüyor. benmi hata yapıyorum Size zahmet olacak fakat iremcinkaya@gmail.com adresine elinizdeki dosyayı tam olarak gönderebilirmisiniz çok teşekkür ederim
E-posta hesabınıza dosyayı gönderdim hocam.
Sayın hocam uzun zamandır sizleri büyük beğeniyle takip etmekteyim. Bilişim.NET sayesinde okullarımız web sayfalrına ulaştı bu sayede bizde önümüzdeki yıllar için sizin şablonunuzu geliştirerek kullanmyı düşüüyoruz. ama hocam çeşitli sebeblerden dolayı.... birççok flash decombiler gold thriller, a4desk sowthink vb programı kurmama rağmen üst bannerla ilgili tasarımsal açıdan çeşitli sorunalr yaşamaktayım. sayın hocam css 5 indirsem de kuulumda error verdiğinden önemle rica etsem sadece üst bannerla ilgili menü fla ve menü swf vb dosya okulumz ismi SOLHAN MEHMET AKİF ERSOY İLKÖĞRETİM OKULU yazarak e-kunami@hotmail.com adresine gönderebilirmisiniz. şimdiden teşekkür ederim
Peki hocam sadece okul ismini değiştirerek .fla ve .swf dosyasını belirttiğiniz adrese göndereceğim. Şunu hatırlatayım. Decomplier kullanmanıza gerek yok, Çünkü FLA dosyası paketin içerisinde var. Flash CS4 ve üzeri ile de dosyayı açabilirsiniz.
Sitem ve şablon hakkındaki görüşleriniz için teşekkür ederim. Vakit bulursam şablonu da geliştireceğim. İyi çalışmalar.
Hocam ben üstteki flash menülerin ismini nasıl değiştirimce flash cs5 yükledim ama menüler görükmüyor orda siz nereye koydunuz acil yardımcı olur musunuz ? üstteki ilköğretim yazısını değiştirdim ama menüler görünmüyor onu baska bi yere mi attınız yardımcı olur musunuz ?
Library bölümünde b1txt, b1cmmt, b2txt, b2cmmt.. şeklinde Graphic nesneleri var. Bunları açıp istediğiniz menü ve menü açıklamalarını değiştirebilirsiniz. Öğeyi açtığınızda hiçbirşey göremiyorsanız CTRL-A ile tümünü seç işlemi yapın. (Yazılar beyaz olduğu için.)
hocam ben öğretmen arkadaşların resimlerini ekleyemiyorum:(:( yardımcı olurmusunuz??
Hocam öncelikle öğretmen fotoğraflarını Kadro klasörüne boyutlarını 94x120 piksel yaparak kopyalayın. Daha sonra kadromuz.html dosyasında Galeri sınıfına sahip DIV elementlerini öğretmen sayınız kadar çoğaltın. Resme göre kisi_resimyok.jpg bölümünü öğretmen resim dosyalarının isimleri ile değiştirin.
Hocam merabalar.
Site'nizde görüntülenme sorunu varmı acaba?,,ftp açılıyor ama site görünülenmiyor??
MEB sunucularındaki hiçbir okul sitesi açılmıyor şu an.
sayın hocam çslışmsıx gerçkten çok hoş tabi ki
ama indiriken dosyalrın tamamı inmiyor rar da bozuk dosya var uuyarısı söz konusu... bilgilerinize arz ederim.
Dosyayı bir indirme yöneticisi programla ile indirmelisiniz. Örneğin, Internet Download Manager veya Free Download Manager gibi. Bu hata dosyanın bulunduğu sunucudan kaynaklanıyor. Özellikle büyük dosyaların indirilmesi sırasında.
hocam merhaba sitenin altındaki sizin isminizin yazdığı yeri değişirmek istiyorum fakat site alt fla sına girip istediğimi yazıp dışa aktar görüntü olarak (png) formatı ile dediğimde sitede düzgün durmuyor sebebi nedir?
hocam haber sitesi yapacağım bir admin paneli olcak oradan haberler girilip sitede yayınlanacak bu konuda yardımcı olabilirmisniz?
Joomla, Wordpress gibi gelişmiş sistemleri deneyebilirsiniz. Diğer türlü admin panel hazırlamak, kontroller, kodlar vs. çok zaman alacaktır.