Bilgisayar-Bilişim Teknolojileri
Ana Sayfa
Bilişim Teknolojileri Forumu Son Konuları
24 Saat
Bilişim Teknolojileri - Formatör - Bilgisayar Öğretmeni Kayıt
Kayıt Olun
iletişim
iletişim
Detaylı Arama
Arama

Web Tasarım Dersini Birlikte Planlayalım

Konu, 'Teknik, Meslek Liseleri Uygulama ve Materyaller' kısmında nuribjk tarafından paylaşıldı.


Sayfayı Paylaş /bbnetsosyal

  1. nuribjk

    nuribjk Seçkin Üye Seçkin Üye

    Kayıt:
    24 Eylül 2007
    Mesajlar:
    269
    Beğeni:
    9
    Merhaba arkadaşlar, Web tasarım dersi için gelecek yıla hazırlık anlamında kapsamlı bir planlama yapmak, dersi daha verimli hale getirmek istiyorum. Öncelikle bu yıla kadar web tasarım dersini nasıl işlediğimi anlatayım.

    1- ilk olarak nic.tr den her öğrenciye 2 yıllık adsoyad.com.tr şeklinde domain ve bulabildiğimiz en uygun fiyatlı yerden 2 yıllık hosting alıyoruz. Genelde 2 yıl için öğrenci başına 40tl civarı ödüyoruz. Böylece her öğrencinin 11 ve 12. sınıfta kullanabileceği kendine ait bir web sitesi oluyor. Bütün ödevlerini internet üzerinden kontrol ediyorum.

    2- Kaynak olarak meb modüllerini kullanıyorum, ilk sınava kadar css e kadarki bölümü işliyorum. Tablolar ile hazırlanmış bir web sitesini yayınlatmaya çalışıyorum. 2. sınav tarihine kadar css iyi derecede öğretmeye çalışıyorum ve 2.sınavı her sene uygulama sınav yapıyorum. Ekran görüntüsünü verdiğim siteyi css ile hazırlamalarını istiyorum. Bu sınavdan önce her öğrenciye ayrı bir tasarım görüntüsü veriyorum ve aynısını css ile hazırlamasını istiyorum. Böylece sınava da hazırlık yapmış oluyorlar, biraz dahi ilgisi olan öğrenci uygulama sınavda rahatlıkla başarılı oluyor.

    3- 2.dönem dreamweaver ile ilgili kısımda yine css i kullanarak, ilk dönemki uygulamaya devam ediyorum. İlk dönemkinden daha güzel görünen ayrı tasarımlar vererek site hazırlamalarını istiyorum. 2.dönem ilk sınavı uygulama yapıyorum.

    4- asp.net modüllerine geçtiğimizde ciddi sıkıntı başlıyor ve kopmalar oluyor genelde. Bu bölümde faydalı bir ilerleme olduğunu söylemem çok zor. Özellikle 2.dönemin bu bölümünü daha iyi planlamak gerekecek sanırım.

    Yukarıda yazdıklarım dışında, eğitim öğretim yılının ilk haftalarında web tasarım ile ilgili aradıkları herşeyi bulabilecekleri 2 forum adresini mutlaka paylaşıyorum. (r10.net ve wmaraci.com) Böylece forumu kullanmayı, aradığı soruların cevabını bulmayı, kendilerini geliştirebilecekleri yeni bilgilere ulaşmalarını istiyorum. Ama bu konuda da çok başarılı olamıyorum. Sadece not alıyorlar, ilk akşam inceleyip hemen pes ediyorlar. Halbuki bu forumları detaylı incelediklerinde sektörün ihtiyaçları, yenilikleri, geleceğe dair ipuçları vs kolayca haberdar olabilirler.

    Bu sene sanırım web tasarım dersleri 12 saat olacağı için, şimdiden bu şekilde bir planlama ile dersi daha verimli hale getirebiliriz diye düşünüyorum.

    Yeni eğitim yılı ile birlikte web tasarım dersinde yapmayı istediğim değişiklikler;

    1- ilk olarak modüllerin dışına çıkmam gerektiğini düşünüyorum. Henüz bende hakim değilim ama html 5 mi olur, jquerry mi olur bilmiyorum. Bilgileri yenilemek gerektiğini düşünüyorum. Sizin tavsiyeleriniz ne olur? Sıralama ne olmalı, kaynak ne olmalı?

    2- Mutlaka seo kavramını derse eklemeyi düşünüyorum. Hatta her öğrencinin kendi sitesi olduğu için sınıf içerisinde bir seo yarışması bile yapılabilir. Örneğin "bilgisayar bilisim dersleri seo" gibi anlamsız bir kelime dizisini ödev olarak belirleyeceğim ve 2 ay sonunda öğrencilerden hangisinin sitesi yada alt sayfası bu kelimede ilk sırada çıkıyorsa ona ödül / not vs verilebilir. Benzer uygulama yapan varsa tavsiyelerini öğrenmek isterim.

    3- Önceki yıllarda son haftalarda içerik yönetim sistemlerine zaman ayırıyordum ama bu sene özellikle wordpress e biraz daha uzun zaman ayırabilirim diye düşünüyorum. Diğer durumda öğrenci internetteki her sitenin sıfırdan kodlandığını zannedip, tasarım olarak kendi hazırladığını çok zahmetli ve yetersiz görüyor. Kolay pes ediyor. Burada içerik yönetim sistemlerinden önce temel düzeyde kod bilgisine sahip olduklarında, gerektiğinde tema düzenleme, eklentilere müdahale etme ihtimalleri de olabilir diye düşünüyorum. Bu konuda da önerilerinizi varsa tecrübelerinizi öğrenmek isterim.

    4- Son olarak sosyal medya yönetiminin öneminine istinaden web tasarım dersinin bir yerlerine eklenebilir mi acaba diyorum. 5 yıl önce tek başına web sitesi üst düzey öneme sahipti ama artık youtube, instagram, facebook zaman zaman web sitesinin de önüne geçebiliyor. Bu nedenle 2. dönem bir işletme sitesi yaptırabilir, ilişkili olarak ta sosyal medya hesaplarını açtırıp grafiklerini hazırlayıp, daha fazla kişiye ulaşmalarını hedef koyabiliriz. Tabi burada işletmeyi öğrenci bulsa ayrı sıkıntılar çıkacaktır, biz bulursak ayrı sıkıntılar olacaktır. Ben işletmeleri eş dost akrabalarından bulmalarını isteyip, sadece domain ve hosting ücreti karşılığında ödev olarak site ve sosyal medya hesaplarını hazırlattırabiliriz diye düşünüyorum. Böyle olursa site sahipleri de çok büyük beklenti içerisinde olmaz diye düşünüyorum.

    Bu değişiklikler ile öğrencinin kendine daha fazla güveneceğini düşünüyorum. En azından öyle hayal ediyorum :) Yorumlarınızı, sizin yaptığınız uygulamarı iletirseniz tecrübelerinizden faydalanmak isterim.

    Ayrıca grafik dersi için de kapsamlı bir planlama yapabiliriz. O ders için de aklımda yeni uygulamalar mevcut.
     
    hiboz, @lperen, yuci81 ve 6 kişi daha bunu beğendi.
  2. @lperen

    @lperen Seçkin Üye Seçkin Üye

    Kayıt:
    1 Aralık 2007
    Mesajlar:
    856
    Beğeni:
    12
    Öncelikle gayretinizden dolayı tebrik ediyorum Hocam, öğrencilere alan adı ve barındırma hizmeti aldırmanız gerçekten çok güzel, sorun yaşamadan aldırabiliyor olmanız da şevk verici.
    Asp.NET gerçekten zorluyor öğrencileri açık akademi modülleri oldukça faydalı ama bir projeye dönüştürme işi söz konusu olduğunda çok yetersiz oldukları göze çarpıyor, sınıfta canlı proje yapıldığı zaman bile kopmalar oluyor maalesef.
    ---
    Tabloyla sayfa yapısı tasarlatmak yerine tablo etiketlerini normal olarak gösterip sayfa yapısı için CSS kullanmak daha uygun olacaktır diye düşünüyorum.
    HTML5'e gelince piyasada bulunan birkaç HTML5 kitabına sahibim ama maalesef şunu tavsiye ederim diyebileceğim bir kitap yok.
    Sayfayı yapısal olarak divlerle isimlendirmek yerine yeni etiketlerle isimlendirme işi HTML5'in semantik mantığı yani <div id="header"> yerine <header>, <div id="menu"> yerine <nav>, <div id="footer"> yerine <footer> etiketi kullanmak gibi, bu yapı HTML'e girerken bu şekilde anlatılırsa ayrıca girmeye gerek kalmaz. Yine yeni input değerleri var number, date gibi bunlar da <form> etiketi anlatırken verilebilir. Eski multimedya etiketlerini anlatıyor musunuz bilmiyorum ama bunlar yerine yeni gelen <audio> ve <video> etiketleri, ilgili başlıkta eskilerini anlatmak yerine tercih edilebilir(hatta edilmelidir bence). Grafik etiketleri var; <canvas> javascript(js) olmadan bir şey ifade etmeyecektir, <svg> karmaşık gelmeyecekse bahsedilebilir. Bir de APIler var onlar da yine js olmadan olmaz.
    Buradan hareketle HTML ve CSS bitince js'ye girmek daha uygun olacaktır diye düşünüyorum, daha sonra jquery başta olmak üzere belli başlı js kütüphaneleri tanıtılabilir.
    Responsive tasarımın temel kurallarından bahsederek tek sayfalık basit örnekler yapılabilir.
    İçerik yönetim sistemlerine geçmeden önce yine vakit elverdiği kadar bootstrap kütüphanesinden bahsedilerek daha önce yaptırdığınız sayfaların bootstrap kullanarak yapılmışını istemek güzel olabilir.
    Sosyal medya konusunda bir şey söyleyemeyeceğim ama sosyal medya APIleri ve bir hesaba ait mesajların web sayfasında gösterilmesi gibi işlemler yaptırılabilir.

    Aklıma gelenler bunlar, başlık için teşekkürler, inşallah diğer arkadaşların katkılarıyla zenginleşir.
     
    nuribjk bunu beğendi.
  3. zg8686

    zg8686 Üye

    Kayıt:
    5 Ekim 2009
    Mesajlar:
    4
    Beğeni:
    0
    bu sene bootsrap ve benzeri birkaç jq kütüphanesini anlattım. çok faydalı olduğunu gördüm. ortaya güzel şablonlar çıktığı zaman şevkleri arttı.
     
  4. lion26

    lion26 Süper Üye Süper Üye

    Kayıt:
    25 Mart 2007
    Mesajlar:
    1.152
    Beğeni:
    30
  5. yenersonmez

    yenersonmez Seçkin Üye Seçkin Üye

    Kayıt:
    5 Eylül 2007
    Mesajlar:
    340
    Beğeni:
    17
    ben şöyle yaptım arkadaşlar.
    tüm uygulamaları adı ve tarihiyle kaydettim. yani seneye gün gün uygulama hazır.
    okula gidince atayım
     
    herkete_87 bunu beğendi.
  6. bilisimmeslek

    bilisimmeslek Seçkin Üye Seçkin Üye

    Kayıt:
    2 Ağustos 2015
    Mesajlar:
    561
    Beğeni:
    88
    Hocam paylaşırsanız seviniriz ve faydalı olacaktır.
     
  7. nuribjk

    nuribjk Seçkin Üye Seçkin Üye

    Kayıt:
    24 Eylül 2007
    Mesajlar:
    269
    Beğeni:
    9
    Değerli yorumlarınız için teşekkürler arkadaşlar, biliyordum güzel fikirlerin çıkacağını. Daha da çıkacaktır :)
    @lperen hocam,
    Domain ve hosting alma konusunda ufak tefek sıkıntılar yaşasak ta uzun yıllardır ısrarla aldırıyorum. En azından nereden alınır, kaç paraya alınır, dns yönlendirmesi nedir, nasıl yapılır vs konularında bilgi edinmiş oluyor. ftp programlarını kullanmayı öğreniyorlar. Bu sene iletisim@adsoyad.com.tr şeklinde mail adresi de aldırayım diyorum, böylece cpaneli de kullanmış olurlar. Tabi bunları yaparken en az bir haftanın dersleri gidiyor.
     
  8. yenersonmez

    yenersonmez Seçkin Üye Seçkin Üye

    Kayıt:
    5 Eylül 2007
    Mesajlar:
    340
    Beğeni:
    17
  9. lion26

    lion26 Süper Üye Süper Üye

    Kayıt:
    25 Mart 2007
    Mesajlar:
    1.152
    Beğeni:
    30
  10. bilisimmeslek

    bilisimmeslek Seçkin Üye Seçkin Üye

    Kayıt:
    2 Ağustos 2015
    Mesajlar:
    561
    Beğeni:
    88
  11. cuneyturgun

    cuneyturgun Üye

    Kayıt:
    13 Eylül 2009
    Mesajlar:
    21
    Beğeni:
    0
    teşekkürler hocam emeğine sağlık
     
  12. Parhelion

    Parhelion Seçkin Üye Seçkin Üye

    Kayıt:
    22 Mart 2008
    Mesajlar:
    973
    Beğeni:
    50
  13. sas7979

    sas7979 Seçkin Üye Seçkin Üye

    Kayıt:
    1 Aralık 2009
    Mesajlar:
    552
    Beğeni:
    21
    Konuyu açıp bilgilerini paylaşan bu konuda dertlenen hocama özellikle teşekkür ediyorum.Planlama sınıf düzeyiyle değişse de bu derste neler yapabiliriz var olan kapasiteyi en üst düzeyde nasıl kullanabiliriz buna kafa yormamız gerekiyor.Bu derste yıllar içerisinde çok değişiklikler gösterdi.Modülden anlatmak bu derse haksızlık diye düşünüyorum.Çünkü bizim zümremizin adında dahi teknoloji geçiyor.Teknoloji 2014 yılının 2012 yılının modülleri ile yürüyemez.
    Öncelikle bu derste benim kanaatim artık kimse tablolu tasarım yapmadığı bunların yerini divlerin aldığı konusunda hemfikiriz.Özellikle önyüz tasarlamada "flexbox" yapısı ile CSS frameworklerinden kullanmak zorunlu hale gelmiştir.Özellikle CSS frameworklerden "Bootstrap","Materialize UI" gibi baba frameworklerden biri kullanılabilir.Şahsen "BOOTSTRAP" kullanıyorum.Nedeni kaynak bolluğu,sıkıntı yaşandığında kolaylıkla hatanın bulunup çözülebilmesi ayrıca her daim bu çatının geliştirilmesi.
    Javascript konusunda aslında PHP ASP'yi bitirecek gelişmeler olduğu aşikar özellikle Angular,React,Vue gibi frameworklerle beraber arkaplan kodlamalarını da bunlarla halledebiliyoruz.Fakat tabiki ders saati artsa da 12 saat dahi bunlar için yeterli olmadığı gibi öğrenci seviyesi içinde ağır gelecektir.Anlatım konusunda JQUERY candır.Bunu da örnek uygulamalar üzerinde proje şeklinde anlatılması gerektiğini düşünüyorum.
    Gelelim en sıkıntılı yere ASP.NET olayına açıkçası 12.sınıfta PHP gösterdiğimden ASP göstermiyorum.Biliyorum şimdi birileri diyecek nasıl müfredata uymazsın vs. vs.Bende diyorum ki hadi o müfredatın modüllerine uyalım 12 saatin yanlızca 2 saatini dersle geçirebilirsin.Ayrıca bazı işler süreklilik arz eder.Veritabanı işlemlerine geçene kadar sene bittiğinde öğrenciye tekrar baştan farklı bir dil olan PHP'yi göstereceksin ve arkaplanın belki de en önemli işlemi olan CRUD işlemlerini gösteremeden mezun edeceksin.Bu noktada ben şöyle düşünüyorum.Her öğretmenin bir ilgi ve yeteneği üniversitede aldığı eğitime göre şekillenen bir "DİL" yatkınlığı var PHP'de ASP'de aynı amaca hizmet ettiğine göre bu noktada öğretmen iki dilden birini seçip sonuna kadar göstermeli.Şimdi birileri çıkıp derse ki ya hocanın tayini çıkarsa nolacak ? Burda da önemli husus şu bunu dert edinen bir öğretmen o çocuğa denk geldiyse sıkıntı yok emekleyen çocuğu yürüten kişi koşması için gereken ilhamı almıştır.Velhasıl teklif önerilerimize burdan devam edip kendimizi mutlaka geliştirmeliyiz.Bunun içinde ya öğrenciler hiçbir şey anlamıyor!! Benim bilgim bunlara 10 sene yeter gibi tuhaf şeylerin arkasına sığınmadan mesleğimizi hakkıyla yapmalıyız vesselam.
     
  14. zetmantor

    zetmantor Üye

    Kayıt:
    22 Ekim 2015
    Mesajlar:
    17
    Beğeni:
    5
    Teşekkürler
     
  15. herkete_87

    herkete_87 Seçkin Üye Seçkin Üye

    Kayıt:
    3 Şubat 2012
    Mesajlar:
    269
    Beğeni:
    16
    Teşekkürler...
     

Sayfayı Paylaş /bbnetsosyal