26 Nisan 2015, 00:53 | #1 | ||||||||||||||||||||
Keyifli~Üye Üyelik tarihi: 15 Ağustos 2012
Mesajlar: 1.872
| Mobil duyarlı web tasarım Mobil uyumlu duyarlı web tasarımı, (RDW) sunucunun bütün web görüntüleme özelliğine sahip cihazlara aynı HTML kaynak kodunu gönderdiği ve web sayfa tasarımının oluşturulması için farklı bir CSS'nin kullanıldığı işlemdir. Bu sayede Cep telefonunuzdan web sitelerini uyumlu web sitelerini ziyaret ederek spor, müzik, yeni haber içeriklerine ulaşabilir, yeni bilgiler öğrenebilir internet sitelerinde dilediğinizce dolaşanilirsiniz. Duyarlı web tasarım tüm, cihazlara ekran yükseklik ve genişliğine göre uyumlu olarak ayarlanan kodları gönderir. Web tarayıcılarına içeriğin olması gerektiğini tanımlayan **** name="viewport" etiketi kullanılmalıdır. Aşağıda görüldüğü gibi etiketi kullanabilirsiniz. <**** name="viewport" content="width=device-width, initial-scale=1.0"> Niçin Duyarlı Web Tasarım Tercih Edilmeli? Duyarlı web tasarımı aşağıda sıralanan sebepler nedeniyle tavsiye ediyoruz. Tek Site URL ile ziyaretçiler web sitenizi paylaşabilirler ve bağlantı ekleyebilirler. Eşit bilgisayar ve mobil sayfaların varlığını tespit etmek yerine Arama motorları algoritmaları sayesinde web sitenizdeki sayfalara doğru atamasına olanak sağlar. Aynı web sayfası içeriği için ayrı ayrı düzenleme gibi çalışmalara gerek duyulmaz. Mobil hatalarını minimum dereceye düşürür, düzgün ve okunabilirliği arttır. Arama motorları tarafından daha kolay taranır. Tasarruf sağlar. Ayrıca web sitesine uygun olarak kodlama esnasında (CSS, resimler ve JavaScript) arama motorları tarafından taramaya engelleyecek kodlama tekniklerine dikkat edilmelidir. Duyarlı web tasarımının faydaları Duyarlı yani diğer bir adı ile Responsive tasarım tamamen kullanıcılara özgürce web sayfalarında dolaşmasına yardımcı olur. Duyarlı web tasarım tek bir web site ile tüm mobil cihazlar ve masaüstü bilgisayar tarafından uyumlu olarak çalışır. Ziyaretçilerinize web sitenizde dolaşım ve görüntüleme kolaylığı sunar. Tüm browser ve mobil cihazlar ile uyumlu çalışan web siteleri diğer responsive özelliğine sahip olayan internet sitelerine göre google ve diğer arama motorları tarafından daha çok tercih edilir ve popüler arama sonuçlarını etkilemesine yardımcı olur. Duyarlı mobil web tasarım aşamaları Mobil cihazlar ve tüm browserlar ile uyumlu halde çalışan tek HTML kod yapısı kullanan, CSS ve JavaScript kodlarında değişiklik gösteren web yazılım alt yapısına sahip web siteleridir. Flash Kullanımı Mobil tarayıcıların büyük bir çoğunluğu flash tabanlı kodlamayı desteklemez. Ziyaretçileriniz navigasyon menüleri, animasyonları, swf uzantılı dosyaları ve sayfaları görüntülemekte problem yaşarlar. Bu yüzden flash yapısına dayalı sayfalar oluşturmak mobil kullanımı ve arama motorlarının web sitenizi taramasına engel olur. Görünümü Yapılandırma **** viewport etiketi sayesinde, web sitesi görünümü bütün ekranlara göre ayarlayabilirsiniz. Bu sayede tüm ziyaretçileriniz web sitenizi web browser ekranına göre görüntüleme olanağı bulur. Sabit Görünüm Genişliği Web sitenizi sabil bir görüntü boyutundan ziyade tüm ekranlara uyumlu hale getiriniz. Sabit piksel ayarlanan web siteleri tüm ekranlarla uyumlu çalışmasına mani olur. Yazı Tiplerini Düzenleyin Yazı tiplerinizi mobil web sitesi tasarımınıza göre uyarlayın. tüm yazılarınızın okunurluğunu arttırmak sizlere, ziyaretçilerinizin web sayfanızda daha fazla vakit geçirmesini sağlar. Web tasarım konuları hakkında detaylı bilgi için İstanbul web tasarım web sitesini ziyaret ederek uyarlı web sitesi genel bilgilerine sahip olabilirsiniz. | ||||||||||||||||||||
Bookmarks |
Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir) | |
Seçenekler | Arama |
Stil | |
| |