Tüm Forumlar

Tüm Forumlar
Web Tasarım - Programlama
Tasarım ve grafik
Web Tasarım ve Hazır Kodlar
Bu Konuda

Şimdi Ara

Web sitesi arayüz ekranı

Sıcak Fırsatlarda Tıklananlar

Editörün Seçtiği Fırsatlar

https://www.amazon.com.tr/gp/product/B0D4V4S7NX https://www.amazon.com.tr/gp/product/B0D4V4S7NX 10 sa. önce paylaşıldı

https://www.amazon.com.tr/promotion/psp/A377HWVLBWIRHI https://www.amazon.com.tr/promotion/psp/A377HWVLBWIRHI geçen hafta paylaşıldı

https://www.amazon.com.tr/Adidas-Racer-Tr23-Erkek-Ayakkab%C4%B1/dp/B0CPVP4R26 https://www.amazon.com.tr/Adidas-Racer-Tr23-Erkek-Ayakkab%C4%B1/dp/B0CPVP4R26 10 sa. önce paylaşıldı

Wesse WWG203812 Erkek Kol Saati Fiyatları ve Özellikleri https://www.n11.com/urun/wesse-wwg203812-erkek-kol-saati-33148362?magaza=saat-saat geçen hafta paylaşıldı

Honor Pad X9 4GB 128GB Wifi 11.5'' Uzay Gri Tablet - idefix https://www.idefix.com/honor-pad-x9-4gb-128gb-wifi-115-uzay-gri-tablet-p-2115101?vendorId=5495 10 sa. önce paylaşıldı

Açıl Susam Açıl | ITOPYA.COM https://www.itopya.com/acil-susam-acil_s355 geçen ay paylaşıldı

https://www.amazon.com.tr/dp/B09QZX1RGG https://www.amazon.com.tr/dp/B09QZX1RGG 5 ay önce paylaşıldı

{{Title}} {{Description}} {{Price}} {{PriceUnit}} {{DiscountInformation}}

Bu Konudaki Kullanıcılar:

2 Misafir (1 Mobil) - 1 Masaüstü,

1 Mobil

5 sn

5
Cevap

0
Favori

352
Tıklama

Daha Fazla
İstatistik

Konu İstatistikleri Yükleniyor

Konudaki Resimler

Mesaj Tarihine Göre En Beğenilen Son Ekleneneler

Seçimimi Hatırla

Mesaj Tarihine Göre

Mesaj Tarihine Göre
En Beğenilenler
Son Eklenenler

Konuya Özel

Favorilerime Ekle
Konuyu Açandan
Popüler Mesajlar
Linkli Mesajlar
Yazdır
E-Posta Aboneliği
Konuyu Gizle

0 oy

Öne Çıkar

x İlgini çekti mi?
Öne çıkar, anasayfada
daha üstte görünsün.
Daha Fazla Bilgi

Cevapla

Tüm Forumlar >> Web Tasarım - Programlama >> Tasarım ve grafik >> Web Tasarım ve Hazır Kodlar >> Web sitesi arayüz ekranı | DonanımHaber Forum

Sayfa: 1

Giriş

Mesaj

id-trancer

Onbaşı

15 Mesaj

"onbaşı": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

06 Nisan 2016 16:57:44 Konu Sahibi

Mesaj Linkini Kopyala
Şikayet

Arkadaşlar merhaba... benim kafama takılan soru şu:
Diyelim ben web sayfamı 22 inç bilgisayarımda hazırladım. Bu siteyi açan bir kullanıcı 24 inç bilgisayar kullanıyorsa onun ekranında dağılmalar olur mu? Yani bu başıma daha önce geldi. Şöyle ki:
Hoca ödev veriyor ve evde yapıyordum, sonra okuldaki bilgisayarda çalışmamı açınca bi yazı bi tarafa diğeri diğer tarafa kaymış, resimler kaymış halde karman çorman hale geliyordu. (Benim pc:22 inç, okuldaki pc 19 inç)

Yani demek istediğm: Bu sayfayı host aldığım siteye yükleyince direk o hatalar düzelip herkese düzgün görünür mü? Yoksa o hataları biz mi düzeltcez? Eğer ikinci sorduğum gibiyse çok saçma...

< Bu mesaj bu kişi tarafından değiştirildi id-trancer -- 6 Nisan 2016; 16:59:29 >

MOLİVER

Yüzbaşı

696 Mesaj

"vefalı": En az 50 mention yanıtladı. 1 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"gezgin": En az 50 foruma mesaj yazdı. 4 seviyeli bu başarı rozetinin 1. seviyesine sahip.

"yüzbaşı": Geleneksel rütbe sistemi koşulları geçerlidir.

Tüm Başarılarını Gör

06 Nisan 2016 19:58:07

Mesaj Linkini Kopyala
Şikayet

id-trancer İ kullanıcısına yanıt

Bu işe her yeni başlayan kişinin başına gelen ve bu soruları sorduran bir konudan bahsetmişsiniz.Öncelikle sorunuzun yanıtı, o hataları (aslında hata değiller) kendimiz düzeltmemiz lazım.Nasıl yapıldığına gelecek olursak (hocanın sizin yaptığınız sayfa üzerine, neden böyle olduğundan bahsetmesi gerekirdi.) siz divleri hazırlarken, sabit değer vermek yerine yüzde kullansanız bu sorunun olmadığını göreceksiniz.Buna responsive tasarım deniyor.Türkçesine duyarlı tasarım diyebiliriz.Kısaca, her çözünürlüğe uyacak şekilde tasarlanan temalar.Örneğin bir taslak çıkartalım;

<div class="dis">
<div class="ic_sag">Yazılar</div>
<div class="ic_sol">Menü</div>
</div>

.dis {height:100%;width:100%;float:left;}
.ic_sag {height:250px;width:70%;background-color:#eee;float:left;}
.ic_sol {height:250px;width:30%;background-color:#ddd;float:left;}

Şöylede linki vereyim, daha iyi anlamanız için:https://fiddle.jshell.net/Ljay9b6j/1/ Buradada göreceğiniz gibi, genişlik değerleri yüzde ile ifade edildiği için çözünürlük artsa yada azalsa bile tasarımda bir bozulma meydana gelmiyor.Aslında bundan bahsetmek için erken mi bilmiyorum ama, bu iş için kütüphaneler var.Bunlardan biride, bootstrap kütüphanesi.Bunlar sayesinde yüzdeleri kafamıza takmadan tasarımımızı oluşturabiliyoruz.Çünkü bizim düşüneceğimiz kısmı adamlar baştan yapıp hazır hale getirmişler.Biz sadece gereken kodları yerinde kullanıyoruz ve her çözünürlüğe hitap eden bir tasarımımız oluyor.Umarım kafanızdaki soru işaretleri kalkmıştır.