Home Ücretsiz Temalar Hazır Html – Css Site Örneği
Hazır Html – Css Site Örneği

Hazır Html – Css Site Örneği

37.94K
63

Merhaba arkadaşlar, sizelere daha fazla çalışma sunmak için elimden geleni yapmaya çalışıyorum, yine onlardan bir tanesi olan hazır html ve css site örneğini sizlerle paylaşmak istedim. Html ve css ile yapılmış bu site’nin sadece anasayfasını (index.html), dosyayı indir linkine tıkladığınızda sizlerin olacak. Siteyi istediğiniz gibi düzenleyip kendinize göre ayarlayabileceksiniz.Sitenin manşet alanı  var, yani jquery slider kodlarını eklemenize gerek yok.:) .  Bu html ve css örnekli site birçok çalışmanıza da öncülük edecek. Herkesin elinde bulundurması gereken bir çalışma  olduğunun kanaatindeyim.

Hepinize kolay gelsin.

Not: Nette bulunan ve düzenlenmiş bir çalışmadır.

 

EN ÇOK BEĞENİLEN ÜCRETSİZ TASARIMLAR

ÜCRETSİZ WEB SİTE TEMA-1

ÜCRETSİZ WEB SİTE TEMA-2

ÜCRETSİZ WEB SİTE TEMA-3

ÜCRETSİZ WEB SİTE TEMA-4

ÜCRETSİZ WEB SİTE TEMA-5

ÜCRETSİZ WEB SİTE TEMA-6

ÜCRETSİZ WEB SİTE TEMA-7

ÜCRETSİZ WEB SİTE TEMA-8

ÜCRETSİZ WEB SİTE TEMA-9

ÜCRETSİZ WEB SİTE TEMA-10

ÜCRETSİZ WEB SİTE TEMA-11

DİĞER ÜCRETSİZ WEB SİTE TEMALARI

(37944)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmenliğini bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlayarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(63)

      1. ben bunu sitemde kullanmak istiyorum .Dreamweaver kullanıyorum ne yapacağımı yazarmısınız ? Teşekkürler

  1. merhaba bu temadaki yeşil rengi maviye çevirmek istiyrum ? yardımcı olabılırmısınız

  2. peki hakkımızda onlara tıklatığımızda onları düzenleme gibi bişi yok bizmi köprü yapıoruz

      1. malesef ben o kdrını bilmiorum sadece düzenlemeyi biliyorum bana yardımcı olabilicekmisiniz omer bey

  3. efendim gercekten elinize sağlık.peki ben de birşey sormak isterim.ben de amatörce bir tasarım yapmıştım ama google chrome’da farklı mozilla’da farklı,ie’de farklı yamuk yumuk görünüyor.diğer yandan laptop veya masaüstü lcd monitörlerde de çözünürlük farkı yani acayip yanda yönde görünüyor.bu sebeple acayip keyfim kaçtı ve de siteyi kaldırdım.ama tasarımınız hoşuma gitti tekrar yapıcam inşallah,şunu sormak isterim efendim,bu tasarımınızı değiştirip kullansam şayet,farklı tarayıcı vede çözünürlüklerde yamuk yumuk çıkmaz değil mi?tam oratad aynen oldugu gibi mi çıkar yani?bir de bu sorunları çözmek için html siteler içn bir yönetem var mıdır?birçok arkadaşın derdi bu ama ne yazık ki kimse yardım etmiyor.saygılar,teşekkürler…

    1. çözünürlük herkesin sorunu hakan arkadaşım. Bunun için yapman gereken sitenin genişliğini 960px genişliğinde tutman. bu şekilde site tasarlarsan hiçbir sorunun olmayacak. bu işlere yeni girdiğin için böyle çalışman senin için daha faydalı olacaktır. Eğer sitende ki bloklar dağılıyorsa bunun çözünürlükle alakası yoktur. Bazı işlemleri eksik yaptığından dolayı kaynaklanıyor. Eğer eksikliğini gidermek istiyorsan css ‘i öğrenmelisin.

  4. Hocam çok çok teşekkürler tam paraya kıyıp satın alacakttım ki yabancı siteden sizi gördüm Allah razı olsun

  5. Ömer hocam merhabalar,benim sorum menü çubukları var ya mesela ana sayfa onlara tıklandığında nasıl yeni bir sayfada açılır olacaktı.

    1. Onur arkadaşım yukarıdaki örnek sitede tek bir sayfa hazırlanmıştır. Yani sitenin anasayfasıdır. Diğer sayfaları sen oluşturmalısın. Yani oluşturduğun diğer menüler link vererek geçiş sağlamalısın.

  6. ömer bey bu tasarımda diğer sayfaları yapmak istiyorum sizin tasarım bilginize istinaden sormak istiyorum
    iletişim sayfası tasarlarsam ortadaki değişen resimler kalsın altına iletişimi eklesem mi daha iyi yoksa değişen resimler i kaldrıp iletişimi eklemem mi daha iyi durur.:)şimdiden tşk ederim

  7. merhaba Ömer Bey.. demoyu indirip portable dreamweaver cs5 programına attım anasayfada çok fazla kayma ya rastladım. sorun benım prğgramdanmı kaynaklanmakta?teşekkürler çalışmanıza emeğinize.

    1. Süleyman bey, Dreamweaver programında kayma varmış gibi gözükebilir. Ama siteyi browserda(internet explorer,chrome) da görüntülediğiniz de sayfada hiçbir sorun olmayacaktır. Kolay gelsin.

  8. öncelik le ellerinize sağlık.

    benim bi sorun olucak
    sadece içindeki slideri alıp kendi yaptığım sitede kullanmak istiyorum bu nasıl olur acaba
    yardımcı olursanız sevinirim.

    iyi çalışmalar

    1. Muhammed arkadaşım sitenin kodlarında yer alan slider başlangıç ve bitiş yerlerini kendi sitene yerleştiriyorsun. Tabi style css dosyasını da kendi sayfana göre ayarlamalısın. head ile head arasında yer alan script dosyalarınıda kendi sayfana kopyalayacaksın. Kolay gelsin.

    1. logo yok, sağ üst köşede tel çok büyük. alttaki kutucuk yazıları düzensiz. Yazı tipi çok kötü, baya bir düzenlemen lazım. Kolay gelsin.

  9. Hocam öncelikle çok tşk ederim. çok güzel bir çalışmaya imza atmışsınız ama ben bunu sitemde kullanıyorum.
    http://www.####.com ama bir türlü bu site örneğini geliştire bilecek bir program bulamadım.
    mesela ben kurumsal diye yeni bir şey yapmak istiyorum ama nasıl yapacagımı bilmiyorum temayı bozmadan.
    sizin tavsiye ettiginiz bu site örneğini düzenleye bileceğim bir program varmı, yani ben bu site örneği kalıbını geliştirecem ama nasıl yapacağımı bilmiyorum lütfen yardımcı olun saygılarımla

  10. Bozok arkadaşım bedava sitene ekliyorum diyorsun da. Nasıl ekliyorsun? siten css dosya js. dosyaları destekliyor mu? Veya sen web sitesi işinden anlıyor musun?

    1. Bedava sitemde tasarım ayarları bölümündeki css kodu bölümüne ekliyorum.Bu kod bedava siteme uyumlu olup olmadığını soruyorum.Bu konuda profesyonel değilim.

  11. Bozok malesef o şekilde çalışmaz. Bunlar kod değil bildiğin sitenin kendisi. Malesef bahsettiğin şekilde dışarıdan bir sayfaya sadece kod eklemeyle olmaz.

  12. Merhaba arkadaşlar, bilen varsa ve yönlendirebilirse çok mutlu olurum. Birçok site gezdim araştırdım ama göremedim hiç bir yerde. web sayfasının üst konsolunu alt alta dizili şekilde almak için hangi programı kullanmalıyım? sanırım paket programlarda (joomla wordpress vs) böyle bir şey yok. program mı kullanarak yapılır yoksa bu bir tema mıdır
    örnek: Anasayfa Misyon Vizyon Galeri değil deb

    anasayfa
    misyon
    vizyon
    galeri gibi dizilmeli

    tşkler

  13. meraba arkadaşlar ben 11.sınıf bilgisayar bölümündeyim proje ödevimde web site tasarlamak ama benim pek bilgim yok ve proje teslim etmek zorundayım lütfen yardımcı olun kodları gerekleri acil yardimcı olursanız sevinirim

  14. Çok Teşekkürler hocam bu div classı anlamaya başladım da bu id leri bi türlü çözemedim ben hep class olarak yazsam sıkıntı olurmu hocam cevabınız bekliyorum teşekkürler.

  15. Merhabalar bana okul web sitesi lazım kendim oluşturamıyorum bana yardımcı olur musunuz lütfen çok acil sizin hazır sitenize baktım ama bulamadım lütfen yardımcı olun cevabınızı bekliyorum 🙏

  16. Ömer hocam ben bilişim öğrencisiyim hergün sizin sitelerinize bakıyorum ve çok başarılı birisiniz . En güzel yanıda değiştirme özelliği var çok teşekkür ederim .sizden bir ricam olacak hocam lütfen su tasarrufu ile ilgili bir site yapabilirmisiniz hem yararlı hemde çok yaygın ve ilgi çekici hocam lütfen birtane su tasarufu ile ilgili yapın ne olur.

  17. Bundan yaklaşık üç sene önce Envato Market’ten ARCHİTECTURE THEME adında mimarlıkla igili bir tema satın aldım. Ancak 3-4
    aydan beri yeni bir yazı veya yeni bir resim yüklemek istediğimde karşıma boş (beyez) bir sayfa çıkıyor. Bunun eklentilerle ilgili olduğunu biliyorum ancak nasıl bu sorunu çözeceğim konusunda bilgim yok. Bu konuda bana nasıl destek olabilir siniz?

Yorum bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.