Untitled Document

T.C.
MİLLÎ EĞİTİM BAKANLIĞI
Çıraklık ve Yaygın Eğitim Müdürlüğü

HALK EĞİTİMİ MERKEZLERİ
WEB TASARIM
KURS PROGRAMI

ANKARA/2004

GİRİŞ

Günümüzde bilgisayar teknolojisi,insan yaşamının vazgeçilmez unsurlarından biri haline gelmiştir. İnsanlar yaşamlarını bilgisayar teknolojileri üzerinden daha hızlı, ekonomik ve kolay hale getirebilmektedirler. Her türlü bilgi, daha önce hiç olmadığı kadar geniş bir şekilde internet aracılığıyla paylaşıma sunulmaktadır.Diğer taraftan, dünyadaki pek çok firma, kurum ve kuruluş da kendi yapılarını ve yaptıkları işleri ya da sattıkları malları yine internet ortamında insanların kullanımına ve tüketimine sunmaktadır.
Örneğin; interneti bir demiryolu şebekesine benzetebiliriz.Yüzlerce lokomotif ve binlerce vagondan oluşan bir sistem, sonuç itibariyle aynı raylar üzerinde, belirli bir sisteme göre hareket etmesi gibi internet de yüzlerce omurga, binlerce omurgalar arası bağ, on binlerce hizmet sağlayıcıdan oluşan bir sistemle milyonlarca kişiye hizmet sunuyor.
Bu omurgaların belki de en önemlilerinden birini de bilgisayar üzerinden gelişen “web siteleri” oluşturmaktadır. Web; firmaların, kurum ve kuruluşların kendilerini dijital ortama taşımalarında en önemli alt yapıyı oluşturur. Web siteleri aracılığıyla bilgiler dijital ortamda varlık ve görünüm kazanır. Buna paralel olarak bu tip ihtiyaçlara cevap veren ve web tasarım programlarını profesyonel anlamda kullanarak ortaya çıkan, web tasarımcılardan oluşan iş alanıdır. İnsanlar kendilerini bu anlamda geliştirerek, bu programları kullanabilmekte ve piyasada kendilerini istihdam edebilecek firma kurum ve kuruluşlar bulabilmektedirler.
İhtiyaçlara cevap verebilecek profesyonel hizmet sunabilmek için,

Amacına uygun, sanatsal tarz, renk teorisi, dizgi ve diğer görsel unsurların tespiti
Bilgilerin nasıl düzenlenmesi ve bağlanması gerektiğini gösteren bilgi tasarımı
Hypertext teorisi
Teknik yazım
Sistem tasarımı
Programlama
İletişim ağı ve hizmet birimi tasarımı
Ticari konular ve proje yönetimi gibi konulara hakim olmayı gerektirir.

            Milli Eğitim Bakanlığı Çıraklık ve Yaygın Eğitim Genel Müdürlüğü’ne bağlı Halk Eğitim Merkezleri’nde, bu ihtiyaçlara cevap verebilecek düzeyde eleman yetiştirmek amacıyla web tasarım programı; teorik ve uygulamalı 150 ders saati olarak hazırlanmıştır. Kursun gelir getirici üretime yönelik ve döner sermaye kapsamında açılması durumunda programın uygulamalı bölümü bir öğretim yılını aşmayacak şekilde arttırılabilecektir.
            Kursiyerler;
            Web tasarımı kursunu bitirmiş ve “Yaygın Eğitim Kurumları Yönetmenliği’nin 101. maddesi kapsamına giren kursa kabul özelliklerini,

T.C. vatandaşı olmak koşulu aranır ( yabancı uyruklu olanların valilik izni aranır)
Yaygın eğitim etkinliklerinden yararlanmak için yaş sınırı yoktur. Ancak ilköğretim çağında olanlar devam ettikleri öğrenim kurumlarının öğrenime kapalı olduğu sürelerde etkinliklere katılabilirler. Belirli yaş ve eğitim düzeyi taşır nitelikte olmalıdır.

Programın uygulamasında kursiyerlerin eğitim düzeyleri, ilgi ve gereksinimleri, çevre koşulları gibi etmenler dikkate alınarak, gerektiğinde vatandaşlık bilgisi, girişimcilik, desen, renk bilgisi, çevre sağlığı ilk yardım v.b. gibi destek konulara da yer verilecektir. Kurslar, halk eğitimi merkezlerinde yürütülecek, olanaklar ölçüsünde konuyla ilgili çevredeki kurum ve kuruluş ve işletmelerde uygulamalar yaptırılacaktır.

PROGRAMIN UYGULANMASI İLE İLGİLİ AÇIKLAMALAR

Öğretmen, Yaygın Eğitim Programları Yönetmenliğinin kursiyerlere tanıdığı hak ve sorumlulukları öğretir.
Öğretim ortamı, çevre olanakları ve kursiyerlerin düzeyleri dikkate alınarak gerektiğinde konuların işleniş sırası ve konulara ayrılan süre değiştirilebilir.
Dersin işleniş sürecinde konuların özelliğine uygun öğretim yöntem ve teknikleri kullanılır.
Teorik ve uygulamalı konular birbirine paralel olarak yürütülür.
Kursta verilen bilgilerin kalıcı olabilmesi için, olanaklar ölçüsünde güncel gelişimlerin takip edilip bunların sınıfta konuşularak tartışılması sağlanır.
Konuların işlenişinde, ilgi çekmek ve kalıcılığı sağlamak amacıyla görsel, eğitim araçlarından yararlanılır.
Becerilerin öğretiminde öğretmen, birim zamanda birim işi, önce kendisi yaparak gösterir. Daha sonra kursiyerlerin de aynı işi yapmalarını sağlar.
Kursiyerler, öğrenilen bilgilerin kurs içinde ve dışında kullanması için yönlendirilir.
Programın içeriğini genel amaçlar, özel amaçlar ve konular oluşturmaktadır. Konuların işlenmesinde kursiyerlerin eğitim düzeyleri ve gereksinimleri göz önünde tutularak, mesleki gelişimlerinin yanı sıra meslek ahlakı ve meslek kültürü de kazandırılır.
Programın sonunda öğretmene yol göstermek amacıyla işlenen konunun amacına yönelik örnek işleniş ve ölçme soruları verilmiştir. Öğretmen bunu değiştirerek geliştirebilir.

GENEL AMAÇLAR

Bu program kursiyerlerin;

4702 sayılı Mesleki Eğitim Kurulu Konunun, Halk Eğitimi Merkezleri Yönetmenliğinin kendilerine tanıdığı hak ve sorumlulukları kavramalarını,
Meslekle ilgili teknolojik gelişmeleri takip etmelerini,
İş güvenliği kurallarına uygun çalışmayı alışkanlık haline getirmelerini,
Web tasarımın ticari hayattaki önemini kavramalarını,
Ülke ekonomisine katkıda bulunmalarını,
Mesleki alanlara yönelik girişimcilik ruhunu kazanmalarını,
Zamanı, enerji ve malzemeyi ekonomik kullanma alışkanlığı kazanmalarını,
Çalışmalarında iş ahlakı kurallarına uymalarını amaçlamaktadır.

KONULARIN AÇILIMI VE ÖZEL AMAÇLAR

Bu programı başarı ile tamamlayan her kursiyer:

Web tasarımın ne olduğunu bilir ve hangi programlarla web tasarım yapıldığını bilir.
Photoshop hakkında bilgi sahibi olur.
Her bir aracın ne olduğunu, nasıl kullanıldığını bilir
Genel ve kendi tercihlerine göre dosya kaydeder, geri yükleyebilir.dosya değerlerini değiştirebilir.
Metin biçimlerini bilir, typ iletişim kutusundaki özellikleri kullanabilir.metin ile ilgili değişiklik ve ayarları yapabilir,metne efekt uygulayabilir, katmanları kopyalayabilir.
Dosya üzerinde istediği objeleri seçerek ön ve arka plan rengini değiştirebilir
Renk teorisini anlar ve nerede hangi rengi kullanması gerektiğini bilir.
Nesne ve objeleri boyayabilir.
Araçların özelliklerini bilir, nasıl kullanacağını bilir, bu araçlarla nesne şekil çizebilir.
Görüntü üzerinde istediği değişikliği yapabilir.
Araçların özelliklerini bilir,yarattıkları etkileri bilir, nasıl kullanacağını bilir,
History menüsüyle işlemlerini geri alabilir, ve geri boyayabilir.
Photoshop üzerinde yaptığı çalışmayı sayısallaştırabilir,boyunu değiştirebilir.
çözünürlük, görüntü ebadını hesaplayabilir, çözünürlük seçebilir ve farklı alanlar için ayrı hesaplayabilir.
Transformation araçlarını kullanabilir, kontrast ayarlarını yapabilir.
Sık yaptığı işlemleri actions ile kaydedebilir, yaptığı işlemleri geri alabilir.
Liste ve buton'un ne olduğunu bilir, oluşturabilir, düzenleyebilir, oynatabilir
Photoshop filtrelerini tanır, özelliklerini, ve nasıl kullanıldığını bilir
Filtrelerin uygulama alanlarını bilir, özel efekt yaratabilir.
Bu filtrelerin ne tür değişiklik ve özellik yarattığını bilir ve kullanabilir.
Katmanları tanır ve onlarla çalışabilir.
Layer menüsü ve paletini tanır, kullanabilir, katman oluşturabilir, sırasını değiştirebilir.
Katmanları birleştirebilir. Silebilir, kopyalar.
Bir fotoğrafı düzenlemek için rötüş atabilir ve renklerini düzenleyebilir.
Görüntüyü çözümleyebilir ve dodge, burn araçlarıyla aydınlık ve karanlığını ayarlayabilir.
Fotoğrafa rötüş atabilir, istenilen değişikliği yapabilir, araçları kullanabilir.
Web ve multimedia için renk kalibrasyonunu yapabilir.
Web ve multimedia için görüntü çözünürlüğünü seçer, jpg, gif dosya formatını bilir, grafik oluşturabilir.
Doyaları alabilir ve gönderebilir, komutları kullanabilir, dosya formatını değiştirebilir.
Eps,png, tiff, bmp, pdf dosyalarıyla çalışabilir ve bu formatta kaydedebilir.
Telifin ne olduğunu bilir, kanunlarını bilir.
Html dilinin ne olduğunu bilir, tanımını yapabilir, yapsı hakkında bilgi sahibi olur.
Http ve tcp/ıp protokollerini bilir, tanımlarını yapabilir, aralarındaki ilişkinin ne olduğunu bilir.
Web tarayıcılarını bilir, özelliklerini bilir.
Html de metin yazımı ve multimedia öğelerini bilir ve uygulayabilir.
Html de renk tanımlarını bilir, rgb ve hekadesimal renk kodu hakkında bilgi sahibi olur.
Metin düzenlemelerinde kodların ne olduğunu bilir ve kullanabilir.
Parametrelerin ne olduğunu bilir ve uygulamasında bunları kullanabilir.
Bağlantıları bilir ve iki obje veya nesne arasında bağlantı kurabilir.
Çalışmalarında image map kullanmayı bilir.
Tabloyu renklendirebilir, grafik kullanabilir.
Tablo ve hücre ebatlarını değiştirebilir. Hizalar.
Hücre birleştirebilir.
Tablo oluşturabilir ve renklerini istenilen biçime göre uygulayabilir.
Çerçeve oluşturabilir, çizgi oluşturabilir renklerini değiştirebilir.
Form oluşturabilir cgı programlarını tanır.
Formun içeriğine yönelik düzenlemeleri yapabilir.
Stil şablonlarını tanır ve uygulamalarını kullanabilir.
Denetlenebilir stil şablonlarının özelliklerini bilir.
Meta etiketleri; html ve multimedia hakkında bilgi sahibi olur.
Html ve butonlara link verebilir.
Html ve nesnelere link verebilir.
Flash programı ve kullanımı hakkında bilgi sahibi olur.
Zaman çizelgesinin ne amaçla kullanacağını bilir, tools araçlarını tanır.
Döndürme araçlarını tanır ve kullanabilir.
Nesneleri birleştirip parçalayabilir.
Eliyle döndürme yapabilir ve nesneye şakil verebilir.
Animasyonun oynamasıyla ilgili ayarları yapabilir.
Sayfa ayarlarını yapabilir ve animasyonu sürekli çalıştırabilir.
Nesneyi parçalayıp renk geçişlerini sağlayabilir.
Animasyonu uzatabilir, ve tersten çalıştırabilir.
Shape animasyon hakkında bilgi sahibi olur. Diğer animasyonlarla arasındaki farkı bilir.
İnsert menüsünün öğelerini tanır, ve kullanabilir.
Animasyona isim verip, convert, edebilir, çalıştığı sahneyi düzenleyebilir.
Grafiklere renk verebilir.
Kütüphaneyi kullanabilir, kayıt alıp kayıt kullanabilir.
Shape animasyonu oluşturabilir.
Motion animasyonu hakkında bilgi sahibi olur, diğerleri ile arasındaki farkı bilir.
Nesne şekillendirme araçlarını tanır ve kullanabilir.
Araçlarını kullanabilir.
Diğer tools menüsü araçlarını tanır ve kullanabilir.
Animasyonun ne olduğunu bilir. Flash animasyonları hakkında bilgi sahibi olur.
Animasyonun özelliklerini bilir, farklılıkları tespit edebilir, etkileri saptayabilir.
Zaman çizelgesini kullanarak kare kare animasyon oluşturabilir,
F7 ve F6 tuşlarını yerine göre kullanmayı bilir.
Animasyonu değiştirebilir, nesnesinin hareketini ve şeklini değiştirebilir.animasyonu çalıştırabilir.
Kütüphane kullanabilir, alan açar, nesne kaydeder, zaman çizelgesini düzenleyebilir, f6 tuşunu kullanabilir.
Motion animasyonunu durdurabilir, objekt animasyon menüsünü kullanabilir, araçlarını kullanabilir.
Flasta buton oluşturabilir.nesneleri butona çevirebilir. Araçları kullanabilir.
Kayan yazı oluşturabilir, kayma özelliklerini değiştirebilir.
Foto animasyonun yapılabilme özelliklerini bilir ve yapabilir, renk değişimini sağlayabilir.
Mouse şeklini değiştirebilir.
Yayın aşamasında flash animasyon uzantılarını bilir ve uygular, kayıt biçimlerini tanır.
Butonlara ve yazılara link atayabilir.
Animasyon içinde animasyon yapabilir.
Dreamweaver programını tanır,diğer programlar ile arasındaki farkı bilir.
Dreamweaver ile web tasarım hakkında bilgi sahibi olur, metin tabanlarını bilir, html kodlarını bilir ve değiştirebilir.
Araçları tanır, panellerle nasıl çalışacağını bilir, başlık, arkaplan rengi verebilir.
Font rengini verebilir, metin yerleştirebilir, metin ithal eder, metni biçimlendirebilir.
Font boyutunu değiştirebilir, html stili ekleyebilir, özel karakter ekleyebilir.
Flash programından metin aktarabilir.
Grafiklerla çalışabilir, ekler, boyutlandırabilir, yeniler, resim yerleştirebilir.
Resim etrafına sınır ekleyebilir, sık kullanılanlar ile yönetebilir.
Resimlerin etrafına metin sarabilir.boşlukları düzenler, resim yer tutucu ekleyebilir.
Flash butonları ekler,değişiklikleri yapabilir.
Linkler oluşturabilir e-posta linkleri ekleyebilir, grafik, hipermetin, linkleri ekleyebilir.
Sayfa düzeni elemanlarını tanır, kullanabilir;tablo düzenini değiştirebilir, standart tablo yapabilir.
Tablo elemanlarını seçebilir,düzenleyebilir, tablo ihraç edebilir, resim kullanabilir, iç içe geçmiş tablo yapabilir.
Kullanıcı etkileşimlerini ekleyebilir; resim ekler, eylemleri ve olayları düzenler, tarayıcıyı kontrol edebilir.
Açılır bir menü oluşturabilir.
Oluşturmuş olduğu siteyle ilgili yenilikleri ve değişiklikleri düzenleyebilir. Klasör ve pencere ekleyebilir.
Katmanlar oluşturabilir. İsimlendirebilir, değişiklik yapabilir.
Katmanların görünürlük sırasını değiştirebilir iç içe geçmiş katmanlar ve ızgara ve cetvel seçeneklerini ayarlayabilir.
Drag layer davranışını kullanabilir, katmanları tabloya çevirebilir.
Zaman çizelgesiyle animasyonda nesneleri, anahtar kareleri kullanarak konumlandırıp hareketlendirebilir.
Bir katman hattını kaydedebilir, resim özelliklerini değiştirebilir, animasyon katmanlarını oluşturabilir.
Anahtar kareleri ayarlar, zaman çizgisine davranışlar ekleyip oynatabilir.
Cute ftp programını tanır ve site aktarımı yapabilir.

İŞLENİŞ

Dersin Adı                 : Web Tasarım Kursu.
Konu                          : Web İn Dili Html’e Giriş, Tanımı, Yapısı,
Süre                            : Bir ders saati.
Yöntem ve Teknikler            : Anlatım Yöntemi, Soru – Cevap Tekniği, Gösterip Yaptırma Tekniği.
Araç – Gereçler         : Bilgisayar, Uygun Yazılım (Html Dili)
Amaç                          : Html Kodlarını Öğrenme, Uygulayabilir Duruma Gelme.

ÖĞRETME VE ÖĞRENME ETKİNLİKLERİ

Öğrenme ve öğretme etkinlikleri, web tasarımın özelliklerini, kullanım alanlarını, tasarım özelliklerini açıklama ve tanıtmaya yönelik öneriler biçiminde hazırlanmıştır. Öğretmen, bunları aynen ya da değiştirerek uygulayabilir. Ayrıca kursiyerlerin düzeyi, konunun özelliği ve olanaklara göre aynı amaca yönelik başka etkinliklerde düzenleyebilir. Öğretmen söz konusu bilgi, beceri ve tutumları kursiyerlere kazandırmak için amaç ve konuların düzey ve özelliklerine göre, tartışma, örnek olay, problem çözme, beyin fırtınası, gösterip – yaptırma, soru cevap görüşme gibi yöntem ve teknikleri kullanabilir.
Öğretmen “web tasarımın özelliği nedir?” sorusunu sorar ve yeterli sayıda kursiyere söz vererek tartışma açar. Web tasarımın özelliğini anlatır.
Web Tasarım Özelliği: amacına uygun, sanatsal tarz, renk teorisi, dizgi ve diğer görsel unsurların tespiti olduğunu anlatır.
Bilgilerin nasıl düzenlenmesi ve bağlanması gerektiğini gösteren bilgi tasarımının önemini açıklar, yapılmış ürünler de göstererek kursiyerleri motive eder.
Tasarım özelliklerinin neler olduğunu açıklar:
a) Hypertext teorisi
b) Teknik yazım
c) Sistem tasarımı
d) Programlama
e) İletişim ağı ve hizmet birimi tasarımı
f) Ticari konular ve proje yönetimi gibi konulara hakim olmayı gerektirir.

DEĞERLENDİRME ETKİNLİKLERİ

Değerlendirme etkinlikleri, kursiyerlerin amaçlarla edinecekleri bilgi, beceri görüş ve tutumlara ne derece ulaştıklarının belirlenmesine yönelik olmalıdır. Öğretmen, amaçlara yönelik olarak, kursiyerin yorum yapacağı kavrama, uygulama, analiz, sentez düzeyinde yeni ve özgün sorularla bu bölümde önerilen ölçme etkinliklerini zenginleştirebilir.
Öğretmen kursiyerleri değerlendirirken ölçme sonuçlarıyla; sınıf içi etkinliklere katılımı, tutum ve davranışları, gözlem yapma, araştırma-inceleme, bilimsel düşünme, sahip oldukları ve sergiledikleri fikir zenginlikleri, sorumluluk alma, ekip çalışmalarına yatkınlıkları, edindiği bilgi ve bulguları paylaşabilme vb. özelliklerine de göz önüne alarak başarıları hakkında karar verir.

ÖRNEK ÖLÇME SORULARI

      1. Web tasarımının önemli özellikleri nelerdir?
      2. Web tasarımın kullanım alanlarını sıralayınız?
      3. Photoshop’ta tools menüsü araçlarının işlevleri nelerdir?

başa dön