HTML5 desteklenmeye başladığında modern tarayıcılarNeredeyse tüm modern sitelerde kullanılmaya başladı. CCS3 ile birlikte HTML5, şaşırtıcı, işlevsel ve kullanışlı siteler oluşturmak için muazzam olanaklar sunar.
Bu seçimde, HTML5 ve CSS3'te inşa edilen sitelerin en kaliteli adaptif şablonlarını toplamaya çalıştım. Özgür oldukları gerçeğine rağmen, bu şablonların çoğunun prim şablonları gibi göründüğünü görebilirsiniz.
5. Squadfree - Bootstrap HTML5'te Ücretsiz Şablon
Ücretsiz kadro - uyarlanabilir şablon Bootstrap'ta
6. Pluton - Bootstrap HTML5'te Ücretsiz Tek Sayfalı Şablon
Pluton - Bootstrap HTML5'te Bedava Tek Sayfalı Şablon
9. E-Shopper - Online Mağaza için Ücretsiz Şablonlar
E-shopper - Ücretsiz şablon Online mağaza için
10. Adminlte - Yönetici Kontrol Paneli Şablonu
Adminlte - Yönetici Kontrol Paneli Şablonu
11. Manyetik - Fotoğrafçı sitesi için ücretsiz bir şablon
Manyetik - Fotoğrafçı Sitesi için ücretsiz şablon
12. Mabur - Portföy için Uyarlanabilir Şablon
Mabur - Portföy için Uyarlanabilir Şablon
13. Moderna - Bootstrap'ta Adaptif Web Sitesi Şablonu
Moderna - Bootstrap'ta Uyarlanabilir Web Sitesi Şablonu
14. Burada Spor - Minimalist Web Sitesi Şablonu
Burada Spor - Minimalist Web Sitesi Şablonu
15. Crafty - Adaptif Kurumsal Web Sitesi Şablonu
Crafty - Adaptif Kurumsal Web Sitesi Şablonu
16. İnfüzyon - Tek Sayfalık Portföy Şablonu
İnfüzyon - Tek Sayfalık Portföy Şablonu
17. YEBO - Düz stilde HTML / CSS site şablonu
YEBO - Düz stilde HTML / CSS web sitesi şablonu
18. Yirmi - Şablon HTML5'te Paralaks Etkisi ile
Paralaks efektli HTML5'te yirmi şablon
19. Urbanic - Bootstrap Şablon
Urbanic - Bootstrap Şablon
20. Sakin - Portföy Deseni
Sakin - Portföy Şablonu
21. Mamba - Tek Sayfalık Şablon
Mamba - Tek Sayfalık Şablon
23. Fırçalanmış - Tek Sayfalı Adaptif Web Sitesi Şablonu
Fırçalanmış - Tek Sayfalı Adaptif Web Sitesi Şablonu
24. Büyük Resim - HTML5'te Site Şablonu
Büyük Resim - HTML5'te Site Şablonu
25. Tesselatte - Ücretsiz Uyarlanabilir Web Sitesi Şablonu
Tesselatte - Ücretsiz Site Uyarlanabilir Şablon
26. Taşma - HTML5'te Uyarlanabilir Site Şablonu
Taşma - HTML5'te Uyarlanabilir Site Şablonu
27. Runkeeper - Mobil Uygulama Site Şablonu
Runkeeper - Mobil Uygulama Site Şablonu
28. Pinball - Adaptif Blog Şablonu
Pinball - Adaptif Blog Şablonu
29. BAK Bir - Tek Sayfalı Adaptif Web Sitesi Şablonu
BAK Bir - Tek Sayfalı Adaptif Web Sitesi Şablonu
30. Andia - Ücretsiz Site Şablonu
Andia - Ücretsiz Site Şablonu
31. Produkta - 4 HTML şablonları
Produkta - 4 HTML şablonu
33. Studio Francesca - Uyarlanabilir Web Sitesi Şablonu
Studio Francesca - Uyarlanabilir Web Sitesi Şablonu
34. Prolog - HTML5'te Site Şablonu
İÇİNDE modern dünya Bazen, bir telefonun veya adres numarasının varlığı gibi kendi web sitemizin olması da önemlidir. e-posta. Ne yazık ki, herkes bağımsız olarak güzel bir profesyonel site yapamaz ve bazen eğri bile çalışmaz. Programcıları sipariş etmek için mükemmel bir yol değil, çünkü herkesin cebinde olmadığı için.
Böyle bir durumdan, ücretsiz HTML web sitesi şablonlarına yardımcı olacaktır. HTML Site şablonu, belirli bir konunun sitesi için hazır statik sayfalar kümesidir. Böyle bir şablonun yardımıyla, basit bir site oluşturun, HTML İşaretleme'nin temel bilgileri ile birkaç saat içinde tam anlamıyla olabilir. HTML bölümünde, bu bilgiyi öğrenmeye birkaç saat geçirirseniz ve CSS bölümüne pişman olmazsanız, HTML web sitesi şablonlarının tasarımını tam olarak kontrol edip gereksinimlerinizde tamamen ayarlayabilirsiniz.
Site şablonlarının bir başka tartışılmaz avantajı, çoğu durumda profesyonellerde yazılmalarıdır. Profesyonel şablonun altında, site sadece güzel ve modern bir tasarıma değil, aynı zamanda kod yazıldığı gibi anlaşılmaktadır. Arama motorları Bir siteyi yazmış gibi görünüyorlar, SEO optimize edilmiş kodu yazmış ya da değil, buna dayanarak ya da iadesi konumunuzu artırın. Bu nedenle, iyi bir site sadece güzel ve modern değil, bu da önemlidir, aynı zamanda kod açısından yetkin bir şekilde yazılmış olmalıdır.
Ücretsiz HTML site şablonlarını indirin ve projelerinizi en kısa sürede oluşturun.
Bu ders, basit bir 2 sütunlu şablon oluşturma sürecini göstermektedir.
Şablon bir başlık, yatay navigasyon bölmesi, kenar çubuğu ve altbilgiden oluşacaktır. Ayrıca tarayıcı penceresinde yatay olarak ortalanacaktır.
Adım 1. Temel yapı.
İlk önce şablonun temel yapısını oluşturun.
Ve sonra çeşitli bölümlere biraz içerik koyun:
Basit 2 sütunlu desen css..com "\u003e Seçenek 2 . . .
Sütun 1.
. . .Şimdi biz var hTML belgesi Kesinlikle stilleri olmadan. Daha sonra, bu belgeye dayanan bir şablon oluşturmak için CSS kullanmak için üfleriz.
Adım 2. Vücudu ve HTML öğelerini hizalayın.
Gövde, HTML (Marj: 0; Dolgu: 0; Renk: # 000; Arka Plan: # A7A09A;)
Adım 3. Temel kaplar.
Şimdi içerik alanının genişliğinin ve merkezlerinin görevini yapacağız. Bunu yapmak için, genişlik özellikleri ve #wrap ana konteyner alanının değerlerini ayarlayın. Ayrıca sayfayı vurgulamak için arka planı da kurun.
İçerik Merkezleme yöntemi, değerlerin otomatik değerlerinin sol ve sağ alanları için takılıyken, kalan boşluğu, elemanın genişliğini kabın genişliğinden çıkardıktan sonra ayırır. İÇİNDE bu durum #Wrap elemanının genişliği, tarayıcı penceresinin genişliğinden düşülecektir.
Not: amacıyla bu method Çalışılan B. Internet Explorer. (sürüm 6 ve büyük), belge meli Standart modu kullanmak için IE için belirtilecek DocType'ı kullanın.
Bazılarında olduğu gibi şablonun genişliğini ve merkezlenmesini ayarlamak için vücut elemanını kullanmıyoruz. İnternet sürümleri Explorer bu istenmeyen etkilere neden olabilir.
Ardından, sayfada onları vurgulamak için farklı arka plan renkleri ile farklı bölümler belirleriz.
#Header (arka plan: #ddd;) #nav (arka plan: # c99;) #min (arka plan: # 9c9;) #sidebar (arka plan: # c9c;) #footer (arka plan: # cc9;)
Adım 4. Sütunları diğerinin yanına yerleştirin.
Birkaç sütunu barındırmak için (#main ve #sidebar), onları sola ve sola, diğerini sağa kaydırıyoruz. Ayrıca sütunların genişliğini de ayarlayın.
#İta (şamandıra: sol; genişlik: 500px; arka plan: # 9c9;) #sidebar (şamandıra: sağ; genişlik: 250px; arka plan: # c9c;)
Lütfen, sütun genişliğinin toplamının #WRAP öğesinin genişliğine eşit olması gerektiğini unutmayın.
Şimdi #SideBar öğesi #Main öğesinin sağında görüntülenir, ancak altbilgi yerinde değil.
Adım 5. Altbileyi aşağı doğru sürme
Float özelliği faaliyet göstermeye devam ettiği için altbilgi yerine dönmez. Öğe yüzerken yapıldığında, belgenin toplam akışından çıkarılır ve izleyen diğer elemanları aşağı kaymaz. Bu nedenle, #Footer elemanı #sidebar öğesinin hemen altında başlar.
Durumu düzeltmek için, altbilginin yakındaki diğer unsurlara sahip olamayacağını belirtmesi için net özelliği yüklemeniz gerekir.
#Footer (temizle: her ikisi de; arka plan: # cc9;)
Adım 6. Yan sütun arka planını takın
Şimdi, daha kısa sütunun altbilgeye kadar dayanmadığı açıktır. Monotonluğun görünümünü yapmak için, #sidebar ve #wrap elemanları için aynı arka plan renklerini takın.
#Sidebar (şamandıra: sağ; genişlik: 250px; arka plan: # 99С)
Hangi sütunun daha uzun olacağını bilmiyorsanız ve daha kısa, arka plan rengini yüklemek için yöntemlerden birini kullanmak zorunda kalacaksınız.
Adım 7. Yatay bir navigasyon çubuğu yapıyoruz
#Nav öğesi normal bir sıralanmamış bağlantı listesi içerir. Görünümünü değiştirmemiz gerekiyor:
#Nav ul (marjı: 0; dolgu: 0; liste tarzı: Yok;) #nav li (ekran: satır içi; kenar boşluğu: 0; dolgu: 0;)
Adım 8. Alanları, Girintileri Hizala ve IE 6 ile uyumluluk ekleyin
Neredeyse bitti. Bazı öğelerin bir şablonu daha iyi hale getirmek için marjı ve dolgu özelliklerini hizalamak gerekir.
#Header (dolgu: 5px 10px; arka plan: #ddd;) h1 (kenar boşluğu: 0;) #nav (dolgulama: 5px 10px; arka plan: # c99;) #main (şamandıra: sol; genişlik: 480px; dolgu: 10px; Arka plan: # 9c9;) H2 (kenar boşluğu: 0 0 1EM;) #sidebar (şamandıra: sağ; genişlik: 230px; dolgu: 10px; arka plan: # 99c;) #footer (temizle: her ikisi de; dolgu: 5px 10px; arka plan: # Cc9;) #footer p (kenar boşluğu: 0;)
#Main ve #sidebar elemanları için girintiler eklendiğinde, bunları sağa ve elementlerin genişliğinin solundaki boyutunu yapmanız gerekir. CSS dikdörtgen modelinin etkisini göz önünde bulundurmanız gerektiğinden.
Ve şimdi, Internet Explorer 6.'teki yüzer elemanlarla ilgili hatayı telafi etmek gerekir. 6. Adım 6'nın 6'sının sonucuna bakarsanız, daha sonra altbilginin aşağıda kaydırdığını görebilirsiniz. Hatayı hemen farketmediyseniz, yukarı sayfayı hareket ettirmeyi deneyin.
Hatayı ortadan kaldırmak için, yalnızca IE 6 için altbilginin yüksekliğini ayarlamak için HTML Star yöntemini kullanıyoruz:
* Html #footer (yükseklik: 1px;)
Bu kod biraz garip görünebilir, ancak IE'deki başka bir hata nedeniyle, alt altbilgi bir piksel haline gelemez ve içeriğin boyutuna gerilir.
Web siteleri için sunulan tüm şablonlar inşa edildi modern versiyonlar HTML5 ve CSS3. Buna ek olarak, yazarlar düz bir tasarım, duyarlı tasarım, adaptif düzeni, jquery sürgüleri, CSS3'teki animasyon, vb. Gibi böyle trendy cipsleri kullanırlar. . Güzel HTML5 Şablonları 2017, ücretsiz olmasına rağmen, premium seviyesine bakın.
Burada, HTML5 ve CSS3'te yüksek kaliteli sitelerin 50'den fazla ücretsiz adaptif şablonunu bulacaksınız, bu da yeni siteler ve mevcut olanların değiştirilmesi için kullanılabilecek. Şık HTML5 Site Şablonları - İhtiyacınız olan şey bu!
Güncellendi 03/12/2019: Makale 2 yıl önce yazıldığından, birçok bağlantı bit oldu. Şablonların sahipleri ya ücretsiz olarak ücretsiz olan şablonların durumunu birleştirdi veya değiştirdi ya da tüm uzaylılar gibi. Sizin için istek, sevgili okuyucular, böyle bir bağlantıyı bulduysanız, yorumları atarsam, düzelteceğim.
1. kar - HTML5 ve CSS3'te ücretsiz iniş şablonu
HTML5 CSS3 Şablon Kar Görev Gücü Bootstrap Çerçevesinde inşa edilmiştir. Şablon çok şık ve serin! Sabit arka plan ve büyük jumbotron, sitenin ana içeriğini gösteren bir parça. Ve iniş için en önemli olan nedir? Doğru, eylem çağrısı. Doğal olarak, şablon tamamen uyarlanmıştır. mobil cihazlar. Kendi şablonlarınızın temeli olarak bile kullanabilirsiniz.
2. Sima - Chic Ticari Web Sitesi Şablonu
Bu HTML5 CSS3 şablonu da Bootstrap Framework üzerine yapılır. Portföy, ekibiniz, fiyatlar, yorumlarınız ve bu şablondaki diğer tüm şeyler içeren benzersiz bir web sitesi oluşturabilirsiniz. Örneğin, bu şablon temizlik hizmetlerinin sitesi için mükemmeldir. Bu şablonda animasyon Pürüzsüz ve muhteşem, temiz ve iyi okunaklı yazı tipleri. Sadece mükemmel bir şablon!
3. Beyaz harika bir sayfalı şablondur!
Beyaz web sitesinin şablonunun kendine özgü bir özelliği, üst kısımda iki arka plandır. Seçiminiz ya resimli bir kaydırıcı ya da video arka planıdır. Site için çok kaliteli ve muhteşem şablon!
4. Platz - Ücretsiz HTML5 Mesh Tabanlı Site Şablonu
Modern, görsel olarak çekici HTML5 web sitesi şablonu ızgara temelinde tasarlanmıştır (ızgara hakkında daha fazla bilgi edinin). Blog veya web sitesi için güzel ve duyarlı şablon tasarımı.
5. Mart e-ticaret - E-ticaret için harika HTML5 ve CSS3 Web sitesi şablonu
Taze ve şık tasarım şablonu tasarımı, ayakkabı, giysiler, saatler, aksesuarlar, spor giyim, vb satan her türlü şık yer için en uygundur. tamamlandı geliyor PSD dosyası.ihtiyaçlarınıza göre ayarlayabilirsiniz.
6. Nava - Yaratıcı Siteler için Muhteşem HTML5 ve CSS3 Şablonu
NAVA, esas olarak çalışmalarını tüm ihtişamıyla göstermek isteyen yaratıcı profesyoneller için kullanılan modern bir HTML5 web sitesi şablonudur. Şablon ayarlarının birçok varyasyonları sitenizi benzersiz hale getirmenize olanak sağlar. Site için hafif, güzel ve duyarlı bir şablon.
7. Kutu portföyü - HTML5 ve CSS3'te benzersiz yaratıcı web sitesi şablonu
Kutu portföy web sitesinde temiz ve modern bir minimalist tasarıma sahiptir. İşlerini ağda göstermek isteyen profesyoneller için mükemmeldir. Adın ardından, site şablonu portföyün altında mükemmel şekilde keskinleştirilir.
8. Dağ King - Popüler ve İşlevsel HTML5 ve CSS3 Web Sitesi Şablonu
Sitelerin tasarımındaki dağ konusu son zamanlarda çok popülerdir. Dağ King Web sitesi şablonu istisna değildir. 336 tipikon simgeleri içerir. Ayrıca CSS3'te mükemmel animasyon. Şablon seyahat siteleri ve portföy için mükemmeldir.
9. Güzellik Spa - Spa salonları için HTML5 ve CSS3'te Serin Web Sitesi Şablonu
Beauty Spa, spa sahaları, sağlıklı yaşam veya fitness merkezleri, yoga siteleri, hatta kuaförler için ideal olan birçok özelliğe sahip duyarlı bir site şablonudur. Yazı tiplerinin ve göze çarpmayan minimalizmin mükemmel okunabilirliği.
10. Bent - HTML5 ve CSS3'teki siteler için şık ve muhteşem bir bataklık
Bükülmüş, HTML5 ve CSS3'te muhteşem bir ücretsiz site şablonudur. Duyarlı tasarım, CSS3 animasyonu, paralaks kaydırma, özelleştirilebilir navigasyon ve diğer lezzetli. Bu, ziyaretçilerin zevk almasını sağlamak için dengeli bir tasarım kullanmak isteyen siteler için temiz bir tasarım şablonudur. dış türler Site ve aynı zamanda açıkça ana içeriğini görüyor.
11. üçgen - HTML5 ve CSS3'te ücretsiz duyarlı bir çok amaçlı bir desen
Üçgen Özel Yaratıcı HTML5 ve CSS3 Web sitesi şablonu, özel olarak serin tasarımlarını ihlal etmek isteyenler için, ancak daha kötüye gitmemek için. Şablon, sitenizi kalbiniz olarak özelleştirmenize izin verecek 40'tan fazla tasarlanmış sayfaya sahiptir.
12. Gelecekteki kusurlu - Yaratıcı insanlar için mükemmel bir web sitesi şablonu!
Sitenin bu şablonu ile gerçek zevk duygusunu deneyin, yazarlar, yazarlar, metin yazarları ve diğer tüy ve kağıt işçiler için idealdir. Şablon da kullanılabilir kişisel blog, seyahat blogu, yaratıcılık, vb. Hakkında. Şablonun yaratıcı tasarım ve uyarlanabilir düzeni birçok kişi gibidir.
13. Bodo - Kişisel Site İçin Güzel Desen
Bodo, kişisel bir site için ideal olan HTML5 ve CSS3'te güzel bir site şablonudur. Özellikle portföyün organizasyonu için. Tipografiyi temizleyin ve temizleyin, bir atlıkarınca kaydırıcısı, işleri görüntülemek için açılır pencereler ve daha fazlasını yapın.
14. Lens - Fotoğrafçılar için mükemmel HTML5 web sitesi şablonu
Fotoğrafçılar, her zaman kendi şantiyelerinde iş göstermek için mükemmel bir şablon arıyorlar, etkili ve en önemlisi - büyük! Nadir bir site şablonu bu gereksinimleri karşılar. Lens bu fotoğrafçı site şablonlarından biridir.
15. Spektral - HTML5 ve CSS3 için benzersiz bir el yapımı site şablonu
Eğer arıyorsan otomatik Konu Konusu'ndaki Ücretsiz Web Sitesi ŞablonlarıSonra spektral olacak İdeal çözüm. İşte tek sayfalı bir site şablonunun tamamen benzersiz bir tasarım. el yapımı. Tasarım kendi takdirinize göre değiştirilebilir. Bu şablonla, etkileyici bir seyahat veya fotoğraf galerisi, otomotiv teması veya barındırma sağlayıcısının sitesi etkileyici bir blog olup olmadığını kesinlikle herhangi bir konuda muhteşem bir site yapabilirsiniz.
16. Oksijen - Tek Sayfası HTML5 ve CSS3 Web Sitesi Şablonu
Oksijen, iş sitesi için konforlu ve benzersiz bir şablondur. Modern düz tasarım, adaptif düzeni. Örneğin, bu şablon yaklaşık için idealdir. mobil uygulamalar veya mobil teknoloji.
17. Mobirise Bootstrap - HTML5 ve CSS3'te mükemmel bir ücretsiz site şablonu
Ücretsiz site şablonu arıyorsanız, Mobirize Bootstrap başlamak için mükemmel olacaktır. Bu, dahil edilmiş eklemelerin kütlesi olan çok işlevli bir modeldir. Üç Ön Yapımlı, Düzen ana Sayfa Ve blog size yardımcı olacaktır. Mobirise Bootstrap ayrıca SEO% 100 optimize edilmiş ve herhangi bir ekrana uyarlanmıştır.
18. La Casa - Gayrimenkul Site İçin Güzel ve Ücretsiz HTML5 Şablonu
Brendi şablonu, gayrimenkul hakkında ticari bir site düzenlemek için mükemmeldir. Duyarlı ve böyle güzel tasarım Sadece site sahibi değil, aynı zamanda ziyaretçilere de benziyor.
19. Drifolio - Portföy İçin Şık HTML5 Web Sitesi Şablonu
Portföy organizasyonu için şık ve animasyonlu HTML5 ve CSS3 web sitesi şablonu. Temiz tasarım, mükemmel tipografi, güzel simgeler ve daha fazlası.
20. Plüton - Tek sayfalık bir site için aydınlık ve şık şablon
Plüton - Bootstrap'ta parlak ve muhteşem bir web sitesi şablonu. Modern web sitesi şablonu, stüdyolar, fotoğrafçılar ve yaratıcı tasarımcılar için mükemmel olan benzersiz tek sayfası düzeni ve uyarlanabilir tasarımıyla.
21. Squadfree - HTML5'te profesyonel tek sayfalı site şablonu
Squadfree deseni, ticari bir tek sayfalı site oluşturmak için mükemmeldir. Desen sadece profesyonelce değil, aynı zamanda her tür ekrana da adapte olur. Şablon, Bootstrap'a göre monte edilir.
22. Süblime - HTML5 ve CSS3'te büyüleyici site şablonu
Süblime, HTML5 ve CSS3'te temiz ve şaşırtıcı derecede güzel bir web sitesi şablonu, başlangıç, yaratıcı ajans veya web sitesi portföyü için idealdir. Duyarlı tasarım ve sayfaların seçim yapması için iki seçenek.
23. Kereste - Sıradışı ve Güzel HTML5 ve CSS3 Web Sitesi Şablonu
Timber, tek sayfalı bir site şablonunun taze, şık ve sıradışı bir konusudur. Çapraz - Bu şablon tasarımının ana tasarımı. Şablon bir iş sitesi veya portföy için mükemmeldir. Dahili bir galeri, harita ve İletişim bilgileriKendinize kolayca uyum sağlayabilirsiniz.
24. E-Shopper - e-ticaret için en iyi web sitesi şablonu
E-Shopper, e-ticaret için site şablonunun mükemmel bir versiyonudur. Tam ve verimli bir çevrimiçi mağaza için inanılmaz bir özellik seti ile önyükleme dayalı olarak inşa edilmiştir.
25. Manyetik - ücretsiz HTML5 ve CSS3 şablonu için photosite için
Bir fotokuit veya tasarımcı portföyü, illustrator veya sanatçı oluşturmak için kesinlikle çarpıcı HTML5 ve CSS3 şablonu. Bu şablon, profesyonel şablonların çubuğunu yeni bir seviyeye yükseltir! Duyarlı tasarım, mükemmel Destek Her türlü ekran cihazları, kolay ve kullanışlı navigasyon ve çok daha fazlası.
26. Mabur Portfolio - HTML5 ve CSS3'te minimalizm tarzında harika bir web sitesi şablonu
Minimalizm tarzında sitenin bu şablonun düz tasarımı, bir portföy oluşturmak için mükemmeldir. Şablonda, tüm detaylar mükemmelleştirilir!
27. Modern Bootstrap HTML5 - Ücretsiz Tek Sayfalı Şablon Sitesi
Bootstrap çerçevesine dayanan bu ücretsiz tek sayfa, hem küçük şirketler hem de büyük, kurumsal siteler için mükemmeldir. Düz tasarım, adaptif düzeni, tüm yüksek kaliteli tasarım öğeleri. Şablon 4 farklı renkte sunulmuştur.
28. İnfüzyon - HTML5 ve CSS3'te Şık Tek Sayfalı Site Şablonu
İnfüzyon, bir işletme portföyü oluşturmak için özel olarak tasarlanmış HTML5 ve CSS3 standartlarında bir web sitesi şablonunun mükemmel bir örneğidir. Bu şablonun zengin işlevselliği, müşterilerimizle etkin bir şekilde çalışmanıza ve yenilerini çekmenizi sağlar.
29. YEBO - HTML5 ve CSS3'te kurumsal web sitesi şablonu
Bu yüksek kaliteli site şablonu düz bir tarzda herhangi bir kurumsal site için mükemmeldir. Adaptif tasarım, ayar kütlesi ve özellikleri düzenleme.
30. Yirmi - muhteşem HTML5 ve CSS3 Pararallax web sitesi şablonu
Sitenin bu eşsiz ve çok güzel şablonu Paralaks'ın etkisiyle kimseyi kayıtsız bırakmaz. Tek sayfalık şablon, saf HTML5 ve CSS3 ile yapılır. adaptif düzeni, etkileyici arka planlar, sosyal medya desteği vb.
31. Urbanic - Bootstrap'ta Mükemmel HTML5 ve CSS3 Web Sitesi Şablonu
KENTSEL - Taze ve Soğuk HTML5 ve Bootstrap motorunda inşa edilmiş CSS3 web sitesi şablonu. Sitenizi herhangi bir sorun olmadan hemen oluşturmaya hemen başlamak için mükemmel bir şekilde uygundur. Şablon, herhangi bir ekran için mükemmel şekilde uyarlanmıştır.
32. Tasarım Vitrin - Portföy için HTML5 Site Şablonu
Portföyünüzü düzenlemek için HTML5'te görsel olarak uyumlu ve muhteşem web sitesi şablonu. Şablon, mobil cihazlar için mükemmel bir şekilde uyarlanmıştır, bu bir formatın yapılması zordur.
33. Mamba One, HTML5 ve CSS3'te basit ve şık bir web sitesi şablonudur.
Mamba One, tek sayfayı oluşturmak için sitenin basit, ama şık bir şablonunun örneğidir. Tüm modern tarayıcılarla uyumlu ve her yerde yeterince gösterilecektir.
34. KREATIVEPIXEL - Fotoğrafçılar için ücretsiz site şablonu
Fotoğrafçılar için başka bir mükemmel site şablonu. Duyarlı tasarım ve portföy ve galerilerde çok uygun bir şekilde sıralama resimleri birçok fotoğraf aşığı gibidir. Şablon ayrıca, resim izlerken aynı zamanda etkileyici izleyiciler olan paralaks etkisi de geçerlidir.
35. Retina Hazır Duyarlı Uygulama - HTML5 ve CSS3'te ücretsiz iniş şablonu
Adın ima ettiği gibi, sitenin bu harika şablonu sadece hedef sayfalar için mükemmel değil, aynı zamanda özellikle Retina ekranlarındaki cihazlardaki ekranın tanımı açısından yeni mobil eğilimleri de karşılar.
36. Fırçalanmış - Duyarlı HTML5 ve Bootstrap Motorunda CSS3 Web Sitesi Şablonu
Fırçalanmış - Duyarlı, ücretsiz HTML5 ve CSS3 web sitesi paterni bootstrap dayalı. Ayrıca için optimize edilmiş Retina görüntüler (iPhoneiPad, İpod touch. ve MacBook Pro. Retina).
37. Büyük resim HTML5 ve CSS3 Web sitesi şablonu
Büyük resme hoş geldiniz! HTML5'teki bu uyarlanabilir web sitesi şablonu, web sitesinde büyük ve muhteşem gösterecek ve gösterecek bir şeyi olan tüm yaratıcı insanlar için mükemmeldir. Ek olarak, şablonda mükemmel bir animasyon uygulanır.
38. Tesselatte - HTML5 ve CSS3'te ücretsiz duyarlı şablon
Hepsini dikkate alan basit şablon şablonu gerekli araçlar Başarılı site oluşturma için. Yazarın kişisel blogu, copywriter ve sadece basılı bir kelimenin sevenler için idealdir.
39. Taşma - HTML5 ve CSS3'te benzersiz bir site şablonu
Sitenin bu eşsiz şablonu saf HTML5 ve CSS3'teki herhangi bir yaratıcı kişi için mükemmeldir. Tamamen duyarlı ve tamamen ücretsizdir.
40. RunkeKeKer - Duyarlı ve Çok Güzel Web Sitesi Şablonu
Runkeeper ücretsiz, duyarlı ve çok güzel bir web sitesi şablonudur. Herhangi bir konunun sitesinde kullanılabilir. Parlak tarzı ve net yazı tipleri, uyarlanabilir Tasarım Ve şablonun etkileyici detayları. Her şey senin için çalışıyor!
41. Pinball Duyarlı Izgara Stili - Büyük Bir Örgü Tabanlı Site Şablonu
Bu harika profesyonel web tabanlı site şablonu, kurumsal site için idealdir. Modern düz tasarım ve duyarlı şablon yapısı, ekranlarda olduğu gibi mükemmel bir şekilde görüntülenir. büyük monitörlerve mobil cihazlar.
42. Prolog - HTML5 ve CSS3'te tek sayfalı bir site için temiz şablon
Sitenin HTML5 ve CSS3'teki bu temiz, basit ve net şablonu, ledding yapımı için mükemmeldir. Minimalist tasarım, ana olandan uzaklaşmaz. Muhteşem yan panel Kaydırma ve net sayfa çizgileri ile gezinti - sadece mükemmel bir kombinasyon!
43. Helios - Temiz HTML5 ve CSS3'teki modern bir web sitesi şablonu
Minimalizm ve temiz formların tarzında başka bir web sitesi şablonu. Yararlanmak için özel olarak tasarlanmış büyük ekranlar Ekranlar, ancak aynı zamanda mükemmel şekilde uyarlanmış ve mobil cihazların küçük ekranlarında.
44. Telefon - HTML5'te ücretsiz ve duyarlı bir site şablonu
Bu modern, duyarlı ve kesinlikle ücretsiz web sitesi şablonunun büyük bir avantajı var - basit ve laconic, ama birçok için yeterli değil.
45. Kesinlikle yazılmış - çok güzel web-retro site şablonu
Minimalist yarı retro tarzı ile yeni web sitesi şablonu. Sadece Retro artık moda değil, ama onun bir ışık ipucu - bu arada çok fazla. Bu site şablonu tamamen hassastır, saf HTML5 ve CSS3 üzerine oluşturulur ve gerekli tüm temel sayfa öğelerini içerir. Güçlü olarak yazılan şablon, yaratıcı temanın siteleri için idealdir. Örneğin, yer için ev dekorasyonu hakkında.
46. \u200b\u200bÇizgili - HTML5 ve CSS3 için temiz, güzel ve fonksiyonel şablon
Taze ve temiz, güzel ve işlevsel, HTML5 ve CSS3'te yeni site şablonu. Arsenalinde, dekore edilmiş alıntılar, tablolar ve listeler ve ayrıca uyarlanmış kenar çubuğunun (sağa veya sola - isteğiniz üzerine) dahil olmak üzere tüm sayfaların tüm unsurlarını vardır.
47. Paralellik - HTML5 ve CSS3'te sıradışı ve şık bir web sitesi şablonu
Paralellik - Şık desen Portföy veya fotoğraf düzenlemek için site. Sıra dışılığı, buradaki kaydırma, her zamanki gibi ve yatay olarak dikey olmamasıdır. Bu siteye özel bir şık ve hatıra verir.
48. Miniport - Minimalizm tarzında tamamen duyarlı HTML5 web sitesi şablonu
HTML5'te minimalizm tarzında mükemmel web sitesi şablonu. Hem kişisel siteler / blog hem de tek sayfalık küçük bir şirket sitesi için mükemmeldir.
49. Verti - HTML5'te Geniş ve Ücretsiz Duyarlı Site Şablonu
Bu site şablonunun temiz ve ferah tasarımı, ölçeklenebilir kurumsal siteler veya ticari projeler için mükemmeldir. Hem yazar hem de kullanıcılar için duyarlı ve kullanışlı.
50. Zerofour, HTML5 ve CSS3'te etkileyici ve şık bir web sitesi şablonudur.
Ve son listede, ancak son kalite ve dış gözlük sitesi şablonu - Zerofour. Şık tasarım, çok güzel bir menü, mükemmel doğrulanmış şekiller ve düğmeler, güzel simgeler ve çok daha fazlası. Ve bütün bunlar kesinlikle ücretsiz!
Umarım, HTML5 ve CSS3'te bu harika sitelerin bu harika şablonları arasında uygun bir şey bulmuşsunuzdur. İyi şanslar!
Hızlıca hızlıca bulmak için yer imlerine ekleyin.
Not: Seçime karar veremiyorsanız, "Ne istediğimi bilmiyorum" makalesini okuyun. Yararlı olacak.
Yani, Sevgili Acemi Webmasterlar, HTML'nin temelleriyle tanıştık.
Şimdi, bu bilgiyi uygulayarak, hızlı bir şekilde kendinizi küçük bir site yapın ve internette yayınlayın.
Doğru, tam teşekküllü bir kaynak, tek başına HTML kullanımı ile yapılması zor, ancak işte birkaç sayfadan bir kartvizit, oldukça mümkün.
Birisi, amaç olan ve diğer programlama dillerini öğrenme arzusu yoksa, bu makale onlar içindir.
Kısacası, kendi kendine yazılmış bir yürütmede, CMS kullanmadan, artık hiçbir şey artık değil.
Ve bir soğutucuda bir şeye ihtiyaç duyanlar için, makalenin sonunda, bir blok şablon koduyla makalelerin referansları vardır. cSS'yi kullanma.ve PHP kullanılarak dinamik sitenin kodu.
Temiz HTML'de Web Sitesi bu sayfada doğru yapacak, bu yüzden sitedeki site, oldukça işçi, oldukça işçi ve içeriği doldurmaya hazır hale getirecek.
Tüm süreci üç bölüme ayırıyoruz.
1. Bilgisayarınızda bir site dizini oluşturma.
2. Bir site oluşturma.
3. Şirketimizden şirketimizden Hosting'e çevirisi, yani internet.
Bilgisayarınızda bir site dizini oluşturma
İlk nokta en kolay olanıdır. Bir dizin oluşturulur, makalede çok açıkça gösterilir (bu sayfadaki tüm bağlantılar açılır. ayrı pencerekaybolmayacak kadar).
Ve hangi klasörde hangi klasörde, ana sayfanın kodundan sonra detaylı olarak göstereceğim, böylece zaten dizine ne gidecektir.
Sonra ikinci maddeye, yaratıcı olana devam edin.
Bir Web Sitesi Şablonu Oluşturma
Bir şablon oluşturmak için, aşağıdaki kodun ekleneceği editöre ihtiyacınız olacaktır.
Hem basit Windows not defteri hem de başka bir metin editörü olabilir.
Şablonun temeli olarak, çok katmanlı bir HTML tablosu alın. Önceden, CSS görünmeden önce, tüm siteler masalarla yazıldı, şimdi blok katmanı daha popülerdi.
Ancak yine de, tablo yapısı eski değil ve başarıyla uygulanır.
Örneğin, yatırım CMS H-script'i, tablolara dayalı tüm kaynak, tüm kaynak.
Yani, burada minimum tasarıma sahip bir site.
Gelecekte olduğu gibi, masaları oluşturun, makalede çok ayrıntılıdır.
|
<! - Aşağıdakilerin bir tablo kabı oluşturun
Kayıt:
Sınır \u003d "1" - kabın etrafındaki çerçeve. Numarayı artırarak, çerçevenin kalınlığını artırabilirsiniz.
Align \u003d "Center" - Konteyneri ekranın ortasına yerleştiririz.
Kurallar \u003d "Satırlar" - Çift çerçeveyi kaldırırız.
Stil \u003d "Genişlik:% 60;" - Stil özellikleri ekleyin
Konteyner ve tüm site "kauçuk".
Tam adaptif bir tasarım yapın, bu şekilde imkansızdır .-->
|
ÖnerilenMeizu m3 notu akıllı telefon genel bakış: kavrulmuş fablet M3 Not Bir Çinli şirket tarafından üretildiğini söylemek zor. Şaşırtıcı bir şekilde, bu model, alıcılara göre, tartışmasız bir kazanan olarak kabul edilir ...
|
