lütfen bu yorumu silin
lütfen bu yorumu silin
Layout Hazırlama
Yapılacak bir sitenin şemasını oluştururken ilk örnek tasarımlarına bakıyorum, kopyalama değil ama sadece örnek alma olarak bakıyorum. Bu aşamadan sonra kendi kafamda bir şema düşünüyorum genelde ben çok az bir karalama yapıyorum ama sen istesen Figma Photoshop gibi platformlardan bile yapabilirsin.
Grid mi ? Flex mi ?
Bu konuda ikisini karşılaştırma yapamayacağım ama ben genelde Flex yapısını kullanıyorum gereken yerler olursa da Grid yapısını da kullanıyorum sana bunu en büyük örneğini Tayfun abinin TailwindCSS derlerinde 2. dersten verebilirim yapıyı flex ile oluşturdu ama gerekli olan bir yerde grid yapısını kullandı
Tailwind CSS -2 / Gelişme (Örnek bir site tasarlama)
Yapıları Kavrama
Flex veya Grid farketmeksizin oluşturmada sorun çekmen bence pratik yapmamanda olabilir eğer yapmıyorsan tabii ki. Bunu en kısa yoldan da internette kaynakları aratarak (Flex ve Grid ile alakalı) bulabilirsin ve buradaki içerikleri izleyerek temelini oluşturur ve devamını da kendin örnekler yaparak kavrayabilirsin ama bunu sürekli kavrayana kadar yapman lazım yoksa hiçbir şey değişmez. Prototurk kanalında Tayfun abinin anlatımı var Css Grid (Izgara) Sistemi veya CSS Tricks sayfasına bakabilirsin. Ben şahsen bir türlü anlamakta zorluk çektiğim flex yapısını bu sitedeki flex yapısı dökümanını okuyarak anladım.
Elimden geldiğince yardım etmeye çalıştım eğer bir eksiğim veya yanlışım varsa bilen ve bu konuda uzman kişiler benim yorumumu da düzeltebilirler bende onlardan eksiklerimi öğrenmiş olurum
@otkur arkadaşımızın vermiş oldugu bilgi işinize sanırım işinize yarar hem sizin ögrenmeniz için de bir kod bırakmış oradan degiştirerek kendiniz de özelleştirebilirsiniz eger yine sorun devam ederse dedigim gibi kodlarınızı paylaşmanız bizim için daha iyi olur en azından yazı ile anlamadıgımızı koda bakarak hemen anlayabiliriz.
kodlarınızı paylaşarak cevaplayacak kişilere daha fazla yardım etmiş olursunuz.
ne turden degişme oluyor boyut mu pozisyon mu bunlar önemli bilgiler. kodları paylaşırsanız hata daha belirgin şekilde görunur ve daha iyi yardımcı olabiliriz.
Ne anlattıgınız yanlış anlamadıysam şöyle yaparak kolayca çözebilirsiniz.
Sizin istediginiz arkaplanımın resim veya gradient farketmeksizin sayfada scroll olunca repeat etmesin ve arkada sabit kalsın. bu isteginizi yerine getiren kodlar ise
background-repeat: no-repeat;
background-attachment: fixed;
bunlardır.
html,
body {
width: 100%;
height: 100%;
}
body {
background-color: #8d5185;
background-image: linear-gradient(315deg, #8d5185 0%, #a1bafe 74%);
background-repeat: no-repeat;
background-attachment: fixed;
}
Javascripte yeni başlayan olarak sorunuza en temel halinde cevap verdim daha kendimi geliştirme aşamasındayım ama saolsun @ebykdrms sordugunuz soruda cevap vermiş. kolay gelsin
Javascript olarak pek bilgim yok ama stackoverflow'dan buldugum kadarı ile sizin işinizi görecek kodları bırakıyorum.
<form action="">
<input type="checkbox" name="aktivite[]" value="first">First Option<br>
<input type="checkbox" name="aktivite[]" value="second">Second Option<br>
<input type="checkbox" name="aktivite[]" value="third">Third Option<br>
<input type="checkbox" name="aktivite[]" value="fourth">Fourth Option
</form>
<button type="button">2 ve 4 Degelerini İşaretle</button>
$(function() {
$("button").on("click",function() {
//Burada value="deger" olan kısıma checkboxa hangi degeri verdiyseniz buraya yazacaksınız
$("input[value='second']").prop("checked",true);
$("input[value='fourth']").prop("checked",true);
//Aynı Kodları Kopyalayarak Çogaltabilirsiniz.
//$("input[value='first']").prop("checked",true);
//$("input[value='third']").prop("checked",true);
});
});
İstediginiz işlemin kodları bunlardır. Editleyerek buraya ekledim ama eger ki orijinal haline bakmak isterseniz linki'de bırkaıyorum.
sizin de soylediginiz gibi hazır olup olmadıgınızı anlamak iyi olabilir ama illa ki birinden istemeniz gerekmez kafanızdan bir tema belirleyip o siteyi de yazabilirsiniz. Dil konusuna gelecek olursak yazdıgınız diller haricinde dil bilmek zorunda degilsiniz alacagınız freelance işi bildiginiz dillere göre seçebilirsiniz. başta da dedigim gibi kendinize bir tema belirleyin hatta siz muşteri olun ve kendinize iş verin hayalinizdeki site olur veya açmak istediginiz bir site olur hiç farketmez. muşteri gibi onun detaylarını yazın nasıl bir site olacak kaç sayfa olacak hangi bolumler hangi tema olacak bu gibi istekleri yazın ve sonra başlayın. bu goruşler şahsen ben full hazır oldugumda yani sizin gibi freelance iş yapacak olsam izleyecegim yol haritamdır. yanlış duşundugum bir yer varsa her turlu uyarıya da açıgım.
@trsherlock dediginiz gibi yaptım ama bir önizleme göremedim. önizlemeden kastınızı da çok anlayamadım biraz daha açıklayıcı olarak anlatabilirseniz sevinirim. Eger sorun çözulurse de sizin cevabınızı da dogru cevap olarak işaretlemek isterim.