Web Sitesi Örnekleri Css

Css kategorisinde css dersleri, css kodları, css tasarımlar, css örnekleri, css nedir, css template, css menu konuları ile alakalı örnek uygulamalar, ders notları ve açıklamlar mevcut

Bu Çerez Politikası, www.vidobu.com adresindeki web sitemizi ("Site") ziyaretiniz sırasında çerezler ve diğer izleme teknolojileri (gifler, pikseller vb. internet teknolojileri) aracılığıyla sizden bilgilerin toplanması ile ilgili uygulamalarımızı sizlere anlatmak üzere hazırlanmıştır.

Çerezler Nelerdir?

Çerezler, kullanıcıların web sitelerini veya mobil platformları ziyaretleri esnasında bu ziyaretlerin sağlandığı cihazlara (bilgisayar, cep telefonu, tablet vb. gibi sabit ve mobil cihazlar) web sitesi veya platformlar tarafından yüklenen küçük metin dosyaları ya da bilgiler olarak tanımlanmaktadır. Çerezler, internet sitesinin kullanımının kolay ve verimli bir hale getirilmesi, kullanıcının tercihlerine ve ilgisine yönelik olarak özelleştirilmesi ve bu doğrultuda web sitesindeki faaliyetlerin kullanıcı açısından pratikleştirilmesi gibi çeşitli amaçlarla kullanılmaktadır.

Bu işlem için kullanıcı web sitesine girdiği esnada, kullanıcının tarayıcısı ile web sitesinin bilgi transferi ile oluşturulmaktadır. Basitçe, kullanıcı aynı tarayıcı üzerinden web sitesine girdiğinde, tarayıcı ilgili bilgileri hatırlar, web sitesinin sunucusuna aktarır ve web sitesi kullanıcının tercihlerine yönelik deneyimler sunar.

Çerezleri aşağıdaki gibi ayırmak mümkündür:

1. Saklanma Sürelerine Göre:
   1. Oturum çerezleri; tarayıcı oturumunuz sonlandığında sona eren ve söz konusu tarayıcı oturumunuz esnasındaki işlemlerinizi takip etmemize imkân tanıyan çerezlerdir. Bu çerezler tarayıcınızı kapattığınızda otomatik olarak silinirler.
   2. Kalıcı çerezler; tarayıcı oturumları arasında cihazınızda saklanan ve bize tercihlerinizi hatırlama imkânı tanıyan çerezlerdir. Bu çerezler siz silene kadar ya da çerezler için belirlenen kullanım süresi tamamlanana kadar cihazınızda kalırlar.
2. Çerez Yerleştiren Taraflara Göre:
   1. Birinci taraf çerezleri; ziyaret ettiğiniz site tarafından tanımlanan çerezlerdir.
   2. Üçüncü taraf çerezleri; ziyaret ettiğiniz site dışındaki üçüncü kişi site tarafından tanımlanan çerezlerdir.

Çerezler çoğu tarayıcıda bulunan araçlar ile devre dışı bırakılabilir veya kaldırılabilir. Tercihlerinizin, kullandığınız her bir tarayıcı için ayrı olarak tanımlanması gerekmekte olup farklı tarayıcılar, farklı işlevler ve opsiyonlar sunmaktadır. Çerezleri nasıl yönetebileceğinizle ilgili olarak lütfen bu politikanın devamında yer alan "Çerez Tercihlerinizi Nasıl Yönetebilirsiniz?" bölümünü inceleyiniz.

Çerez Benzeri Diğer Teknolojiler

Site’de genellikle çerezler ile birlikte çalışan ve kullanıcı davranışlarını tespit etmeye yarayan ve "piksel etiketleri" veya "clear GIFler" olarak da bilinen ufak kısa grafik imgeleri kullanılmaktadır. Bunların yanı sıra, yerel paylaşımlı nesne veya yerel depolama kullanarak tarayıcı veya cihazınızda bilgi saklayan flash çerezler, HTML 5 çerezler ve diğer internet uygulamaları, yazılım yöntemleri gibi teknolojilerden de faydalanmaktayız. Bu teknolojiler, tüm tarayıcılarınız üzerinden çalışabilir. Bazı hallerde, bunları tümüyle tarayıcınız aracılığıyla kontrol edemeyebilir ve bu tür durumlarda doğrudan doğruya yüklenen uygulamalarınız veya cihazınız aracılığıyla kontrol sağlamanız gerekebilir. Bu teknolojileri, Site’de veya Site dışında size yönelik reklamcılık faaliyetlerini yürütmek amacıyla bilgi toplamak için kullanmadığımızı belirtmek isteriz.

Çerez Teknolojilerinden Hangi Konularda Faydalanırız?

Vidobu olarak çerezleri temelde, Site gezinti tercihleriniz esas alınarak, daha önce izlediğiniz videolara benzer videoların önerilmesi amacıyla kullanmaktayız.

Çerezler ve benzeri teknolojileri Site’de, gezinti tercihlerinize uygun diğer Vidobu içeriklerini önermek için kullanabiliriz. Herhangi bir içeriğe tıklayıp tıklamadığınızdan hareketle, sunulan içeriğin size hitap edip etmediğini anlamamızı sağlayan teknolojiler bu kapsamda yer almaktadır.

Site’de Yer Alan Çerezler

Çerez Tercihlerinizi Nasıl Yönetebilirsiniz?

Çerezlerin işlenmesine ilişkin verdiğiniz açık rızanızı her zaman geri çekebilirsiniz; ancak, açık rızanızı sağlamasanız dahi, her zaman faydalanmayı uygun gördüğünüz çerezleri kabul etme ve istemediğiniz teknolojileri geri çevirme imkanına sahipsiniz. Çerez tercihlerinizi tarayıcı ayarlarınızdan yönetebilirsiniz, ancak çerezleri tarayıcınızdan kaldırdığınız takdirde, Site’nin bazı fonksiyonlarının çalışmayabileceğini hatırlatmak isteriz. Bazı tarayıcılar, çerezleri kabul ettiğiniz siteleri güvenilir adresler listesine eklemenize olanak tanır. Çerezleri kabul etmeme ve bilgisayarınızdan silmeye ilişkin tarayıcı yönlendirmelerine aşağıda yer alan tablodan ulaşabilirsiniz:

Çerezlerin işlevleri, kullanımları ve çerez tercihlerinin yönetimiyle ilgili daha fazla bilgi için aşağıdaki kaynaklardan faydalanabilirsiniz:

İnternet Sitesi Çerezleri: http://www.allaboutcookies.org/manage-cookies/

Mobil Çerezler: http://www.allaboutcookies.org/mobile/index.html

İnternet Reklamcılığı Bürosu (IAB): http://www.youronlinechoices.com/uk/your-ad-choices

Network Reklamcılığı Girişimi (NAI): http://optout.networkadvertising.org/?c=1#!/

Dijital Reklamcılık Birliği (DAA):https://digitaladvertisingalliance.org/

Diğer Web Sitelerine Bağlantılar

Bu site diğer web sitelerine bağlantılar veya referanslar içerebilir. Sizlere, diğer web sitelerinin çerezlerini/izleme teknolojilerini kontrol etmediğimizi ve işbu Çerez Politikası'nın bahsi geçen web siteleri için geçerli olmadığını hatırlatmak isteriz.

Bizimle Nasıl İletişime Geçebilirsiniz?

İşbu Çerez Politikası veya Sitenin bilgi uygulamaları hakkında sorularınız, yorumlarınız veya endişeleriniz varsa, lütfen Kişisel Verilerin Korunması Kanunu Hakkında Bilgilendirme metninde yer alan iletişim bilgilerini kullanınız. Çerezler vasıtasıyla verilerinizin işlenmesine yönelik açık rıza vermeniz halinde, bu açık rızayı her zaman bizimle bu iletişim adresleri üzerinden iletişime geçerek geri çekebileceğinizi hatırlatmak isteriz.

Bu Çerez Politikasında Yapılacak Değişiklikler

İşbu Çerez Politikası değişirse, gözden geçirilmiş güncel politika bu sitede yayınlanacaktır. Bu Çerez Politikasının son güncelleme tarihi 1 Ağustos 2021’dir.

Bu yazımda web tasarım örnekleri ile ilgili daha önceden yapmış olduğumuz örneklerin tamamını listeledim. Örneklerimizin bazılarında Html ve Css, bazılarında etkileşim kazandırmak adına Javascript ve Jquery kullandım. Son olarakta Bootstrap kullanarak bazı web tasarım örnekleri oluşturdum.  

Yapmış olduğumuz örnekleri kendi bilgisayarınızda uygulamalı olarak öğrenmeye çalışırsanız, hem daha hızlı hem de daha kalıcı bir şekilde öğrenmiş olursunuz.

Örnekleri incelerken;

⇒  Html ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE HTML DERSLERİ yazımdan tüm konulara göz atabilirsiniz.

⇒  Css ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE CSS DERSLERİ yazımdan tüm konulara göz atabilirsiniz.

⇒  Jquery ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE JQUERY DERSLERİ yazımdan tüm konulara göz atabilirsiniz.

⇒  Bootstrap ile ilgili eksikleriniz olduğunu düşünüyorsanız A’DAN Z’YE BOOTSTRAP DERSLERİ yazımdan tüm konulara göz atabilirsiniz.

Şu ana kadar web tasarım örnekleri ile ilgili yapmış olduğumuz bütün uygulamaları aşağıda listeledim. Herbir örnek için ilgili örneğin detaylarına ve kodlarına link verdim. Bundan sonra yapacağımız yeni örneklerin linklerini de buraya eklemeye devam edeceğim.

Burada bulunan örneklerin dışında web tasarım ile ilgili neyin nasıl yapıldığını öğrenmek istiyorsanız yorum kısmından önerilerde bulunabilirsiniz. Böylece bu örneklere öncelik verebiliriz.

HTML VE CSS İLE WEB TASARIM ÖRNEKLERİ

⇒ Css ile Html İletişim Formu (İletişim Sayfası) Oluşturma

⇒ Css ile Buton Yapımı (3d Buton, Yuvarlak Buton, Animasyonlu Buton vb..)

⇒ Html ve Css ile Sosyal Medya Butonları Yapımı

⇒ Css ile Dikey Menü Yapımı

⇒ Css ile Dikey Sabit Menü Yapımı

⇒ Css ile Yatay Menü Yapımı

⇒ Css ile Yatay Açılır Menü Yapımı

⇒ Css ile Yatay Sabit Menü Yapımı

⇒ Css ile Yatay Sticky Menü Yapımı

⇒ Css ile Dropdown Yapımı

⇒ Hazır Css Kodları (Margin ve Padding)

⇒ Css ile Html Ortalama (Yazı, Resim, Form, Tablo, Sayfa, Menü vb..)

⇒ Html ve Css ile Üçgen Yapımı

⇒ Css ile Tooltip Yapımı

⇒ Html ve Css ile Breadcrumb (İçerik Haritası) Yapımı

⇒ Css ile Özel Checkbox (Custom Checkbox) Yapımı

⇒ Css ile Özel Radio Button (Custom Radio Button) Yapımı

⇒ Html ve Css ile Dikey Çizgi Nasıl Yapılır?

⇒ Html ve Css ile Animasyonlu Arama Kutusu Yapımı

⇒ Html ve Css ile Pagination (Sayfalama Butonları) Yapımı

⇒ Css ile Loading Yapımı

⇒ Loading Gif Örnekleri – Yükleniyor Gif Örnekleri

⇒ Css ile Toggle Switch Yapımı

⇒ Html ve Css ile Responsive Timeline Yapımı

⇒ Html ve Css ile Güp Güp Atan Kalp Yapımı

⇒ Css ile Resimleri Responsive (Mobil Uyumlu) Yapma

⇒ Html ve Css ile Zıplayan Top Uygulaması

⇒ Html ve Css ile 2 Duvar Arasında Gidip Gelen Top Uygulaması

⇒ Html ve Css ile Kalp Yapımı

⇒ Html ve Css ile Responsive Takvim Yapımı

⇒ Html ve Css ile Sabit/Yapışkan Sosyal Medya Butonları Yapımı

⇒ Html ve Css ile Yan Menü Butonları Yapımı

⇒ Html ve Css ile Türk Bayrağı Yapımı

⇒ Html ve Css ile Gökyüzü Tasarımı Yapımı

⇒ Html ve Css ile Zıplayan Toplar Animasyonu Yapımı

HTML, CSS VE JQUERY İLE WEB TASARIM ÖRNEKLERİ

⇒ Responsive Menü Yapımı

⇒ JQuery ile Tabloda Arama Yapmak

⇒ JQuery ile Listede Arama Yapmak

⇒ Animasyonlu Hamburger İcon Yapımı

⇒ Jquery ile Butona Tıklayınca Metin Kutusundaki Sayıyı Artırmak ve Azaltmak

⇒ Jquery ile Beğendim – Beğenmedim Uygulaması

⇒ JQuery ile Kalan Karakter Sayısı Uygulaması

⇒ JQuery ile Tab Menü Yapımı (Sekmeli Menü Yapımı)

⇒ Html, Css ve JQuery ile Sekmeli Galeri Yapımı (Tab Gallery)

⇒ Html, Css ve JQuery Kodları ile Slider Yapımı

⇒ Html, Css ve JQuery ile Haber Galerisi Yapımı (News Gallery)

⇒ JQuery ile Popup Yapımı (Popup Kodları)

⇒ Jquery ile Rating Stars Yapımı – Puan Verme

⇒ Jquery ile Rating Stars Yapımı – Verilen Puanların Ortalamasını Gösterme

HTML, CSS VE JAVASCRIPT İLE WEB TASARIM ÖRNEKLERİ

⇒ JavaScript ile Resmin Üzerine Gelince Zoom Yapma

BOOTSTRAP 4 İLE WEB TASARIM ÖRNEKLERİ

⇒ Bootstrap 4 ile İletişim Formu (İletişim Sayfası) Oluşturma

HTML VE SCSS İLE WEB TASARIM ÖRNEKLERİ

⇒ HTML ve SCSS ile Yatay Menü Yapımı

⇒ Html ve SCSS ile Üçgen Yapma Fonksiyonu (Mixin ve if-else Uygulaması)

Web tasarım örnekleri ile ilgili örnek ve uygulamalar şimdilik bunlar. 

Umarım sizin için faydalı örnekler olmuştur.

Yeni bir yazımda görüşmek üzere.