GRAFİK VE ANİMASYON DERSİ Dersin Modülleri Görüntü işleme 1 Görüntü işleme 2 Animasyon Düzenleme 1 Animasyon Düzenleme 2 Kazandırılan Yeterlikler Web sayfaları için resimler hazırlamak Resimler ile web araçları hazırlamak Web sayfaları için animasyonlar hazırlamak Animasyonlar ile web araçları hazırlamak
DERS BİLGİ FORMU Dersin Adı GRAFİK VE ANİMASYON Alan Bilişim Teknolojileri Meslek/Dal Dersin okutulacağı sınıf/yıl Süre Dersin tanımı Web Programcılığı 2. Yıl / 3. Ve 4. Dönem Haftada 3 saat Öğrenciye resim ve animasyon düzenleme işlemlerinin tanıtılması ile ilgili konularda gerekli bilgilerin verildiği derstir. Dersin amacı Bu ders ile öğrenciye, web sayfalarında kullanılan resim ve animasyonları oluşturarak, bunlar üzerinde düzenlemeler yapabilme yeterliklerini kazandırılacaktır. Dersin Ön Koşulları Ders ile Kazandırılacak Yeterlikler Bu dersin sonunda; 1. Web sayfaları için resimler hazırlamak 2. Web araçları hazırlamak 3. Web sayfaları için animasyonlar hazırlamak 4. Animasyonlar ile web araçları hazırlamak yeterlikleri kazandırılacaktır. Bu ders, Dersin İçeriği 1. Web sayfaları için resimler hazırlamak 2. Resimler ile web araçları hazırlamak 3. Web sayfaları için animasyonlar hazırlamak 4. Animasyonlar ile web araçları hazırlamak konularını içermektedir Yöntem ve Teknikler Bu derste anlatım, göstererek yaptırma, problem çözme, soru-cevap, grup çalışması, beyin fırtınası, uygulamalı çalışma; işletmelerde gözlem yapma, uygulama, araştırma, bireysel ve modüler öğretim yöntemleri, yenilikleri takip etme vb. yöntem ve teknikler uygulanabilir.
Eğitim Öğretim Ortamı ve Donatım Ölçme ve Değerlendirme Öğretmen ve Eğitici İşbirliği Yapılacak Kurum ve Kuruluşlar Ortam: Bilişim Teknolojileri laboratuarı, işletme ortamı. Donanım: Projeksiyon, bilgisayar 1. Her faaliyet sonunda kazanılan bilgi ve beceriler ölçülür. 2. Her modülün sonunda kazanılan yeterlikler ölçülür. 3. Dersin sonunda; Orta Öğretim Kurumları Sınıf Geçme ve Sınav Yönetmeliği ile Mesleki ve Teknik Eğitim Yönetmeliği nin Mesleki Eğitim Merkezleri ile ilgili maddelerine göre ölçme ve değerlendirme yapılacaktır. 1. Lisans eğitimi almış, alanında sektör deneyimi olan öğretmenler, 2. Gerektiğinde sektörde çalışan ustalık ve usta öğreticilik belgesi olan meslek elemanları Ders ile ilgili araştırma-gözlem ve uygulama konularında; üniversiteler, sosyal ortaklar, sivil toplum kuruluşları ve işletmeler ile işbirliği yapılabilir.
MODÜL BİLGİ SAYFASI ALAN : BİLİŞİM TEKNOLOJİLERİ MESLEK/DAL : WEB PROGRAMCILIĞI DERS : GRAFİK VE ANİMASYON MODÜL : Görüntü İşleme 1 KODU : SÜRE : 40/32 ÖN KOŞUL : AÇIKLAMA : Uygulamalı olarak laboratuar ortamında işlenmelidir. GENEL AMAÇ : Öğrenci bu modül ile gerekli ortam sağlandığında, web sayfaları için resimler hazırlayabilecektir. AMAÇLAR : 1. Rresim düzenleme programının giriş ayarlarını yapabilecektir. 2. Menü ve araç çubuklarını kullanabilecektir. 3. Vektör araçlarını kullanabilecektir. 4. Katman işlemlerini gerçekleştirebilecektir. 5. Metin düzenleme işlemlerini gerçekleştirebilecektir. 6. Gelişmiş teknikleri uygulayabilecektir.
İÇERİK 1. RESİM DÜZENLEME 1.1. Temel Kavramlar 1.1.1. Piksel 1.1.2. Nokta ve Nokta Aralığı (Dot ve Dot Pitch) 1.1.3. Çözünürlük 1.1.4. Rezolasyon 1.1.5. LPI (Line Per Inch) 1.1.6. DPI (Dot Per Inc) 1.2. Görüntü Formatları 1.2.1. PICT 1.2.2. EPS 1.2.3. TIFF 1.2.4. JPG 1.2.5. BMP 1.2.6. GIF 1.2.7. PNG 1.2.8. PSD 1.3. Başlangıç Sayfası 1.3.1. Yeni Bir Belge Oluşturma 1.4. Araç Kutusu Paneli 1.5. Kayan ve Kenetlenmiş Panel Grupları 1.6. Özellikler (Properties) Paneli 2. ARAÇLAR PANELİ 2.1. Seçim Araçlarını (Marquee Tools) Kullanmak 2.2. Taşıma AraclarıAraçları 2.3. Kırpma Aracı 2.4. Sihirli Değnek (Magic Wand) Aracı 2.5. Kement (Lasso) Araçları 2.6. Lastik Damga (Rubber Stamp) Aracı 2.7. Silgi (Eraser) Aracı 2.8. Bulaştırma (Smudge) Aracı 2.9. Kırmızı Göz Temizleyici (Red Eye Removal) Aracı 2.10. Bitmap Nesnelerini Düzenlemek 2.11. Görüntü Büyütme Oranını Değiştirme 2.12. Tuval Rengini (Canvas Color) Değiştirme 2.13. Bilgi (Info) Paneli 2.14. Seçimi Kaydetme 2.15. Düzeyleri Ayarlama 2.16. Gama Ayarı 2.17. Seçimler Ekleme ve Çıkarma 2.18. Resmi Ölçekleme (Scale) 2.19. Resmin Boyutunu Değiştirme 2.20. Bir Seçimi Kopyalama 2.21. Bir Seçimi Taşıma 2.22. İlave Seçim Seçenekleri 3. VEKTÖR ARAÇLARI
3.1. Cetveller ve Kılavuzlar 3.2. Elips Aracı 3.2.1. Elips Aracının Özellikleri 3.3. Dikdörtgen (Rectangle) Aracı 3.4. Çokgen (Polygon) Aracı 3.5. Ölçeklendirme (Scale) Aracı 3.6. Kopya Oluşturma 3.7. Nesne Döndürme 3.8. Geçmiş (History) Paneli 3.9. İçine Yapıştırma (Paste Inside) ile Maskeleme 3.10. Aktif Filtreler 3.11. Stiller 3.12. Nesneleri Gruplama 3.13. Grafikler 3.14. Tuvali Kırpma 4. KATMANLAR 4.1. Katman (Layer) Paneli 4.2. Katman Ekleme ve Adlandırma 4.2.1.Yeni Katman Ekleme 4.2.2. Katmanları Yeniden Adlandırma 4.3. Nesne Boyutunu ve Yerleşimin Ayarlama 4.4. Katman Kilitleme 4.5. Katman Gösterme ve Gizleme 4.6. Renk Seçme 4.7. Yuvarlak Köşeli Dikdörtgenler Çizme 4.8. Otomatik Şekiller 4.9. Doku ve Gölge Ekleme 4.9.1 Doku Ekleme 4.9.2. Gölge ekleme 4.10. Katman Yığın Sırası 4.11. Tek Katmanlı Düzenleme 4.12. Varsayılan Renkleri Ayarlama 4.13. Nesneleri Hizalama 5. METİN İŞLEMLERİ 5.1. Metin Ekleme 5.2. Metin Hizalama ve Girinti Yapma 5.3. Yazım Denetimi 5.4. Metin Alma 5.5. Metin Düzenleyici 5.6. Çizgi Aracı 5.7. Alt Seçim (Subselection) Aracı 5.8. Nitelik Yapıştırmayı Kullanma 5.9. Ok Başları Ekleme 6. GELİŞMİŞ TEKNİKLER 6.1. Şekilleri Birleştirme 6.2. Nesne (Repeat) Çoğaltma 6.3. Bir CD Oluşturma
6.4. Renk (Degrade) Tonlaması 6.5. Matlık (Opaklık) Ayarı 6.6. Bir Yol Boyunca Metin Ekleme 6.7. Kesişme (Intersect) ve Kırpma (Crop) Komutları 6.8. Metni Yollara Dönüştürme 6.9. Dönüşümler KONU ALANLARININ AĞIRLIKLARI: KONULAR Yüzde(%) RESİM DÜZENLEME 15 ARAÇLAR PANELİ 15 VEKTÖR ARAÇLARI 20 KATMANLAR 20 METİN İŞLEMLERİ 20 GELİŞMİŞ TEKNİKLER 20
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 1 İŞLEMİN ADI : Resim düzenleme programının giriş ayarlarını yapmak. : Web sayfaları için resimler hazırlamak : Bilgisayar, internet bağlantısı 1. Yeni belge oluşturmak 2. Araç kutusunu kullanmak 3. Panelleri kullanmak 1. RESİM DÜZENLEME 1.1. Temel Kavramlar 1.1.1. Piksel 1.1.2. Nokta ve Nokta Aralığı (Dot ve Dot Pitch) 1.1.3. Çözünürlük 1.1.4. Rezolasyon 1.1.5. LPI (Line Per Inch) 1.1.6. DPI (Dot Per Inc) 1.2. Görüntü Formatları 1.3. Başlangıç Sayfası 1.3.1. Yeni Bir Belge Oluşturma 1.4. Araç Kutusu Paneli 1.5. Kayan ve Kenetlenmiş Panel Grupları 1.6. Özellikler (Properties) Paneli 1. Resim düzenleme yazılımına ait temel menü ve palet işlemlerini yapma 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 8
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 2 İŞLEMİN ADI : Menü ve araç çubuklarını kullanmak : Web sayfaları için resimler hazırlamak : Bilgisayar, internet bağlantısı 1. Yeni bir belge oluşturmak 2. Görüntü büyütme oranını değiştirmek 3. Tuval rengini değiştirmek 4. Kırpma aracını kullanmak 5. Bilgi panelini kullanmak 6. Sihirli seçim aracını kullanmak 7. Seçimi kaydetmek 8. Kement araçlarını kullanmak 9. Seçimleri eklemek ve çıkarmak 10. Resim boyutunu değiştirmek 11. Seçimi kopyalamak 12. Damga aracını kullanmak 13. Yumuşatma aracını kullanmak 14. Silgi aracını kullanmak 15. Alan seçim aracını kullanmak 16. Yapılan seçimi taşımak 1. Araçları kullanarak resim düzenleme işlemlerini yapma 2. ARAÇLAR PANELİ 2.1. Seçim Araçlarını Kullanmak 2.2. Taşıma Aracları 2.3. Kırpma Aracı 2.4. Sihirli Değnek Aracı 2.5. Kement Araçları 2.6. Lastik Damga Aracı 2.7. Silgi Aracı 2.8. Bulaştırma Aracı 2.9. Kırmızı Göz Temizleyici Aracı 2.10. Bitmap Nesnelerini Düzenlemek 2.11. Görüntü Büyütme Oranını Değiştirme 2.12. Tuval Rengini Değiştirme 2.13. Bilgi Paneli 2.14. Seçimi Kaydetme 2.15. Düzeyleri Ayarlama 2.16. Gama Ayarı 2.17. Seçimler Ekleme ve Çıkarma 2.18. Resmi Ölçekleme 2.19. Resmin Boyutunu Değiştirme 2.20. Seçimi Kopyalama, Taşıma 2.22. İlave Seçim Seçenekleri 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 6 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat İŞLEM ANALİZ FORMU 9
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 3 İŞLEMİN ADI : Vektör araçlarını kullanmak : Web sayfaları için resimler hazırlamak : Bbilgisayar, internet bağlantısı 1. Cetvelleri ve kılavuzları görüntülemek 2. Elips aracını kullanmak 3. Seçim aracını kullanmak 4. Kement aracını kullanmak 5. Ölçeklendirme aracını kullanmak 6. Bir kopya oluşturmak 7. Bir nesneyi döndürmek 8. Geçmiş panelini kullanmak 9. Maskeleme yapmak 10. Aktif efektler vermek 11. Filtreler uygulamak 12. Bir stil olarak kaydetmek 13. Nesneleri gruplamak 14. Grafikleri almak 3. VEKTÖR ARAÇLARI 3.1. Cetveller ve Kılavuzlar 3.2. Elips Aracı 3.2.1. Elips Aracının Özellikleri 3.3. Dikdörtgen (Rectangle) Aracı 3.4. Çokgen (Polygon) Aracı 3.5. Ölçeklendirme (Scale) Aracı 3.6. Kopya Oluşturma 3.7. Nesne Döndürme 3.8. Geçmiş (History) Paneli 3.9. İçine Yapıştırma (Paste Inside) ile Maskeleme 3.10. Aktif Filtreler 3.11. Stiller 3.12. Nesneleri Gruplama 3.13. Grafikler 3.14. Tuvali Kırpma Vektör araçlarını kullanmak 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 6 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat İŞLEM ANALİZ FORMU MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek 10
İŞLEM NO : 4 İŞLEMİN ADI : Katman işlemlerini gerçekleştirmek : Web sayfaları için resimler hazırlamak : Bilgisayar, internet bağlantısı 1. Metin eklemek 2. Metni hizalamak ve girintilerini ayarlamak 3. Yazımı denetlemek 4. Metni almak (import) 5. Metin düzenleyiciyi kullanmak 6. Biçim yapıştırmayı kullanmak 4. KATMANLAR 4.1. Katman (Layer) Paneli 4.2. Katman Ekleme ve Adlandırma 4.2.1.Yeni Katman Ekleme 4.2.2. Katmanları Yeniden Adlandırma 4.3. Nesne Boyutunu ve Yerleşimin Ayarlama 4.4. Katman Kilitleme 4.5. Katman Gösterme ve Gizleme 4.6. Renk Seçme 4.7. Yuvarlak Köşeli Dikdörtgenler Çizme 4.8. Otomatik Şekiller 4.9. Doku ve Gölge Ekleme 4.9.1 Doku Ekleme 4.9.2. Gölge ekleme 4.10. Katman Yığın Sırası 4.11. Tek Katmanlı Düzenleme 4.12. Varsayılan Renkleri Ayarlama 4.13. Nesneleri Hizalama İlgili araçları kullanarak katmanlı resimler oluşturma ve katmanlar üzerinde düzenlemeler yapmak. 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 6 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat İŞLEM ANALİZ FORMU 11
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 5 İŞLEMİN ADI : Metin düzenleme işlemlerini gerçekleştirmek. : Web sayfaları için resimler hazırlamak : Bilgisayar, internet bağlantısı 1. Katman panelini kullanmak 2. Katmanlar eklemek ve adlandırmak 3. Bir katmanı yeniden adlandırmak 4. Bir katmanı kilitlemek 5. Bir katmanı göstermek ve gizlemek 6. Renkleri seçmek 7. Yuvarlak köşeli dikdörtgenler çizmek 8. Otomatik şekilleri kullanmak 9. Doku ve gölge eklemek 10. Bir katman üzerindeki yığın sırasını değiştirmek 11. Tek katmanlı düzenlemeyi kullanmak 12. Varsayılan renkleri ayarlamak 13. Nesneleri hizalamak 5. METİN İŞLEMLERİ 5.1. Metin Ekleme 5.2. Metin Hizalama ve Girinti Yapma 5.3. Yazım Denetimi 5.4. Metin Alma 5.5. Metin Düzenleyici 5.6. Çizgi Aracı 5.7. Alt Seçim (Subselection) Aracı 5.8. Nitelik Yapıştırmayı Kullanma 5.9. Ok Başları Ekleme Metin araçlarını kullanarak, resim üzerine metinler ekleme ve eklenen metinler üzerinde düzenlemeler yapmak. 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 6 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 12
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 6 İŞLEMİN ADI : Gelişmiş teknikleri uygulamak : Web sayfaları için resimler hazırlamak : Bilgisayar, internet bağlantısı 1. Şekilleri birleştirmek 2. Nesneleri çoğaltmak 3. Opaklığı değiştirmek 4. Bir yol boyunca metin eklemek 5. Metni yollara dönüştürmek 6. Dönüşümler uygulamak 6. GELİŞMİŞ TEKNİKLER 6.1. Şekilleri Birleştirme 6.2. Nesne (Repeat) Çoğaltma 6.3. Bir CD Oluşturma 6.4. Renk (Degrade) Tonlaması 6.5. Matlık (Opaklık) Ayarı 6.6. Bir Yol Boyunca Metin Ekleme 6.7. Kesişme (Intersect) ve Kırpma (Crop) Komutları 6.8. Metni Yollara Dönüştürme 6.9. Dönüşümler Gelişmiş teknikleri kullanarak resim üzerinde ileri işlemler yapmak. 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 13
MODÜL BİLGİ SAYFASI ALAN : BİLİŞİM TEKNOLOJİLERİ MESLEK/DAL : WEB PROGRAMCILIĞI DERS : GRAFİK VE ANİMASYON MODÜL : Görüntü İşleme 2 KODU : SÜRE : 40/32 ÖN KOŞUL AÇIKLAMA : Görüntü İşleme 1 modülünü başarmış olmak : Uygulamalı olarak laboratuar ortamında işlenmelidir. GENEL AMAÇ : Öğrenci bu modül ile gerekli ortam sağlandığında; resimler ile web araçları hazırlayabilecektir. AMAÇLAR : 1. Düğmeler oluşturabilecektir. 2. Etkin resim bölgeleri oluşturabilecektir. 3. Aktarma (export) işlemi ve optimizasyon yapabilecektir. 4. Hareketli resimler (GIF) oluşturabilecektir. 5. Maskeleme işlemlerini gerçekleştirebilecek ve açılır menüler oluşturabilecektir.. 14
İÇERİK 1. DÜĞMELER 1.1. Düğme Düzenleyicisi (Buton Editor) 1.2. Yeni Bir Düğme Ekleme 1.3. Düğmeleri Değiştirme 1.4. Düğmelere Ad Verme ve Bağlantı Ekleme 1.5. Düğmeleri Alma 1.6. Grafikleri Düğmeye Dönüştürme 2. DİLİMLER VE ETKİN BÖLGELER 2.1. Etkin Resim Bölgesi (Image Map) Oluşturma 2.2. Web Katmanıyla Çalışma 2.3. Resmi Dilimleme 2.4. Dönüşümlü Resimler (Rollover) Oluşturma 2.5. Kareler Ekleme 2.6. Davranış Ekleme 2.8. Yeni Dilimler Ekleme 2.7. Tam Ekran Görüntüleme 3. OPTİMİZASYON VE AKTARMA İŞLEMİ 3.1. Aktarma Sihirbazı (Export) 3.2. Resmin Dosya Türünü Seçme 3.3. Önizleme Düğmesi 3.4. Mevcut Optimizasyon Ön Ayarları 3.5. Aktarma İşlemleri 3.5.1. JPEG Resimlerini Gönderme 3.5.2. Tarayıcıda Önizleme 3.5.3. HTML Olarak Aktarma 3.5.4. Hızlı Aktarma Düğmesi 4. GIF ANİMASYONLARI 4.1. Animasyon Oluşturma 4.2. Çoklu Çerçeve (Onion Skin) Kullanma 4.3. Katman Paylaşma 4.4. Animasyon Sembolleri 4.5. Oynatımı Kontrol Etme 4.6. Bir GIF Animasyonunu Aktarma 4.7. Aktarma Önizlemesini Kullanma 4.8. Ara Kareler Doldurmak (Tweening) 4.9. Efektlere Dolgu Uygulama 5. MASKELEME VE AÇILIR MENÜLER 5.1. Bir Şablon Oluşturma 5.2. Bir Resmi Maskeleme 5.3. Katman Panelini Kullanarak Maskeleme Yapma 5.4. Metni Bir Maske Olarak Kullanma 5.5. Metin Dilimi Oluşturma 5.6. Açılır Menü Ekleme 5.7. Açılır Menüyü Düzenleme 15
KONU ALANLARININ AĞIRLIKLARI: KONULAR Yüzde(%) DÜĞMELER 25 DİLİMLER VE ETKİN BÖLGELER 15 OPTİMİZASYON VE AKTARMA İŞLEMİ 10 GIF ANİMASYONLARI 25 MASKELEME VE AÇILIR MENÜLER 25 16
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 1 İŞLEMİN ADI : Düğmeler oluşturmak : Resimler ile web araçları hazırlamak : Bilgisayar, internet bağlantısı 1. Yeni bir düğme eklemek 2. Düğmeleri değiştirmek 3. Düğmelere bir ad vermek ve bağlantı eklemek 4. Düğmeleri aktarmak (import) 5. Grafikleri düğmeye dönüştürmek 1. DÜĞMELER 1.1. Düğme Düzenleyicisi (Buton Editor) 1.2. Yeni Bir Düğme Ekleme 1.3. Düğmeleri Değiştirme 1.4. Düğmelere Ad Verme ve Bağlantı Ekleme 1.5. Düğmeleri Alma 1.6. Grafikleri Düğmeye Dönüştürme Düğme düzenleyicisini kullanarak düğme işlemlerini gerçekleştirme 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 6 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 17
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 2 İŞLEMİN ADI : Etkin resim bölgeleri oluşturmak : Resimler ile web araçları hazırlamak : Bilgisayar, internet bağlantısı 1. Image map (etkin resim noktası) oluşturmak 2. Web katmanıyla çalışmak 3. Bir resmi dilimlemek 4. Ayrık rolloverlar oluşturmak 5. Kareler eklemek 6. Bir davranış eklemek 7. Tam ekran görüntülemek 8. Yeni dilimler eklemek 2. DİLİMLER VE ETKİN BÖLGELER 2.1. Etkin Resim Bölgesi (Image Map) Oluşturma 2.2. Web Katmanıyla Çalışma 2.3. Resmi Dilimleme 2.4. Dönüşümlü Resimler (Rollover) Oluşturma 2.5. Kareler Ekleme 2.6. Davranış Ekleme 2.8. Yeni Dilimler Ekleme 2.7. Tam Ekran Görüntüleme Dilimler ve etkin bölgeler oluşturmak. 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 6 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 18
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 3 İŞLEMİN ADI : Aktarma (export) işlemi ve optimizasyon yapmak : Resimler ile web araçları hazırlamak : Bilgisayar, internet bağlantısı 1. Aktarma sihirbazını kullanmak 2. Resmin dosya türünü seçmek 3. Önizleme düğmesini kullanmak 4. Mevcut optimizasyon ön ayarlarını kullanmak 3. OPTİMİZASYON VE AKTARMA İŞLEMİ 3.1. Aktarma Sihirbazı (Export) 3.2. Resmin Dosya Türünü Seçme 3.3. Önizleme Düğmesi 3.4. Mevcut Optimizasyon Ön Ayarları 3.5. Aktarma İşlemleri 3.5.1. JPEG Resimlerini Gönderme 3.5.2. Tarayıcıda Önizleme 3.5.3. HTML Olarak Aktarma 3.5.4. Hızlı Aktarma Düğmesi Optimizasyon ve aktarma işlemleri yapmak. 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 8 saat Meslek Elemanının İşlemi Yaptığı Süre : 4 saat 19
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 4 İŞLEMİN ADI : Hareketli resimler (gif) oluşturmak : Resimler ile web araçları hazırlamak : Bilgisayar, internet bağlantısı 1. Animasyon oluşturmak 2. Bir katmanı paylaşmak 3. Animasyon sembollerini kullanmak 4. Oynatımı kontrol etmek 5. Bir GIF animasyonunu aktarmak 6. Aktarma önizlemesini animasyonlarla kullanmak 7. Ara kareler doldurmak (tweening) 4. GIF ANİMASYONLARI 4.1. Animasyon Oluşturma 4.2. Çoklu Çerçeve (Onion Skin) Kullanma 4.3. Katman Paylaşma 4.4. Animasyon Sembolleri 4.5. Oynatımı Kontrol Etme 4.6. Bir GIF Animasyonunu Aktarma 4.7. Aktarma Önizlemesini Kullanma 4.8. Ara Kareler Doldurmak (Tweening) 4.9. Efektlere Dolgu Uygulama Animasyon araçlarını kullanarak hareketli resimler (GIF) oluşturma 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 8 saat Meslek Elemanının İşlemi Yaptığı Süre : 4 saat 20
MESLEĞİN ADI : Web Programcılığı İŞ : Web sayfaları için resimler hazırlamak ve düzenlemek İŞLEM NO : 5 İŞLEMİN ADI : Resimler ile web araçları hazırlamak : Maskeleme işlemlerini gerçekleşmek, açılır menüler oluşturmak. : Bilgisayar, internet bağlantısı 1. Bir şablon oluşturmak 2. Bir resmi maskelemek 3. Katman panelini kullanarak maskeleme yapmak 4. Metni bir maske olarak kullanmak 5. Metin dilimi oluşturmak 6. Açılır menü eklemek 7. Açılır menüyü düzenlemek 5. MASKELEME VE AÇILIR MENÜLER 5.1. Bir Şablon Oluşturma 5.2. Bir Resmi Maskeleme 5.3. Katman Panelini Kullanarak Maskeleme Yapma 5.4. Metni Bir Maske Olarak Kullanma 5.5. Metin Dilimi Oluşturma 5.6. Açılır Menü Ekleme 5.7. Açılır Menüyü Düzenleme 1. Maskeleme araçlarını kullanmak 2. Açılır menüler oluşturmak ve düzenleme 1. Planlı olma 2. Düzenli olma 3. Sabırlı olma 4. Titiz olma 5. Temiz olma 6. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 2 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 21
MODÜL BİLGİ SAYFASI ALAN : BİLİŞİM TEKNOLOJİLERİ MESLEK/DAL : WEB PROGRAMCILIĞI DERS : GRAFİK VE ANİMASYON MODÜL : ANİMASYON DÜZENLEME 1 KODU : SÜRE : 40/32 ÖN KOŞUL AÇIKLAMA : Görüntü İşleme 2 modülünü başarmış olmak : Uygulamalı olarak laboratuar ortamında işlenmelidir. GENEL AMAÇ : Öğrenci bu modül ile gerekli ortam sağlandığında web sayfaları için animasyonlar hazırlayabilecektir. AMAÇLAR : 1. Menü ve araçları kullanabilecektir. 2. Grafik oluşturabilecek ve düzenleyebilecektir. 3. Metin işlemlerini gerçekleştirebilecektir. 4. Sembol işlemlerini gerçekleştirebilecektir. 5. Animasyon tekniklerini kullanabilecektir. 6. Ses ve video işlemlerini gerçekleştirebilecektir. 7. Ekranları kullanabilecektir. 22
İÇERİK A. ANİMASYON TEMELLERİ 1. Çalışma Alanı 2. Animasyon Belgesi Oluşturma 3. Paneller 4. Zaman Çizelgesi ve Kareler 5. Katmanlar 6. Tercihler 7. Yardım B. GRAFİKLER 1. Araçlar Paneli 2. Çizim Araçları İle Grafik Oluşturma 3. Kılavuzlar Izgaralar ve Koordinatlar 4. Yeni Bir Grafik Oluşturma 5. Maske Oluşturma 6. Fırça Darbeleri 7. Kütüphane 8. Resimleri Alma ve Optimize Etme 9. Vektörel Çizimleri İthal Etme 10. Dolgular ve Renk Dönüşümleri 11. Grafiklerde Değişiklik Yapma C. METİN İŞLEMLERİ 1. Metin Aracı 2. Belgeye Metin Ekleme 3. Gömülü Fontlar 4. Font Özellikleri 5. Metin Alanına Bir Zaman Çizelgesi Efekti Ekleme 6. Yazım Denetimi 7. Metin Tabanlı Bileşenler 8. Dinamik Metin Alanları D. SEMBOLLER 1. Semboller 2. Grafik Sembolleri 3. Düğmeler 4. Düğmeleri Sahneye Yerleştirme 5. Metin Düğmeleri Oluşturma 6. Görünmez Bir Düğme Oluşturma 7. Klipler Oluşturma 8. Menüyü Oluşturma 9. Klip Düğmeleri Oluşturma 10. Sembolleri Çoğaltma ve Sahneye Ekleme E. ANİMASYON OLUŞTURMAK 1. Animasyon Türleri 2. Hareket Animasyonu (Motion Tween) 3. Hareket Animasyonu Eklemek 23
4. Alfa Düzeylerini ve Boyu Canlandırma 5. Klip Düğmesi 6. Şekil Animasyonu (Shape Tween) 7. Kare Kare Animasyon 8. Bir Yol Boyunca Animasyon Uygulama 9. Animasyon İçin Zaman Çizelgesi Efektleri G. SES VE VİDEOLAR 1. Ses ve Video Kullanma 2. Ortam Öğelerini Çevrimiçi Olarak Sunma 3. Bir Düğmeye Ses Ekleme 4. Bir Animasyona Ses Aktarma 5. Ses Ekleme ve Sesleri Özelleştirme 6. Animasyona Video Aktarma 7. FLV Videolarını Aktarma H. EKRANLAR 1. Ekranlar 2. Ekran Özelliğini Kullanan Yeni Bir Sunuya Başlama 3. Sunuya Ses ve Video Ekleme 4. Sesi Kontrol Etme 5. Ekranlar ve Gezinti 6. Geçiş ve Maske Ekleme 7. Tur Bölümünü Oluşturma 8. Tur Bölümünü Siteye Yükleme KONU ALANLARININ AĞIRLIKLARI: KONULAR Yüzde(%) Animasyon Temelleri 10 Grafikler 10 Metin İşlemleri 10 Semboller 15 Animasyonlar 25 Ses ve Videolar 15 Ekranlar 15 24
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 1 İŞLEMİN ADI : Menü ve araçları kullanmak : Web sayfaları için animasyonlar hazırlamak : Bilgisayar 1. Animasyon belgesi oluşturmak 2. Menüleri kullanmak 3. Panellerle çalışmak 4. Zaman çizelgesini ve kareleri kullanmak 5. Tercihleri ayarlamak 6. Yardımı kullanmak A. ANİMASYON TEMELLERİ 1. Çalışma Alanı 2. Animasyon Belgesi Oluşturma 3. Paneller 4. Zaman Çizelgesi ve Kareler 5. Katmanlar 6. Tercihler 7. Yardım 1. Animasyon belgesi oluşturmak 2. Menüleri kullanmak 3. Panellerle çalışmak 4. Zaman çizelgesini ve kareleri kullanmak 5. Tercihleri ayarlamak 6. Yardımı kullanmak 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 2 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 25
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 2 İŞLEMİN ADI : Grafik oluşturmak ve düzenlemek : Web sayfaları için animasyonlar hazırlamak : Bilgisayar 1. Çizim araçları ile grafik oluşturmak 2. Kılavuzları, ızgaraları, koordinatları ve yapışma özelliğini kullanmak 3. Yeni bir grafik oluşturmak 4. Maske oluşturmak ve kullanmak 5. Fırça darbeleri eklemek 6. Kütüphaneyi kullanmak 7. Bitmap leri ithal etmek ve optimizasyonunu yapmak 8. Vektörel çizimleri ithal etmek 9. Dolguları ve geçişleri kullanmak 10. Grafiklerde değişiklik yapmak 1. Grafik araçlarını kullanmak 2. İthal işlemini gerçekleştirmek B. GRAFİKLER 1. Araçlar Paneli 2. Çizim Araçları İle Grafik Oluşturma 3. Kılavuzlar Izgaralar ve Koordinatlar 4. Yeni Bir Grafik Oluşturma 5. Maske Oluşturma 6. Fırça Darbeleri 7. Kütüphane 8. Resimleri Alma ve Optimize Etme 9. Vektörel Çizimleri İthal Etme 10. Dolgular ve Renk Dönüşümleri 11. Grafiklerde Değişiklik Yapma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 26
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 3 İŞLEMİN ADI : Metinler oluşturmak ve düzenlemek : Web sayfaları için animasyonlar hazırlamak : Bilgisayar 1. Bir belgeye metin eklemek 2. Gömülü fontları kullanmak 3. Font özelliklerine bakmak 4. Bir metin alanına bir zaman çizelgesi efekti eklemek 5. Belgeyi yazım denetiminden geçirmek 6. Metin tabanlı bileşenleri kullanmak C. METİN İŞLEMLERİ 1. Metin Aracı 2. Belgeye Metin Ekleme 3. Gömülü Fontlar 4. Font Özellikleri 5. Metin Alanına Bir Zaman Çizelgesi Efekti Ekleme 6. Yazım Denetimi 7. Metin Tabanlı Bileşenler 8. Dinamik Metin Alanları 1. Metin aracını kullanmak 2. Dinamik metin alanları oluşturmak 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 27
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 4 İŞLEMİN ADI : Semboller oluşturmak ve düzenlemek : Web sayfaları için animasyonlar hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Düğme oluşturmak 2. Düğmeleri sahneye (stage) yerleştirmek 3. Metin düğmeleri oluşturmak 4. Görünmez bir düğme oluşturmak 5. Klipler (movie clip) oluşturmak 6. Menüyü oluşturmak 7. Klip düğmeleri oluşturmak 8. Sembolleri çoğaltmak ve sahneye eklemek D. SEMBOLLER 1. Semboller 2. Grafik Sembolleri 3. Düğmeler 4. Düğmeleri Sahneye Yerleştirme 5. Metin Düğmeleri Oluşturma 6. Görünmez Bir Düğme Oluşturma 7. Klipler Oluşturma 8. Menüyü Oluşturma 9. Klip Düğmeleri Oluşturma 10. Sembolleri Çoğaltma ve Sahneye Ekleme 1. Sembol oluşturma araçlarını kullanmak 2. Düğme araçlarını kullanmak 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 28
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 5 İŞLEMİN ADI : Animasyon tekniklerini kullanmak : Web sayfaları için animasyonlar hazırlamak : Bilgisayar 1. Bir hareket animasyonunu (motion tween) ayarlamak 2. Motion tweenleri eklemek 3. Alfa düzeylerini ve boyu canlandırmak 4. Klip (Movie clip) düğmesini canlandırmak 5. Bir şekil animasyonu (shape tween) oluşturmak 6. Kare kare animasyon oluşturmak 7. Bir yol boyunca animasyon uygulamak 8. Animasyon için zaman çizelgesi efektlerini kullanmak E. ANİMASYON OLUŞTURMAK 1. Animasyon Türleri 2. Hareket Animasyonu (Motion Tween) 3. Hareket Animasyonu Eklemek 4. Alfa Düzeylerini ve Boyu Canlandırma 5. Klip Düğmesi 6. Şekil Animasyonu (Shape Tween) 7. Kare Kare Animasyon 8. Bir Yol Boyunca Animasyon Uygulama 9. Animasyon İçin Zaman Çizelgesi Efektleri 1. Animasyon araçlarını kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 3 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 29
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 9 İŞLEMİN ADI : Ses ve video eklemek : Web sayfaları için animasyonlar hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Ses ve video kullanmak 2. Ortam öğelerini çevrimiçi olarak sunmak 3. Bir düğmeye ses eklemek 4. Bir animasyona ses aktarmak 5. Ses eklemek ve sesleri özelleştirmek 6. Animasyona video aktarmak 7. FLV videolarını aktarmak G. SES VE VİDEOLAR 1. Ses ve Video Kullanma 2. Ortam Öğelerini Çevrimiçi Olarak Sunma 3. Bir Düğmeye Ses Ekleme 4. Bir Animasyona Ses Aktarma 5. Ses Ekleme ve Sesleri Özelleştirme 6. Animasyona Video Aktarma 7. FLV Videolarını Aktarma 1. Ses araçlarını kullanma 2. Video araçlarını kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 2 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 30
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 10 İŞLEMİN ADI : Ekranları kullanmak : Web sayfaları için animasyonlar hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Ekran özelliğini kullanan yeni bir sunuya başlamak 2. Sunuya ses ve video eklemek 3. Sesi kontrol etmek 4. Geçişler oluşturmak 5. Maske eklemek 6. Tur bölümünü oluşturmak 7. Tur bölümünü siteye yüklemek H. EKRANLAR 1. Ekranlar 2. Ekran Özelliğini Kullanan Yeni Bir Sunuya Başlama 3. Sunuya Ses ve Video Ekleme 4. Sesi Kontrol Etme 5. Ekranlar ve Gezinti 6. Geçiş ve Maske Ekleme 7. Tur Bölümünü Oluşturma 8. Tur Bölümünü Siteye Yükleme 1. Ekran araçlarını kullanma 2. Maskeleme araçlarını kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 3 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 31
MODÜL BİLGİ SAYFASI ALAN : BİLİŞİM TEKNOLOJİLERİ MESLEK/DAL : WEB PROGRAMCILIĞI DERS : GRAFİK VE ANİMASYON MODÜL : ANİMASYON DÜZENLEME 2 KODU : SÜRE : 40/32 ÖN KOŞUL AÇIKLAMA : Animasyon Düzenleme 1 modülünü başarmış olmak : Uygulamalı olarak laboratuar ortamında işlenmelidir. GENEL AMAÇ : Öğrenci bu modül ile gerekli ortam sağlandığında animasyon düzenleme yazılımını kullanarak web araçları hazırlayabilecektir. AMAÇLAR : 1. Bileşenleri kullanarak, formlar oluşturabilecektir. 2. Dinamik veri işlemlerini gerçekleştirebilecektir. 3. Etkileşimli animasyonlar oluşturabilecektir. 4. Yazılım optimizasyonunu gerçekleştirebilecektir. 5. Animasyonların yayımlanmasını gerçekleştirebilecektir. 32
İÇERİK A. FORMLAR 1. Formlar ve Veriler 2. Animasyon Bileşenleri 3. Geribildirim Formu 4. Düğme Bileşeni 5. Bir Anket Oluşturmak 6. Odaklanma Yöneticisi (Focus Manager) B. DİNAMİK VERİLER 1. Dinamik Verilere Giriş 2. Web Servislerini Tanımlama 3. Web Sitesini Çağırma 4. Geribildirim Formunu Oluşturma 5. Anket Formunu Oluşturma C. EYLEM KODU (ACTION SCRIPT) 1. Eylem Kodu (ActionScript) 2. Kesin Tip Belirleme Yöntemi ve Kod İpuçları 3. Sınıflar, Metotlar ve Özellikler 4. Fonksiyonlar ve Koşullu Deyimler 5. Faaliyet Alanı 6. Veri Yükleme (Loadvars) Sınıfı 7. İnceleme (Review) Sayfası 8. Olayları, İşleyiciler ve İzleyiciler 9. İnceleme Sayfasına CSS Biçimlendirmesi Ekleme 10. Katalog Sayfalarını Oluşturma 11. Ana Katalogu Hazırlama 12. Haberler Sayfasını Oluşturma 13. Giriş Sayfasını Oluşturma 14. Menüyü Canlandırma 15. Menü Düğmelerinin Kontrolü D. YAZILIM OPTİMİZASYONU 1. Uygulamaları Organize Etme 2. Yeni İçeriği Yükleme 3. İlerleme Çubuğu Ekleme E. ANİMASYON YAYINI 1. Animasyon Dosyalarının Yayınlanması 2. Animasyon Oynatıcının Yüklenmesi 3. Animasyon Dosyasını HTML Sayfasına Gönderme 33
KONU ALANLARININ AĞIRLIKLARI: KONULAR Yüzde(%) Formlar 30 Dinamik Veriler 30 Eylem Kodu (Action Script) 30 Yazılım Optimizasyonu 5 Animasyon Yayını 5 34
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 1 İŞLEMİN ADI : Bileşenlerle form oluşturmak : Animasyonlar ile web araçları hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Geribildirim formunu oluşturmak 2. Düğme (Buton) bileşenini kullanmak 3. Anket oluşturmak 4. Odaklanma yöneticisini kullanmak FORMLAR 1. Formlar ve Veriler 2. Animasyon Bileşenleri 3. Geribildirim Formu 4. Düğme Bileşeni 5. Bir Anket Oluşturmak 6. Odaklanma Yöneticisi (Focus Manager) 1. Form araçlarını kullanma 2. Odak yöneticisini kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 8 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 35
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 2 İŞLEMİN ADI : Dinamik verileri kullanmak : Animasyonlar ile web araçları hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Web servislerini tanımlamak 2. Web sitesini çağırmak 3. Geribildirim formunu oluşturmak 4. Anket formunu oluşturmak DİNAMİK VERİLER 1. Dinamik Verilere Giriş 2. Web Servislerini Tanımlama 3. Web Sitesini Çağırma 4. Geribildirim Formunu Oluşturma 5. Anket Formunu Oluşturma 1. Web araçlarını kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 8 saat Meslek Elemanının İşlemi Yaptığı Süre : 2 saat 36
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 3 İŞLEMİN ADI : Etkileşimli animasyon oluşturmak : Animasyonlar ile web araçları hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. İnceleme (review) sayfasını oluşturmak 2. Olayları, işleyicileri ve izleyicileri kullanmak 3. İnceleme sayfasına CSS biçimlendirmesi yapmak 4. Katalog sayfalarını oluşturmak 5. Ana katalogu hazırlamak 6. Haberler sayfasını oluşturmak 7. Giriş sayfasını oluşturmak 8. Menüyü canlandırmak 9. Menünün düğmelerini kontrol etmek 1. Action script araçlarını kullanma 2. CSS Biçimlendirmelerini yapma EYLEM KODU (ACTION SCRIPT) 1. Eylem Kodu (ActionScript) 2. Kesin Tip Belirleme Yöntemi ve Kod İpuçları 3. Sınıflar, Metotlar ve Özellikler 4. Fonksiyonlar ve Koşullu Deyimler 5. Faaliyet Alanı 6. Veri Yükleme (Loadvars) Sınıfı 7. İnceleme (Review) Sayfası 8. Olayları, İşleyiciler ve İzleyiciler 9. İnceleme Sayfasına CSS Biçimlendirmesi Ekleme 10. Katalog Sayfalarını Oluşturma 11. Ana Katalogu Hazırlama 12. Haberler Sayfasını Oluşturma 13. Giriş Sayfasını Oluşturma 14. Menüyü Canlandırma 15. Menü Düğmelerinin Kontrolü 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 8 saat Meslek Elemanının İşlemi Yaptığı Süre : 4 saat 37
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 4 İŞLEMİN ADI : Optimizasyon yapmak : Animasyonlar ile web araçları hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Uygulamaları organize etmek 2. Yeni içeriği yüklemek 3. İlerleme çubuğunu eklemek YAZILIM OPTİMİZASYONU 1. Uygulamaları Organize Etme 2. Yeni İçeriği Yükleme 3. İlerleme Çubuğu Ekleme Optimize araçlarını kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 38
MESLEĞİN ADI : Web Programcılığı İŞ : Animasyonlar Hazırlamak ve Düzenlemek İŞLEM NO : 5 İŞLEMİN ADI : İçeriği yayınlamak : Animasyonlar ile web araçları hazırlamak : Animasyon düzenleme yazılımını çalıştırabilecek yeterlikte bilgisayar 1. Animasyon Dosyalarını Yayınlamak 2. Animasyon Oynatıcıyı Yüklemek 3. Animasyon Dosyasını HTML Sayfasına Göndermek ANİMASYON YAYINI 4. Animasyon Dosyalarının Yayınlanması 5. Animasyon Oynatıcının Yüklenmesi 6. Animasyon Dosyasını HTML Sayfasına Gönderme İçerik yayımlama araçlarını kullanma 1. Detaylara özen göstermek 2. Dürüst olmak 3. İnsan ilişkilerine özen göstermek 4. İş disiplinine sahip olmak 5. Planlı ve organize olmak 6. Sabırlı olmak 7. Sorumluluk sahibi olmak 8. Yeniliklere açık olmak 9. Zamanı iyi kullanmak 10. Mesleği ile ilgili etik değerlere sahip olma NOT: İşlemi Öğrenme Süresi : 4 saat Meslek Elemanının İşlemi Yaptığı Süre : 1 saat 39