Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
CSS Nasıl Öğrenirim ? # 2 [Yazılı + Resim , Kolay anlatım , Basit Düzey] Murat Baykam
#1
Merhaba , bu dersimiz biraz geç geldi , diğer dersimize biraz'da olsa ilgi gördüm bu dersimizde karman çorman olan CSS için azda olsa sizlerle umarım eğlenerek bu işi kolay hale getireceğiz .

Şimdi , biliyorsunuz ki 10tl sisteminde artık tek sayfalı site açabiliriz bizde kodlamalarımızı 10tl'de devam ettireceğiz . İlk Önce bu siteye : TIKLA , Giriş yapıyoruz sonra sitemizi açıyoruz , sonra anasayfa yazısına tekrar tıklıyoruz , giriş bilgilerimizi giriyoruz sonra , Tek Sayfayı düzenle diyoruz benim sitem açıldı : TIKLA 

Ee şimdi ne olacak ? , gördüğünüz gibi bir none yazısı bir de biz varız :)) oradaki none yazısını güzelce siliyoruz , sonra title kodu , yani site başlık kodunu yazıyoruz .

Kod:
<title>BAŞLIK</title>
Ee şimdi ne yapıyoruz ? <html> Kodu yani bizim sayfamız html tabanlı olacağından böyle bir şey yapıyoruz .

Kod:
<html>


</html>

Hmm tamam anladım ! , şimdi zurnanın tık dediği yere geldik şimdi kendinizi rahat bırakın öyle başaramayacağım falan sözler hepsi bahane :) <style> kodumuz yani CSS Yazmak için bu gerekli fakat 10tl sistemi için geçerli , eğer sizin .com veya ücretsiz hostunuz varsa yapacağınız , style.css adlı bir dosya açmak veya adını siz koyun işte :) ben oralara girmiyorum kusura bakmayın .

Tamamdır style kodumuzu açtık şimdi ilk adımımız bir <h1> Yazısı yazmak nedir bu H1 ? H1 Çok büyük yazar mesela bir başlık gibi düşünün .

njvrEM.png

Yukarıdaki resmi inceleyin bakalım kodlarınız aynı mı ? şaşırırsanız bir şey olmaz şip diye olacak diye bir şey yok ya :) Gönder diyoruz , eh işte sitemize giriyoruz CTRL+SHİFT+R Tuşlarına aynı anda basıyoruz ve yazılarımız geldi :)


Şimdi , h1'e stil vermeye geldi ilk önce , font-family kodu , yani font'umuzu seçiyoruz ben Roboto'yu seçiyorum :)

Kod:
font-family: "Roboto";

Eh burayı tamamladık renk vermek istiyorum derseniz : 

Kod:
color:#432;

#432 Olan yere kendi renk kodunuzu yazınız . Bu dersimiz bu kadardı diğer dersimizde daha detaya gireceğiz .
Bana ulaşmak için / http://english.10tl.net

MybbPHPVB.NETHTMLCSS MySQL                                    

Eğer eleştiriden korkuyorsanız, dünyadan hiçbir şey yapmadan geçip gideceksiniz demektir. 
Cevapla PGM
Teşekkür verenler:
#2
Kodları yanlış yazmışsın bir kere title tagı head tagı arasında olur aynı şekilde style görünecek yazılarda body tagında olur örnek bir kodlama göstermek gerekirse aşağıdaki gibi olur kodlama konusundan kendini geliştirmen lazım bana basit düzey diyceksin ama basit düzey anlatsan bile kodlama tarzı bu şekil olmalı.
Kod:
<html>
<head>
<title>Site Başlığı</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
body{
background:#f1f1f1;
}
h1{
color:#fa0000;
}
</style>
</head>
<body>
<h1>Deneme Yazı</h1>
</body>
</html>
Ücretli Grafik İşleri Yapılır.
İletişim: Discord 
Biz birbirimize dönmüş iki ayna gibiyiz. İçimizde binlerce olsa da görüntümüz bir biz sadece birbirimizi görürüz…
                                                             
Cevapla PGM
Teşekkür verenler:


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 1 Ziyaretçi



***

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping