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,
a) T.C. vatandaşı olmak koşulu aranır ( yabancı uyruklu olanların valilik izni aranır)
b) 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.





KONU DAĞILIM TABLOSU

KONULAR
1. Web Tasarımının Tanımlanması Ve Tasarımda Kullanılan Programlar
2. Photoshop Programının Genel Tanıtımı Ve Photoshop'a Giriş
3. Photoshop Menüleri,
4. Photoshop Toolbox Araçaları.
5. Photoshop'un Kayan Paletleri,
6. Metnin Temelleri;
7. Rectangular Marquee
8. Renk Teorisi; RGB, CMYK
9. Boyama Tekniklerine Giriş.
10. Line, Eraser.
11. Pencil , Paintbrush , Eyedropper Aracları
12. Airbrush, Fade Seçenekleri.
13. Görüntü İşlemeye Giriş.
14. Dodge, Burn, Sponge,Blur,Sharpen Araçları,
15. History Bruhs
16. Sayısallaştırma, Görüntü Boyunun Değiştirilmesi.
17. Çözünürlük
18. Kontrast Ayarları, Transform araçları
19. Actions Ve History Paletlerinin Kullanılması.
20. List Ve Buton Kipleri
21. Filtreler
22. Özel Efektler
23. Blur, Noise, Sharpen,Render,Clouds, Distort, Stiylize Filtrelerin Kullanılması
24. Katmanlarla Çalışmak.
25. Layer Mönüsü
26. Katmanların Birleştirilmesi Ve Düzleştirilmesi,
27. Rötüş Ve Renk Düzeltme.
28. Görüntünün Çözümleme, Levels, Curves, Dodge Ve Burn Araçların
29. Kırışık Ve Çillerin Rötüşlenmesi, Levels, Curves, Eyedropper Araçları
30. Web Ve Multimedia İçin Renk Kalibrasyonu
31. Web Ve Multimedia İçin Görüntü Çözünürlüğü Seçimi,
32. Save As, Save A Copy Komutları.
33. Eps, Png, Tiff, Bmp,, Pdf Dosyalarıyla Çalışmak.
34. Telif Hakkı Kanunları
35. Filtreler İle Foto Düzenleme Uygulaması
36. Filtre Kullanarak Metin Düzenleme Uygulaması
37. Tools Menüsü İle Ve Filtre Kullanarak Nesne Oluşturma Uygulaması
38. Web İn Dili Html'ye Giriş, Tanımı, Yapısı,
39. Http Ve Tcp/Ip, Tanımları Ve Aralarındaki İlişki,
40. Web Borwser (Web Tarayıcısı) Nın Tanımı Ve Özellikleri,
41. Html De Metin, Grafik Ve Multimedia Ögeleri,
42. Html De Renkler, Rgb Ve Hekadesimal Renk Koduna Yakın Bakış.
43. Etiketler Ve Parametreler.
44. Html De Sayfa İçeriği Düzenleme
45. <P>, <Center> Etiketleri
46. <Blockquote> Etiketi.
47. <Big> , <Small>
48. <Nbor> , <S>, <Pre>, <Sub> Ve <Sub> Etiketleri.
49. Listeler ;<Basefont> (<Ol>, <Ul>, <Dı>.
50. Grafik Ve Renkler;
51. Hspace - Vspace, Border Parametreleri
52. Bağlantılar,
53. Acceskey, Title ,Target Parametreleri
54. Resim Haritaları (İmage Map).
55. Tablolar; Border, Cellpadding , Cellspacing Parametreleri,
56. Tablo Ve Hücreleri.
57. Hücreleri Birleştirme,
58. Tablo, Bordercolor Ve Bordercolordark, Bordercolorlight
59. Yapı İskeleti Olarak Tablolardan Yararlanma.
60. Çerçeveler; Frameborder, Border, Bordercolor Parametreleri,
61. Framespacing, Frameborder Parametreleri,
62. Noresize , Scrolling Parametreleri.
63. Marginwidth, Marginheight Parametreleri,
64. Html De Form Ve Cgı, Formun Bölümleri.
65. Formda Doldurulacak Boşluklar, Form Öğeleri, Cgı.
66. Css (Stil Şablonları), Sınıf Ve Kimlikli Seçiciler.
67. Denetlenebilir Stil Özellikleri , Css-P (Css-Positioning)
68. Meta Etiketleri, Html Ve Multimedia
69. Html De Butonlara Link Atamaları
70. Html De Nesnelere Link Atamaları
71. Html De Sayfa Tasarımı Uygulaması, Örneği.
72. Html De Sayfa Tasarımı Uygulaması, Örneği.
73. Html De Sayfa Tasarımı Uygulaması, Örneği.
74. Html De Sayfa Tasarımı Uygulaması, Örneği.
75. Flash Mx Programına Giriş.
76. Flash Mx 'İn Tanıtımı, Kullanım Amaçları Ve Genel Yapısı
77. Zaman Çizelgesinin Tanıtılması,
78. Tools Menüsünün Tanıtılması.
79. Tools Menüsü,
80. Line, Laso, Pen, Oval Tol, Rechtengular, Paint Bucket, Silgi,
81. Diğer Tools Menüsü Araçları.
82. Animasyonun Tanımı, Flash Programında Animasyon,
83. Sanal Ortamda Animasyon
84. Kare Kare Animasyon.
85. F7 , F6 Tuşuları
86. İlk İle Son Kare Arasındaki Hareket
87. Transformation Araçları
88. Group Ve Ungroup.
89. Manuel Döndürme
90. Animasyon Ayarları;
91. Save Default, Ctrl Menüsündeki Coop Palyback
92. Modify-Breakapart , Panels - Storek
93. Animasyonun Uzatılması, ters Yönden Çalıştırılması.
94. Flashta Shape Animayonlarına Giriş,
95. İnsert Menüsünün Öğeleri;
96. Çalışılan Sahneler.
97. Grafiklere Renk Verme.
98. Kütüphanenin Kullanılması.
99. Sahpe Animasyonu .
100. Motion Animasyona Giriş
101. Kütüphane Kullanımı,
102. Objekt Action Menüsün
103. Flash Ta Buton Oluşturma;
104. Kayan Yazılar.
105. Foto Animasyon Uygulamaları.
106. Objekt Action İle Mouse Şeklini Değiştirme ,
107. Yayın Aşamasında Flash Animasyonlarının Uzantıları.
108. Link Atamaları.
109. Animasyon İçinde Animasyon Oluşturma.
110. Kare Kare Animasyonları Oluşturulması)
111. Shape Animasyonları Oluşturulması)
112. Motion Animasyonları Oluşturulması)
113. Dreamweaver'a Giriş,
114. Programın Genel Tanımı,
115. Dreamweaver İle Web Tasarım.
116. Araçları İncelemek,
117. Font Rengini Ayarlamak,
118. Fontu Ve Font Boyutunu, Rengini Değiştirmek.
119. Flash Metni Eklemek, Flash Metnini Değiştirmek.
120. Grafiklerle Çalışmak.
121. Resim Etrafına Sınır Eklemek.
122. Resimlerin Çevresine Metin Sarmak.
123. Flash Butonları Eklemek, Değişiklik Yapmak,
124. Linkler Oluşturmak.
125. Sayfa Düzeni Elemanları.
126. Tablo Elemanlarını Seçmek Ve Düzenlemek,
127. Kullanıcı Etkileşimi Eklemek
128. Açılır Bir Menü Oluşturmak.
129. Site Yönetimi.
130. Check İn, Ve Check Out,
131. Erişilebilirlik
132. Kütüphaneleri Kullanmak.
133. Şablonlar Kullanmak
134. Bir Şablona Dayalı Sayfa Oluşturmak
135. Çerçeveler Oluşturmak.
136. Varolan Bir Sayfayının İçeriğini Kontrol Etmek.
137. Formlar Oluşturmak.
138. Kod Düzenlemek
139. Tag Sellector,
140. Style Sheetleri Kullanmak .
141. Find And Replace Kullanmak
142. Aramak Ve Değiştirmek.
143. Katmanlar Oluşturmak
144. İç İçe Katmanlar.
145. Drag Layer.
146. Zaman Çizgisiyle Animason.
147. Animasyon Katmanlarını Oluşturmak.
148. Anahtar Kareleri Ayarlamak.
149. Cute Ftp Programının Tanıtılması.
150. Cute Ftp İle İnternet Ortamına Site Aktarılması.




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.