/i/Yazılım

Umuyoruz ki geleceğin yazılımcıları bu altinciden çıkacak!
    başlık yok! burası bom boş!
  1. 151.
    0
    Rezervatullah
    ···
  2. 152.
    +2
    Herkesten kısaca bir görüş bekliyorum. ilerleyen günlerde yarından itibaren bir proje üzerinde çalışacağız. Bu proje ne üzerine olmasını istersiniz. Herkes bir fikir versin en çok tutulan fikir üzerinden yolumuzu çizelim. Eğer yeterli şekilde dönüş gelmezse aklımda birkaç fikir var onları uygulayacağım. Tabi çok zor olmaması gerekiyor. Çünkü sonuç olarak bu bir ders. Çok kapsamlı bir proje olursa bu işi bilmeyenler yarıda kapatır sayfayı giderler. Yavaş yavaş zorlaştıracağız. Fikirleri bekliyorum.

    Kalın sağlıcakla.
    ···
    1. 1.
      0
      Hocam bir meslek liseli olarak okulda hiç bişey anlamama rağmen senden anladım çok iyi anlatıyorsunuz ama video halindede anlatirsaniz daha iyi anlarız hocam
      sağlıcakla
      ···
  3. 153.
    0
    anlatışın vs çok iyi seninlede iletişimde olabileceğimiz bir platform olsa oradan bize dersler verebilsen soru sorabileceğimiz yanıtı alabileceğimiz bir web sitesi blog veya youtube üzerinden iyi olurdu.
    ···
    1. 1.
      0
      bu fikir var aklımda belki yakında bir cesaret youtube kanalı açarım hiç belli olmaz. kolay değil sonuçta orada yayın yapmak. en kötüsü blog açarım.
      ···
  4. 154.
    0
    Reserved
    ···
  5. 155.
    0
    Rezledim, okucam bunları
    ···
  6. 156.
    0
    helal et ama gibimde değil artık kodlamanın dıbına koyim yarısında pythonu çeyreğinde linuxu bıraktım şimdi profesyonel bi takımda Cs:Go oynuyorum sizde gelin
    ···
  7. 157.
    +1
    helal olsun adam bişeyler anlatmak istemiş deneyimlerini paylaşmış merağı olanlar kaçırmayın harbiden adam iyi anlatıyor al sana bi şuku +1
    ···
  8. 158.
    0
    Rezervasyon
    ···
  9. 159.
    0
    rez zzzzzzzzzzzz
    ···
  10. 160.
    0
    Kopyala yapıştır
    ···
  11. 161.
    0
    reis bırakırsan SÜLALENi gibERiM !!!1111!!
    ···
  12. 162.
    0
    rez sonra okurum diyip hiç okumadığım yazılardan biri daha işte
    ···
  13. 163.
    0
    Şimdiye kadar yazdıklarını bilmeyenler web tasarımla hiç uğraşmasın amk takipteyim devam et
    ···
  14. 164.
    0
    rezarvasyon
    ···
  15. 165.
    -2
    Harikasin dostum, hekir olcam msn sifresi calcam!!
    ···
  16. 166.
    0
    Sonradan toplu halde pdf formatında yayınlarsan da çok makbule geçer. Takip.
    ···
  17. 167.
    0
    Reserved
    ···
  18. 168.
    0
    <? print("binlerce tutorial var senin farkin ne?"); ?>
    ···
  19. 169.
    0
    #rez alalım okuruz
    ···
  20. 170.
    +5
    3. Gün / 1. Ders

    Merhaba beyler bayanlar bugün artık anasayfamızda birşeyler göstermeye başlayacağız. Blog veya video çekmemi isteyenler var aranızda yakın zamanda blog açıp burada sizinle paylaşacağım. Şimdi herkes index. html sayfasını oluştursun ardından altta yazılan kodları <body> </body> tagları arasına yazsın. Kısaca kodların ne işe yaradığını anlatacağım.

    index. html kodları

    <div id="container">
    <div id="header">
    <h1>LOGO</h1>
    <ul>
    <li><a href="index. html">Anasayfa</a></li>
    <li><a href="hakkimizda. html">Hakkımızda</a></li>
    <li><a href="iletisim. html">iletişim</a></li>
    </ul>
    </div>
    </div>

    container adlı divimiz bizim en genel divimiz oluyor. bunu yapmamdaki amaç tüm içeriği kapsayan bir yapı oluşturmak için. daha sonra ilerleyen zamanlarda proje içeriği karmaşıklaştıkça hizalama sorunları olmasın diye böyle bir kapsayıcı div yerleştiriyorum.

    header adlı divimiz ise genelde sitelerin üst kısmında bulunan yer için adlandırılır. bunun içerisinde menü logo varsa arama kutucuğu hatta yeri geldiği zaman slider (resim geçişi) bulunabilir. ben çok kapsamlı birşey yapmayacağım. sadece basit bir site yapımından bahsedeceğim için şablonu basit hazırlıyorum.

    header içerisine aslında <img> ile bir logo ekleyebilirdim ama ekstra örnek logo bulmak için uğraşmadım oraya hemen bir <h1> tagı açıp logo yazdım. tabi siz o h1 kaldırıp yerine <img src="assets/img/logo.png" alt="logo"> olarak değiştirebilirsiniz.

    header içerisinde sağda bulunan bir de menümüz var. bu menüyü ul>li>a şeklinde yaptım ki ileride menü ekleme çıkarma olayı olduğunda dinamik bir yapımız olsun.

    en son ise bir clear classımız var. bunun ne işe yaradığına gelecek olursak. yan yana div eklediğimizde daha sonra alta div eklemek istediğimzde karışıklık olmasın diye hizalamaları düzelten bir yapısı vardır. clear adını siz istediğiniz gibi yaparsınız fakat standartı bu şekildedir. style.css dosyamızda bir .clear tanımladım ve içerisine float:both; dedim. şimdi bu ne işe yarıyor diyeceksiniz bunu style.css kodlarını yazdıktan sonra açıklayacağım.

    aynı clear classını </ul> bitiminden sonra da yaptım ki bunu style.css kodlarını incelediğinizde anlayacaksınız umarım.

    bu arada aklıma gelmişken ufak bir farktan size bahsetmek istiyorum. id ile class farkı nedir derseniz. id sayfa içerisinde bir tane bulunmak zorundadır. he birden fazla da bulunabilir fakat standarta uymaz. class ise birden fazla yerde kullanılmak istendiğinde kullanılır. mesela yukarıdaki clear classımızı id şeklinde yapsaydım olmazdı. olurdu ama standartlardan uzaklaşırdık. umarım farkı kısaca anlatabilmişimdir. Tüm bu yapıyı inceleyin istiyorum. Kısaca html kodları yazıp bir şablon ayarladık. Tabi ki devamı gelecek. Bir sonraki derste style.css kodlarını sizinle paylaşacağım.

    // Soruları alta yazabilirsiniz.
    Tümünü Göster
    ···