Best Under Construction Webpage Design Examples

By

Anlık binlerce kişinin girdiği websiteleri dahi  bir süreliğine mola verip yeni tasarımı yada scripti  faaliyete geçirmek için dinlenme ihtiyacı duyar. Mesela geçenlerde Sahibinden.com sitesine girdiğimde bile böyle bir durumla karşı karşıya kaldım.

Birkaç şey güncellemek için binlerce kişiyi kapıda bekletip ufak çaplı bir sayfaya yönlendirmek oluyor aslında bu. Tam hatırlamıyorum ama  gg, n11 yada hepsiburada sitelerinden birinde de bir süreliğine bu durum olmuştu. Büyük siteleri örnek vermemin sebebi, gayet normal bir durum olduğu ve herkesin bu tarz işlemler yapabileceği anlamına geliyor istesek de istemek de. Tabi bir de işin ziyaretçi boyutu söz konusu. Gün boyu çalış, yapamadığın alışverişleri, ödeyemediğin faturaları da online olarak ödeme ihtiyacı duyduğumuzda bile kapalı siteler ile karşılaşmamız mümkün diye yazarken Yapıkredi internet sitesinin de çoğu zaman kapalı olduğu dönemler gözümün önünden  geçti bir anda. O kadar işin üstüne  bir de ne kadar bekleyeceğimizi bile bilememek ister istemez stres altına girmemize neden oluyor.

Yapım aşamasındaki sitelere ziyaretçi gözünden bakınca durum çok farklı bir hal alabiliyor. Her ne kadar tavsiye etmesem bile kaçınılmaz durumlar yüzünden web sitemizi bir süreliğine bakım moduna alma ihtiyacı duyabiliyoruz. Bu güne kadar hiç bir şekilde mintik.com sitesini yapım aşamasında diye kapalı tutmadım. Varolan sorunları localhost üzerinden düzeltip hızlı bir şekilde eskisiyle değiştirerek yoluma devam etmeye çalıştım. Bu konuda çok çaba göstermeme rağmen ben farkında olmadan sitenin ziyaretçilere kapalı olduğu durumlar olmuştur hosting tarafından yapılan acil müdahalelerle.

Örneklere başlamadan önce hem yayıncı hemde okuyucu tarafından duruma bakarak kendi görüşlerimi eklemek istedim biraz. Sizler için derlediğim bazı scriptler, siteniz bakım modunda iken belki işinize yaramaz yada bu amaç için beğenmezsiniz ama içindeki materyaller mutlaka bir gün işinize yarayacaktır. Burada paylaştığımız örneklerin Çoğu Html5, Css ve Javascript kullanılarak tasarlanmış olan örneklerden oluşuyor. Bazı template örnekleri hareketleri bazılarında açılışa kalan süre ve geriye sayım sayacı şeklinde içerikler barındırıyor. Flash tasarımlar şimdilik yok ama ilerde flash tasarımları da yazımıza dahil edebiliriz istekler doğrultusunda.  Kullanmazsanız dahi arşivinizde bulunmasında oldukça fayda görüyorum.

Websitesi yapım aşamasındadır template örnekleri

Arkaplanda video ile geri sayım

Javascript geri sayım

Animasyonlu açılan yazılar

Geri sayım sayaçlı başka bir örnek

Css3 animasyonlu yüklenme çubuğu

Css3 ile Hazırlanmış bir logo ve geri sayım sayacı

Sakin ol, bir yere gittiğimiz yok.

Uzunca bir aradan sonra, yeni bir örnek daha ekledik. Bu örnekte sürekli değişen açıklamalar var ayrıca eposta abonelik kutusu da var.

 Devamı Çok yakında Sizlerle…

Evet örnekler şimdilik buraya kadar. Umarım bu listeden beğendiğiniz bir örnek bulabilirsiniz.



12 Comments
  1. sb 1 month ago
    Reply

    merhabalar hocam bu template ler siteye nasıl kurulcak ve üzerinde nasıl değişiklik yapabiliriz ? daha bu işin başlarındayım

    • Ali 1 month ago
      Reply

      İndex.html diye ana dizine atman yeterli ama bundan başka index ismi geçen dosya olmamalı. Mesela index.php gibi.

  2. samet usta 11 months ago
    Reply

    Javascript geri sayım – mail adresi tam olarak nereye kaydediliyor? her ley tamam hocam da bir orayı çözemedim. yani ben kendime o kısmı nasıl uyarlayacağım?

    • Ali 11 months ago
      Reply

      Mail kutusuna bağlı herhangi bir mesaj gönderme formu yok, haliyle epostanın size ulaşması da mümkün değil. Herhangi bir giriş scriptini entegre ederek kullanabilirsin. İnternette bu tarz basit scriptler bolca var. Sadece mail kısmını entegre edip şifre kısmını kaldırdığınızda e-posta adresini mysql yardımı ile kayıt edebilen scriptler mevcut. Yapmanız gereken entegre edeceğiniz form ile geri sayım sayacındaki formu karşılaştırarak birbirine uyarlamak. input id=”form-email” name=”form-email” type=”email” placeholder=”Mail adresiniz” buradaki name ve type kısmını elinizdeki form ile değiştirerek kullanabilirsiniz. Tabi öncesinde isteğinize göre bir giriş scripti bulmanız gerek.

  3. Hasan 1 year ago
    Reply

    rar dosyaları hasar görmüş

    • Ali 1 year ago
      Reply

      Şimdi tek tek kontrol ettim Hasan herhangi bir sıkıntı göremedim ben.

  4. peymandar 1 year ago
    Reply

    qwertyuiop

  5. jdsezer 1 year ago
    Reply

    ss3 ile Hazırlanmış bir logo ve geri sayım sayacını çok beğendim harika bir çalışma eliniz sağlık 🙂

    • Ali 1 year ago
      Reply

      Afiyet olsun 🙂

  6. Faruk 2 years ago
    Reply

    Eline sağlık hocam çok güzel olmuş

  7. Ali Çınar 2 years ago
    Reply

    4. tasarımı çok beğendim teşekkürler.

  8. Umut 2 years ago
    Reply

    Eyvallah hocam çok güzel bir döküman olmuş.

Leave a Comment

Your email address will not be published.

You may also like

Trend