cGünümüzde yaşanılan pandemi süresi e-ticaret sitesi ve önemi konusunda sektörün çokca gelişmesine vesile olmuştur. Bu gelişim e-ticaret sitelerinin önemini ve piyasadaki yerini artırmakla beraber, firmaların bu konuda yetersiz kaldığınıda göz önüne sermiştir. Artık hemen hemen her işletme online satış yapmak için bir e-ticaret sitesi açmaktadır.
2020 Yılında E-Ticaret Sitesi ve Önemi
2020 yılında açılan ve faaliyete geçen e-ticaret siteleri sayesinde firmalar kira, işçi, elektrik ve benzeri giderlerin bir kısmından kurtularak daha az maliyetli satışlar yapmakta, bu sayede gelirlerini katlamaktadırlar. Pek çok operasyonu tek bir çatı altında yapabileceğiniz e-ticaret sitesi fiyatları ile sizlerin bütçesine de uygun seçenekler sunmaktadır.
Kargo takibi, müşteri görüşleri, reklamlar, tanıtımlar, kampanyalar ve müşteri ile direk iletişim gibi pek çok avantajının yanı sıra ürünlerinizi satmak için dükkan kirası, eleman ücreti ve buna benzer ek maliyetlerden de sıyrılmanıza yardımcı oluyor e-ticaret siteleri. 2020 yılında yaşadığımız pandemi ile birlikte insanların sokaktan alış veriş yapma korkusunu atması e-ticaret siteleri ile gerçekleşmiştir. Artık yeni normal içerisinde online alışveriş, oldukça büyük bir yer tutmaktadır. Özellikle alışveriş sitelerinin kazançlarını yüzde 400 artırdığı düşünülürse bu pastadaki yerinizi almanız kaçınılmazdır.
E-Ticaret Sitesi Fiyatları
E-Ticaret siteleri normal web sitelerinden farklı olarak pek çok operasyonu takip edebileceğiniz komleks yapılı sitelerdir. Kargo takibi, müşteri iletişimi ve ilişkileri, ürün kontrol ve fiyatlandırılması gibi pek çok alanda size yardımcı olan bu siteler sayesinde işlerinizi kolayca çözmeniz mümkün.
Dolayısı ile e-ticaret sitesi fiyatları normal siteler ile bir olabilir diye düşünmek yanlış olur. İşinizin özelliği, çapı ve talepleriniz doğrultusunda fiyatların farklılık gösterdiği sistemler size özel yapılmaktadır. Dilerseniz hazır paketlerimiz ile daha ekonomik seçimler yapabilirsiniz. Tamamen bütçeniz ve isteklerinize bağlı değişen bir sistemdir. Piyasadaki en uygun fiyatlı e-ticaret sitesi hizmetimiz ile BirTık Tasarım ekibi olarak sizlere hizmet vermekten mutluluk duyuyoruz.
E-Ticaret Sitesi ve Önemi açısından sizlere bilgilendirme yapmak istediğimiz yazımız sayesinde sizlerin de bu pastadaki yerini almasını istiyoruz. Fahiş fiyatlarla kullanışsız siteler yerine profesyonel çalışmalar ve uygun fiyatları bizimle yakalayabilirsiniz. Web tasarımın ve e-ticaret sitesinin uzman ekibi BirTık Tasarım. Sizlere hizmet vermek için iletişim kanallarımızdan bize ulaşmanızı heyecanla bekliyoruz. Her müşterimize ailemizin bir bireyi olarak bakıyor, bu çerçevede her daim profesyonel bir işleyiş vaad ediyoruz.
birtiktasarim
4 Ekim 2020
E-ticaret Sitesi Fiyatları, E-Ticaret Sitesi ve Önemi, online alışveriş, uygun fiyatlı e-ticaret sitesi
Web Tasarım
39
Responsive Tasarım Nedir? Responsive Tasarımın Önemi
Günümüzde insanlar çoğu işini mobil platformlarda yapmakta. Bu da responsive tasarım konusunun önemini artırmaktadır. Bu yazımızda sizlere ekrana duyarlı tasarım ve bu konu ile ilgili detaylaır vereceğiz. Şimdiden iyi okumalar.
Responsive Tasarım Nedir?
Ekrana duyarlı tasarım olarak da adlandırılabilen responsive tasarım ile, her cihaz ve çözünürlükte aynı görünen web siteleri elde etmek mümkün. Arama motorlarının günümüzde mobil trafiğe verdiği önem ve web sitelerinin dönemlik olarak aldıkları raporlarda görünen mobil platformlardan gelen ziyaretçi sayısının fazlalığı bu konuyu önemli bir konu haline getirmiştir. Ayrıca pek çok arama motoru da artık mobil uyumlu siteleri kıstas haline getirmiş durumda.
Bir web sitesi sahibiyseniz mutlaka tüm ekranlara duyarlı bir tasarım kullanmanız gerekmektedir. Bu sayede gelen ziyaretçilerin sitenizi daa sağlıklı görmesini ve daha çok süre sitenizde kalmasını sağlarsınız. Bu da hemen çıkma oranı gibi önemli bir istatistiği pozitif yönde ilerletmenize olanak sağlar.
Sitenizi ziyaret eden kişiler görsellerin, yazıların ve içeriklerin net olarak okunmasını ve görünmesini isterler. Artık mobil platformlarda hem iş hem eğitim işlemleri yapılmaktadır. Dolayısı ile bu cihazların ekran çözünürlüğünde web sitlerinin düzgün görünmesi ve çalışması başlı başına bir seo kriteridir.
Responisive tasarım kriterleri içindeki en önemli konu sitenin görüntüleneceği ekranların boyutlarıdır. Tasarım yapılmadan önce bu çözünürlükler bilinmelidir.
Responsive Tasarım Nasıl Yapılır?
Responsive tasarım yapmak için öncelikle html ve css konularına hakim olmanız gerekiyor. Ardından kodlama aşamasında head etiketlerinin arasına aşağıdaki kodu yerleştirmeniz gerekiyor.
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
Yukarıda yazacağınız kod ile sitenin ekrana duyarlı olduğunu belirtiyoruz. Bu işlemin ardından tasarımı yapacağınız ekranın boyutlarını css kodları ile belirtmemiz gerekiyor. Genel olarak mobil tasarımlarda 768px ve altındaki ölçülerde, tabletler için yine 768px ve altındaki ölçülerde, masaüstü tasarımlar için 992px ve altındaki ölçülerde çalışılabilir.
Ardından aşağıdaki kod gibi media etiketi kullanarak çözünürlük belirterek css dosyamız yardımı ile ekrana özel css kodları kullanacağız.
@media screen and (max-width: 480px)
Yukarıdaki kod ile maksimum çözünürlüğü 480px olan ekranlara duyarlı tasarımları yapabilirsiniz.
Responsive Tasarım Teknikleri ve İncelikleri
Responsive tasarım uygulamalarını yaparken kullanılabilecek bir kaç teknik ve incelik vardır. Bunlardan biri komple css kullanmak yerine bootstrap gibi framework kullanımı ile daha kolay bir şekilde mobil tasarımlar yapabilirsiniz.
Bootstrap ekrana duyarlı tasarımlarda sıklıkla kullanılan bir frameworktür. Özel kodları, görsel kütüphanesi, kolay kullanımı ve temel iskelet yapısı sayesinde hızlı tasarımlar yapmanızı sağlıyor. Izgara sistemi sayesinde mobil uyumlu web siteleri yapmanızı sağlar.
Bootstrap kullanımında bilmeniz gereken en önemli nokta bu framework’ün 12’li ızgara yapısını kullanmasıdır. Bu sistem bir web sitesinin enini 12 eşit parçaya bölerek tasarımların bu doğrultuda yerleşmesini amaçlar. Açık kaynak kodlu bu paket sayesinde kendi responsive tasarım sitelerinizi oluşturabilirsiniz.
Reponsive tasarım konusunda bir bilmeniz gereken temel konuları size anlatmaya çalıştık. İlerleyen yazılarımızda mobil tasarım konusuna dair daha geniş örnekler yapacağız.
birtiktasarim
27 Ağustos 2020
Responsive Tasarım
Web Tasarım
42
Framework Nedir? Framework Çeşitleri Nelerdir?
Framework nedir sorunun yanıtı ile ilgili verilbilecek en net cevap, uygulama ve bilgisayar sistemlerinde süreçleri kısaltmak için kullanılan mekanizmalardır. Framework sistemleri sayesinde üzerinde çalıştığınız uygulamalarda zamandan ve kodlama sürecinden kazanarak daha hızlı işlemler yapabilirsiniz.
Framework Nedir? Kullanım Amacı Nedir?
Framework için aslında şablon kelimesi ile de tanımlama yapılabilir. Böylece aynı tarzda işlemleri yapmak için bu şablonları kullanarak zamandan ve efordan tasarruf edersiniz.
Framework Neden Kullanılmalıdır?
Framework sayesinde tekrarlı ve sürekli yapılan rutin işlemler otomatik olarak ve kısa sürede yapılarak kolaylık sağlanır. Framework sayesinde bir şablonu hep baştan ve aynı şekilde yazmaktan kurtulursunuz.
Örneğin bir uygulamada aynı fonksiyonu sürekli yazmak yerine bir framework kullanarak aynı kodu tekrar yazma külfetinden kurtulursunuz.
Framework Nasıl Çalışır?
Framework sayesinde programlcı, iskeleti yeniden kodlamak ve bu işlemi tekrarlamak yerine, uygulamasının geliştirilmesine odaklanabilir. Teknik açıdan framework içerisinde başka bir uygulamanın kullanım iznini yani API’yi içerir. API sayesinde kaynak kodda izin verilen kodlara ve fonksiyonlara erişim sağlanır.
Framework Nedir Nasıl Çalışır
İlaveten Frameworkler geliştirenlerin tarafından bir programlama dikinin kullanılarak yazıldığı kodu, bilgisayarın anlayabileceği makina diline yani 0 ve 1’li dile çeviten ve derleyen bir aracı da bünyesinde barındırabilir.
Bir uygulama yapmak için kullanılan diller üzerinden oluşturulan frameworkler, bir yazılımın içerisinde soyutlama denilen yüksek seviye bir kod kullanır.
Framework ile çalışmak oldukça basittir. Kolaylaştırılmış düzeyde derlenen kodları barındırdıkları için herhangi bir ortama kurularak kod yazmaya başlanılabilir.
En Çok Kullanılan Frameworkler
Piyasada yaygın olarak aynı programlama dili için pek çok framework bulunur. Bunun sebebi başarılı olan bir paketin başka bir geliştirici tarafından farklı yorumlanmasından dolayıdır.
Framework seçiminde en önemli husus kullanılacak dildir. Eğer PHP bilginiz varsa PHP için geliştirilmiş bir framework öğrenmeniz mantıklı olacaktır. Yani genel anlamda kullanmak istediğiniz dil için yazılmış bir framework kullanmanız gerekmektedir.
Doğru framework seçimi ile farklı ve zengin içeriklere, işlevsel özelliklere sahip olabilirsiniz.
Aşağıdaki listede her programlama dili için popüler olan framework listesini bulabilirsiniz.
PHP Frameworkleri
CakePHP: Ruby on Rails’in sevilen iskele özelliklerini içeren daha modern bir çerçevedir. Yapılar hızlıdır ve çok sayıda yerleşik farklı test ve güvenlik özelliği sunar.
CodeIgniter: Hızlı uygulama geliştirmeleri için önerilen, çok sayıda kütüphane içeren, kullanımı kolay bir frameworktür.
Horde: Ücretsiz ve açık kaynaklı bir framework olan Horde, e-posta ve takvim gibi bileşenlere sahip olduğundan işbirliğine dayalı yazılım oluşturmak isteyenlere önerilir.
Laravel: Ücretsiz, açık kaynaklı ve hızlı uygulama geliştirmeyi kolaylaştıran en popüler PHP çerçeveleri arasındadır.
Symfony: Verimli, kararlı ve olgun bir PHP çerçevesidir. Yeniden kullanılabilir kütüphaneler ve bileşenlere sahiptir.
Yii: Karmaşık ama hızlı yüklenmesi gereken sayfalar için derlenmiş açık kaynak kodlu bir framework.
Zend: Kimlik doğrulama, formlar ve benzeri bileşenleri olduğu için kurumsal framework arayanlar için iyi bir seçenek olabilir.
Zikula: Hem içerik yönetim sistemi hem web uygulaması. Symfony’nin bir uzantısıdır.
Java Frameworkleri
Java dili için en çok ve sıklıkla kullanılan framework Spring paketidir. Spring ile herhangi bir programlama dili dizilimini izlemeniz gerekmez. MVC bileşen desteği de mevcuttur.
Python Frameworkleri
Özellikle ileri düzey ve nesne odaklı tasarımlar için kullanılan bir programlama dilidir. Pek yaygın kullanımamaktadır.
Django: Python kullanıcıları için ücretsiz ve açık kaynak kodlu ve sıklıkla web geliştiricileri tarafından kullanılan frameworktür.
Flask: Kullanımı kolay, esnek, bir frameworktür. Herhangi bir araç ya da kütüphaneye ihtiyaç duymaz. Özellik eklemek için Flask uzantılarını kullanmalısınız.
JavaScript Frameworkleri
JavaScript, web uygulamalarının geliştirilmesinde sıklıkla kullanılan bir dildir.
Angular.js: Google ve açık kaynak kodlu kullanıcılar tarafından oluşturularak sunulan bir pakettir.
Express.js: MEAN yığınının bir parçası olarak kullanılan MongoDB, Express.js, Angular.js içeren bir parçadır.
Node.js: Sunucu taradında Javascript çalışmasına olanak sağlayan yaygın bir kütüphanedir. Node.js PHP ve ASP uygulamalarına göre daha hızlıdır. Bu da performansı etkilemektedir.
React.js: Frameworkten ziyade arayüz tasarlanması için kullanılan bir kütüphanedir. Kullanıcı deneyimini geliştirmek için kullanılır.
Framework nedir sorunun cevabı olarak sizlere hem geniş bir bilgi hem de farklı kütüphanelerin lsitesi ile beraber ne işe yaradıklarına dair detaylar verdik. Framework kullanmak kodlamanızdaki kaybettiğiniz zaman ve iş gücünü size geri verecektir.
birtiktasarim
19 Ağustos 2020
En Çok Kullanılan Frameworkler, Framework Çeşitleri Nelerdir?, Framework Nasıl Çalışır?, Framework Neden Kullanılmalıdır?, Framework Nedir?
Web Tasarım
43
Web Sitesi için Kaydırma Çubuğu Nasıl Yapılır?
Bu yazımız ile sizlere web sitesi için kaydırma çubuğu nasıl yapılır bu konudan bahsedeceğiz. Böylece sitenize özel kaydırma çubukları ile daha renkli bir görünüme kavuşabilirsiniz. Tarayıcılarınızda bulunan kaydırma çubuklarının özelleştirilmesi ile daha modern görünümler elde edebilirsiniz.
Bazı web sitelerinde çok renkli ve güzel kaydırma çubukları görmüşsünüzdür. Bu çubuklar webkit araçları ile yapılmaktadır. Günümüzde çoğu tarayıcı webkit desteklemektedir. Bu yazımızda web sitesi için kaydırma çubuğu yapımını öğreneceksiniz.
Web Sitesi için Kaydırma Çubuğu Nasıl Yapılır?
Kaydırma çubuğunda bölümler bulunmaktadır. Bu bölümler kaydırma çubuğunun kutusu, çubuğun kendisi ve yön okları olmak üzere bölümlere ayrılabilir. Bu örneğimizde mor renkli özel bir kaydırma çubuğu yapacağız.
Örnek projemizi Chrome tarayıcısı üzerinden yapacağız. Öncelikle kaydırma çubuğunun kutusunu yapacağız. Bu kutu üzerinden tasarımımız devam edecek. Şağıdaki kodlar ile kaydırma çubuğumuzun arka plan rengini belirleyeceğiz.
::-webkit-scrollbar {
    width: 8px;
    background-color: #eeeeee;
}
Kaydır çubuğuna rotasını verme zamanı geldi. Bu rota kenar kenar bölüm olarak da adlandırılabilir. O bölümde kaydırma çubuğunun kenarlarını düzenliyoruz. Böylece çubuğumuzun sınırları belli oluyor. Dilerseniz çubuğun büyüklüğünü de değiştirebilir, farklı renkler kullanabilirsiniz.
::-webkit-scrollbar-track {
    border-left: 1px solid #503775;
    border-right: 1px solid #503775;
}
Son olarak kaydırma çubuğunun nasıl tasarlandığına bir göz atalım. Şimdiki kodlarımız ile çubuğun rengini dğeiştiriyoruz ve köşelerini biraz oval yapıyoruz ki göze güzel görünsün. Kullanıcı deneyimi açısından bu oldukça önemli bir konu.
::-webkit-scrollbar-thumb {
    background-color: #503775;
    border-radius: 5px;
}
Yukarıda verdiğimiz kodları tek bir bütün olarak vermemiz gerekirse aşağıdaki gibi sitenize kopyala yapıştır yaparak işleminizi yapabilirsiniz.
::-webkit-scrollbar {
    width: 8px;
    background-color: #eeeeee;
}

::-webkit-scrollbar-track {
    border-left: 1px solid #503775;
    border-right: 1px solid #503775;
}

::-webkit-scrollbar-thumb {
    background-color: #503775;
    border-radius: 5px;
}
Sonuç
Web Sitesi için Kaydırma Çubuğu Nasıl Yapılır rehberimiz ile özelleştirilmiş kenar çubuğu yapmak işte bu kadar basit. Sizde farklı webkit kodlarını kullanarak diğer web tasayıcıları için özelleştirilmiş kena kaydırma çubukları tasarlayabilr, ziyaretçilerinize daha farklı, renkli ve zengin bir görsellik sunabilirsiniz. Sizler de kullandığınız farklı tasarımların kodlarını yorumlar kısmında bizimle paylaşarak diğer kullanıcılara da yardımcı olabilirsiniz. Web tasarım için oldukça faydalı bir özelleştirme türü ile sizlere umarız yardımcı olabilmişizdir.
birtiktasarim
16 Ağustos 2020
Kaydırma Çubuğu Nasıl Yapılır, Web Sitesi için Kaydırma Çubuğu Nasıl Yapılır, webkit
Web, Web Tasarım
102
Domain Nedir?
Domain web site için çok önemlidir.Zaten bu olmazsa site denen şey olmaz.Site ismi insanları sitenize çekmek için gerçekten yaratıcılık olarak önemlidir.Peki nedir bu domain? Ya da Türkçe karşılığıyla alan adı.Şu an sitemize www.birtiktasarim.com alan adı üzerinden giriyorsunuz.Bu bizim alan adımızdır.Nasıl ki evinizin adresi,telefonuzun numarası,wifinizin ip adresi varsa siteye giriş için de somut bir şey gereklidir.Bu kısımda domain devreye giriyor. ‘.com’ , ‘.net’ , ‘.com.tr’ tarzında en çok kullanılan alan adlarının yanı sıra birçok alan adı da mevcuttur.Alan adı satın almak için bir sürü site bulunuyor.En çok kullanılanı GoDaddy’dir. Alan adınızı seçerken çok düşünmelisiniz.