Html, Css Ile Yapılmış Site örnekleri | Ömer BOZALAN
Có thể bạn quan tâm
Ücretsiz Temalar 07 Kasım 2012 omerbozalan 63 Hazır Html – Css Site Örneği 37.94K 63 37.94K Devamı 
now viewing Hazır Html – Css Site Örneği
07 Kasım 2012 omerbozalan
now playing Temel Kırtasiye Malzemeleri
07 Kasım 2012 omerbozalan
now playing Instagram’da Ücretsiz Takipçi Artırma Yolları Nelerdir?
07 Kasım 2012 omerbozalan
now playing Dopinger Google ADS Danışmanlığı ile Hedef Kitlenize Bir Adım Daha Yaklaşın!
07 Kasım 2012 omerbozalan
now playing En İyi TikTok Beğeni Satın Alabileceğiniz 5 Site
07 Kasım 2012 omerbozalan
now playing Asics Markasının Kadın ve Erkekler İçin Geniş Ürün Yelpazesi
07 Kasım 2012 omerbozalan
now playing Ücretsiz Instagram Takipçi Nedir? Bedava Instagram Takipçi Nasıl Arttırılır?
07 Kasım 2012 omerbozalan
now playing İşlevsellik ve Kaliteyi Bir Arada Sunan Ev Aletleri
07 Kasım 2012 omerbozalan
now playing TikTok'ta Nasıl Para Kazanılır?
07 Kasım 2012 omerbozalan
now playing Instagram'da Takipçi Artırmak İçin Uygulamanız Gereken 5 Adım
07 Kasım 2012 omerbozalan
now playing SEO Eğitimi Almanın İşletmenize Getireceği 5 Büyük Yarar
07 Kasım 2012 omerbozalanMerhaba 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)
tags: css site örneği html site örneği manşetli site örnekleri ücretsiz site örnekleri 37.94K previous Sayfa Açılışında Otomatik popup next Flash Carousel Galeri
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. Related Posts 
PSD Web Site Teması-2
01 Mart 2012 omerbozalan 2
Ücretsiz(free) Html Tema
06 Nisan 2012 omerbozalan 9
Ücretsiz Mobil WordPress Tema – 2019
10 Ağustos 2019 omerbozalan 2
Jquery Navigasyon Portfolyo Sitesi
26 Haziran 2012 omerbozalan 20
Hazır Restaurant Site Teması
28 Temmuz 2012 omerbozalan 20
Ücretsiz Html, Css, Jquery, Slider’lı Web Tasarım Örneği-1
13 Ocak 2014 omerbozalan 43
Ücretsiz WordPress “PhotoFly” Teması
30 Aralık 2014 omerbozalan 49Yorum(63)
-
Arkadaşlar bu temalar ücretli mi? Kullanma hakkı nasıl açıklar mısınız?
Yanıtla-
tema ücretsizdir istediğiniz gibi değiştirebilirsiniz ve kullanabilirsiniz.
Yanıtla-
ben bunu sitemde kullanmak istiyorum .Dreamweaver kullanıyorum ne yapacağımı yazarmısınız ? Teşekkürler
Yanıtla-
Esra hanım ayrıntılı incelerseniz, buna benzer bir temanın dreamweaverda düzenlendiğinin videolu anlatımına ulaşırsınız. Kolay gelsin.
Yanıtla
-
-
-
-
Emeğinize sağlık, çok güzel bir paylaşım olmuş…
Yanıtla -
cok guzel sagolun
Yanıtla -
WordPress ini bulabilirmiyiz bunun bana ulaşırmısınız
Yanıtla-
malesef wordpress olanı elimizde bulunmamaktadır.
Yanıtla
-
-
merhaba bu temadaki yeşil rengi maviye çevirmek istiyrum ? yardımcı olabılırmısınız
Yanıtla-
GKMEDİA arkadaşım images klasörünün içindeki navigation.gif i değiştireceksin.
Yanıtla
-
-
bunun içinde kaç jquery uygulaması var??
Yanıtla-
bilinmez arkadaşım hiç saymadım malesef
Yanıtla
-
-
bu siteyi alıp derleyip kullanmamızda sıkınca yok degilmi tamamen ücretiz sayın admin
Yanıtla-
Ahmet1 arkadaşım çalışmayı istediğin gibi kullanabilirsim.
Yanıtla
-
-
bunların uzantısı ne peki?not defteri olarak açmaya çalıştım açılmadı?
Yanıtla -
peki hakkımızda onlara tıklatığımızda onları düzenleme gibi bişi yok bizmi köprü yapıoruz
Yanıtla-
Tabiki hakan:) Siteyi tam anlamıyla siz yapacaksınız.
Yanıtla-
malesef ben o kdrını bilmiorum sadece düzenlemeyi biliyorum bana yardımcı olabilicekmisiniz omer bey
Yanıtla
-
-
-
peki bu tr.ggli sitelere de uyarlayabilor muyuz nasıl olacak acaba??
Yanıtla-
Semih bu siteleri tüm sitelere uygulayabilirsiniz.
Yanıtla
-
-
güzel çalışma ellerine sağlık.
Yanıtla -
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…
Yanıtla-
çö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.
Yanıtla
-
-
telif hakkını kaldırmamda bir sakınca varmı ömer bey
Yanıtla-
Metehan istediğin gibi değiştirebilirsin. Kolay gelsin.
Yanıtla
-
-
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
Yanıtla-
Önemli değil Mehmet . İşimiz bu 🙂
Yanıtla
-
-
Ö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ı.
Yanıtla-
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.
Yanıtla
-
-
Çok teşekkürler. Harika bir tasarım.
Yanıtla -
Ömer hocam, bu faydalı çalışmanızdan dolayı teşekkür ederim.
Yanıtla-
Mehmet ali arkadaşım Çok Teşekkür Ederim.
Yanıtla
-
-
Bu tasarim gercek size ait var mi ?
Yanıtla-
Ne demek istediğinizi anlamadım.
Yanıtla
-
-
ö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
Yanıtla-
Asım Bey bana göre slider resimlerini kaldırıp yapman daha iyi olacaktır. Kolay gelsin.
Yanıtla
-
-
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.
Yanıtla-
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.
Yanıtla
-
-
ö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
Yanıtla-
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.
Yanıtla
-
-
çok teşekkür ederim oldu . ( ayrıca takipçinizim )
k.gelsin
Yanıtla -
yalnız sitem çok fena dağıldı 🙂
Yanıtla-
style css dosyasından slider ile ilgili olan bölümleri sayfanızın genişliğine ve yüksekliğine göre düzenlemelisiniz.
Yanıtla-
boyut lar tmm şimdide sadece sol tarafta yapışık oldu komple site
Yanıtla
-
-
-
Muhammet arkadaşım işte style css dökümanından halledeceksin artık. Gereksiz olanları da sileceksin.
Yanıtla -
Hocam sitenin index sayfasını aşağıda ki linke uyarladım…Bir yorum yaparmısınız?
antalyacitteli
Yanıtla-
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.
Yanıtla
-
-
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
Yanıtla-
Koray arkadaşım, dreamweaver programıyla düzenleme işlemlerini yapabilirsin. Sitemizde anlatımlı dersler var. Onlardan da faydalanabilirsin.
Yanıtla
-
-
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?
Yanıtla-
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.
Yanıtla
-
-
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.
Yanıtla -
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
Yanıtla -
Çok güzel elinize sağlık. manticihanim.com için tema tavsiyeniz varmı
Yanıtla -
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
Yanıtla -
bunun css içinde olanı varmı. yani tek sayfada tek index gibi düşünün yapılabilirmi.
Yanıtla -
iyi günler java scrip dosyalarının adını değiştirebiliyormuyuz ? oluyora nasıl yapıcaz ?
Yanıtla -
Ç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.
Yanıtla-
class kullanarak yapabilirsin. sorun olmaz
Yanıtla
-
-
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 🙏
Yanıtla -
selamun aleküm n’baer abey nassin iyyişin velleh çok hoştir eline şağlikti benim türkçe fezle yoktir ha abey kusuri bekme yev ez Süri
Yanıtla -
Ö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.
Yanıtla -
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?
Yanıtla
Yorum bırakın Yanıtı iptal et
E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir
Δ
{{#message}}{{{message}}}{{/message}}{{^message}}Gönderiminiz başarısız oldu. Sunucu, {{status_text}} ({{status_code}} kodu) ile yanıt verdi. Bu mesajı iyileştirmek için lütfen bu form işlemcisinin geliştiricisiyle iletişime geçin. Daha Fazla Bilgi{{/message}}
{{#message}}{{{message}}}{{/message}}{{^message}}Gönderiminizin başarılı olduğu görünüyor. Sunucu TAMAM yanıtı göndermiş olsa da gönderim işlenmemiş olabilir. Bu mesajı iyileştirmek için lütfen bu form işlemcisinin geliştiricisiyle iletişime geçin. Daha Fazla Bilgi{{/message}}
Gönderiliyor…
Bu site, istenmeyenleri azaltmak için Akismet kullanıyor. Yorum verilerinizin nasıl işlendiği hakkında daha fazla bilgi edinin.
Facebook 2,992Fans Youtube 3,250Subscriber Post 435PostVideo Kanalımıza Abone Ol
Kategoriler
- Bilgisayar – Donanım (16)
- CSS3 / HTML5 (38)
- Dreamweaver Dersler (26)
- Flash Dersler (23)
- Genel (93)
- JQuery (34)
- Kitab-ı AŞK (16)
- MS Office (4)
- Photoshop Dersler (29)
- Püf Noktalar (39)
- Seo (8)
- Tanıtım (51)
- Ücretsiz Temalar (77)
- Web Tasarım (89)
- Wordpress & Joomla (38)
Son Yorumlar
omerbozalan 212 Adet Bedava(free) CSS+HTML Web Site Teması
Ebru 212 Adet Bedava(free) CSS+HTML Web Site Teması
vozol 20000 puff 212 Adet Bedava(free) CSS+HTML Web Site Teması
CloseShare this video
Từ khóa » Html Css Site Kodları
-
HTML CSS Web Site Örnekleri 1 - Tasarım Kodlama
-
HTML CSS Web Site Tasarım Örnekleri
-
HTML Ve CSS Kodları Ile Site Yapımı (Flex)
-
Html & Css Basit Site Yapımı (Hazır Kodlar) | MemoryHackers
-
CSS Ile HTML Stil Kullanımları | EFORWEB
-
HTML Site Düzeni - Kod Kampüsü
-
CSS (Stil) Dosyaları - HTML Dersleri
-
CSS - HTML DERSleri
-
CSS Ile Web Sayfası Oluşturma - Yazılım Bilişim Programlama
-
HTML Kodları Ve Anlamları - Vimaj
-
Html Hazır Site Kodları
-
Hazır Html Site Kodları
-
Hazır Html Site Kodları
-
HTML, CSS Ve JavaScript Kullanarak Basit Bir Web Sitesi Oluşturma