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

Hazır Html – Css Site Örneği

48.85K
55

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.

DemoButton
 

hemen-indir-butonu

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

(48854)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni 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ınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(55)

      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. 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.

  3. 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

  4. Ö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.

  5. ö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

  6. 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.

  7. ö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.

  8. 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

  9. 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.

  10. 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.

  11. 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

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.