CSS uzmanlarına bir kaç sorum var

30.01.2017 18:24

dhost Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 24.01.2017
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Bursa

Ad Soyad E** Ç**
Mesajlar 27
Beğeniler 7 / 13
Ticaret 1, (%100)

Merhaba arkadaşlar. Yaklaşık üç-dört sene kadar önce bu işlere ara vermiş birisi olarak, hem geçmiş bilgilerimi hatırlamak hem de eksik bilgilerimi tazelemek adına bir kaç soru sormak istiyorum. Müsaadenizle..

1. Soru: Kodlama yapmaya başlamadan önce her sayfada olması gereken kodlar var mıdır? Bu kodları kendiniz mi yazıyorsunuz yoksa hali hazırda saklıyor musunuz? Varsa bunları nereden bulabilirim?

2. Soru: Bir web sayfası tasarlamak için, içeriğin dağılmaması adına genel div kullanmak şart mıdır?

3. Soru: Genel div oluşturmak zorunda kaldığımız vakit, açtığımız bu divi üst kısma nasıl yapıştırabiliriz? Aşağıdaki resimde gözüken "gri alan", genel div. Bu alanı üst kısma yapıştırmak istiyorum.

4. Soru: Başından beri pixel mantığı ile boyutlandırmayı öğrendim. % boyutlandırma biçimi ile arasındaki fark nedir? Hangisini kullanmak daha doğru olur?

Cevap yazacak arkadaşlara şimdiden teşekkür ediyorum.

30.01.2017 19:04

#2

ErcanDinsel E' Kullanıcı

Üyelik 28.01.2012
Yaş/Cinsiyet 32 / E
Meslek Grafiker. / ercandinsel.org
Konum Kocaeli

Ad Soyad E** D**
Mesajlar 670
Beğeniler 54 / 241
Ticaret 1, (%100)

1 - Bu soruda tam olarak ne demek istediğinizi anlamadım, anladığım kadarıyla head tagları arasındaki kodlardan bahsediyorsunuz. Bu kodlar yapacağınız siteye göre değişir, seo için gerekli kodlarda bulunur veya responsive yapacaksanız bununla ilgili kodlar bulunur veya site dili ile ilgili kodlar bulunabilir. Bunları el ilede yazabilirsiniz, netten araştırarakda c/p yapabilirsiniz.

2- Genel div kullanmak gibi bir şartınız yok, ancak siteyi üç alana bölüp çalışırsanız daha stabil ve anlaşılır olur(ilerisi için). Bu alanlar header,content,footer.

3- Resimde gösterdiğiniz divi en üste yapışmamasının neden tarayıcıların verdiği ayarlardır. Bunun için css resetleme kullanılıyor. Googleda css reset nedir diye araştırırsanız fazlasıyla makale bulursunuz.

4- Hepsinin kullanım yerine göre avantajları vardır bununla ilgili makaler okuyup araştırmanız kafanızda daha iyi yer yapacaktır.

PS: Css uzmanı değilim, bildiğim kadarıyla yazıyorum.

1 kişi bu mesajı beğendi.

30.01.2017 19:19

#3

dhost Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 24.01.2017
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Bursa

Ad Soyad E** Ç**
Mesajlar 27
Beğeniler 7 / 13
Ticaret 1, (%100)

ErcanDinsel teşekkür ediyorum yardımların için dostum. sağolasın (Y)

başka türlü yardım edebilecek arkadaşların da cevaplarını bekliyorum.

30.01.2017 19:31

#4

67700 WM Aracı Anonim Üyelik

Üyelik 09.09.2016
Yaş/Cinsiyet - /
Meslek
Konum

Ad Soyad ** **
Mesajlar 24
Beğeniler 10 / 2
Ticaret 1, (%100)

Arkadaş gerekli cevapları vermiş ama ekleme yapmak isterim;
1. soru : reset.css kodları ekleyebilirsin. Her tarayıcının kendine göre div leri, p leri span ları stillediği için reset.css ile her tarayıcıda projenin en başında aynı görüntüyü alırsın. İnternette örnekleri mevcut.

4.soru : şimdi % olayını genelde responsive tasarımlarda kullanıyorum. Ama css den media ayarlarını ekran boyutlarına göre yaparak tabi. Ama genel kullanım px yönünde

30.01.2017 20:16

#5

HapyMan Full Stack Developer Kullanıcı

Üyelik 14.05.2016
Yaş/Cinsiyet 32 / E
Meslek What do you do exactly ?
Konum İstanbul Avrupa

Ad Soyad T** T**
Mesajlar 561
Beğeniler 171 / 208
Ticaret 0, (%0)

öncelikle hocam tekrar geri gelmeniz güzel bir şey hoş geldiniz.

şimdi : soru başlığı css olduğu için her sayfada olması gereken kodlar elbette var :
bir standart oluşturduğumuzu var sayalım ve herhangi bir framework kullanmıyoruz diye düşünelim (bootstrap, materrialize vb.)



/**
	burada ki '*' her şey anlamına gelmektedir.
**/
* {
   margin : 0; /* burası yukarıya yapışma sorununuzu çözecektir. */
   padding : 0;
   border : 0;
}
img {
	display:block;
}
.no-bordered {
	border : 0;
	border:none;
}
header, .header {
	width: 100%;
	height:auto;
	position:relative;
	float:auto;
	display:block;
}
main, .main, .container {
	display:block;
	width:100%;
	height:auto;
	position:relative;
	float:auto;
}
footer, .footer {
	display:block;
	width:100%;
	height:auto;
	position:relative;
	float:auto;
}

2. soruya gelelim :

tabiki genel div kullanmak gibi bir zorunluluğunuz yok ama olayı sizden su isteyen birine su vermek gibi düşünün. bir bardak olmasa tabak tabak olmasa kaşık olmalı yani o su bir şeyin içinde olmalı ki, ihtiyacı olan suyu tek seferde götüre bilesiniz.

örnekle açıklamak gerekirse:



    
        
            Header 1.Örnek

        

        
            Main 1.Örnek

        

        
            Footer 1.Örnek

bu container içinde olan örnek;

cevap biraz fazla uzadı gerisini buradan inceleye bilirsiniz; :)

iyi forumlar.

30.01.2017 20:43

#6

SizinWeb . Kullanıcı

Üyelik 04.08.2014
Yaş/Cinsiyet 40 / E
Meslek Yönetici
Konum İstanbul Avrupa

Ad Soyad Ş** K**
Mesajlar 3625
Beğeniler 1459 / 1458
Ticaret 135, (%100)

Cevaplarınız burada var bu dersleri takip edin
Html Dersleri

Css Dersleri

negbil Kaptan'a Selam olsun

1 kişi bu mesajı beğendi.

Bugün Bizim Yarın Çocuklarımızın.

30.01.2017 20:53

#7

dhost Üyeliği Durdurulmuş Banlı Kullanıcı

Üyelik 24.01.2017
Yaş/Cinsiyet 29 / E
Meslek Öğrenci
Konum Bursa

Ad Soyad E** Ç**
Mesajlar 27
Beğeniler 7 / 13
Ticaret 1, (%100)

ismailbayram teşekkür ediyorum hocam :)
HapyMan başkan eline koluna sağlık. maşallah bu ne uğraş :) vallahi çok teşekkür ediyorum sağolasın. siteyi de takibe aldım bundan sonra anlamadığım her yerde oradayım. (Y) dosyaları birazdan kaydediyorum, yarım saat sonra silebilirsin başkan :)
SizinWeb sağolun hocam

31.01.2017 01:24

#8

HapyMan Full Stack Developer Kullanıcı

Üyelik 14.05.2016
Yaş/Cinsiyet 32 / E
Meslek What do you do exactly ?
Konum İstanbul Avrupa

Ad Soyad T** T**
Mesajlar 561
Beğeniler 171 / 208
Ticaret 0, (%0)

Öğrenmek isteyene her türlü yardıma varım hocam kalsın dosyalar başka lazım olan varsa da incelesin ��

1 kişi bu mesajı beğendi.

CSS uzmanlarına bir kaç sorum var

Main 1.Örnek

Üye Girişi Yap