1/3 İsminiz

 

2/3 E-Mail

 

3/3 Mesajınız

 

Mesajınız Gönderiliyor...
 

Tüm Cihazlara Uyumlu Website Şablonu

Web-Tasarım   05.01.18    597

Tüm Cihazlara Uyumlu Website Şablonu

Tüm cihazlara uyumlu website serimizin bu ikinci makalesinde şablon tasarımı yapacağız. Tasarlayacağımız şablon cep telefonlarında, tabletlerde ve farklı ekran büyüklüğüne sahip bilgisayarlarda içeriklerin düzgün görüntülenmesini sağlayacak. Tasarımımız için oldukça kolay iki farklı yöntem kullarak şablonumuzu uyumlu hale getireceğiz. Ayrıca bu yöntemlerin avantaj ve dezavantajlarından da bahsedeceğiz.

 

Serimizin ilk bölümüne buraya tıklayarak,

 

Serimizin üçüncü bölümüne buraya tıklayarak ulaşabilirsiniz.

 

Tasarımı test etmek için buraya, bilgisayarınıza indirmek için buraya tıklayabilirsiniz.

 

Uyumlu şablon tasarımı, uyumlu menü tasarımına oldukça benzemektedir. Websitemiz için oluşturduğumuz şablon farklı sayıda katmanlar içerir. Herhangi bir uyum işlemi yapmazsak, ekran boyutu küçüldükçe katmanlar da küçülür. Bu küçülme, katmanlardaki resim, yazı, video gibi içeriği oluşturan elemanlarımızın sıkışmasını ve görünüşün bozulmasına neden olmaktadır. Bu nedenle küçük ekranlarda katmanlarımızı basamaklı hale getirerek, genişliği artırmamız gerekmektedir.

  Şablon  

Aşağıdaki videoda bütün aşamalar detaylıca anlatılmıştır.

 

 

Bu Konular da İlginizi Çekebilir...

 

 

Yorum Yaz

 

Onay Bekleyen Yorum : 0

Yorumlar