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

Baskılı Kısa Kollu Pamuklu Tişört : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B09P8PP3JS 10 sa. önce paylaşıldı

Chicco Chicco Şişme Mont Mont Erkek : Amazon.com.tr: Moda https://www.amazon.com.tr/dp/B0BXB574TZ 4 ay önce paylaşıldı

Puma UP Youth Trainers Unisex Çocuk Spor Ayakkabı, Puma White-Puma White-Gray Violet, 35.5 : Amazon.com.tr: Moda https://www.amazon.com.tr/Unisex-Ayakkab%C4%B1-White-Puma-White-Gray-Violet/dp/B08R6PGP1Z?th=1&psc=1 12 sa. önce paylaşıldı

Faber-Castell Grip Boya Kalem Ultamarin : Amazon.com.tr: Ofis ve Kırtasiye https://www.amazon.com.tr/dp/B01N1YTM3P 12 sa. önce paylaşıldı

Migros Sanal Market: Online Market Alışverişi https://www.migros.com.tr/bahcivan-hellim-peyniri-225-g-p-9ed4cc geçen hafta paylaşıldı

Migros Sanal Market: Online Market Alışverişi https://www.migros.com.tr/komili-natural-sizma-ayvalik-erken-hasat-soguk-sikim-2-l-p-3f057e dün paylaşıldı

HP Victus 16-S0065NT 8W8A7EA R7-7840HS 32 GB 1 TB SSD RTX4070 16.1" Dos Dizüstü Bilgisayar Fiyatları ve Özellikleri https://www.n11.com/urun/hp-victus-16-s0065nt-8w8a7ea-r7-7840hs-32-gb-1-tb-ssd-rtx4070-161-dos-dizustu-bilgisayar-44541090?magaza=hpstoreturkiye geçen ay paylaşıldı

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

Bu Konudaki Kullanıcılar:

2 Misafir - 2 Masaüstü

5 sn

5
Cevap

0
Favori

335
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.