Teknolojiye ilgili olan çocuklar, bu kurs ile HTML (Hyper Text Markup Language) kodlama yapısını öğrenecek. Web tasarımına giriş olarak kabul edebileceğimiz bu kurs sayesinde çocuklar basit bir web sitesi tasarımı yapıp, bunu yayına alabilecek. Bu tip kurslar sayesinde hem geleceğe yatırım yapılması hem de çocukların bilgisayar başında geçirdikleri saatlerin daha verimli hale dönüştürülmesi sağlanmaktadır. Çocuklar bu şekilde üretim odaklı olacak ve daha verimli birer birey haline gelecektir.Çocuklar İçin Html Css Eğitimi
YILLIK PLAN
1 .Hafta 1.Gün Neler Öğreneceğiz?
Ip Adresi, Alan Adı, Hosting, Web Tarayıcı, Web Tasarım, Dosya ve Klasör İşlemleri, Program Kullanımı
KAZANIMLAR Ip Adresi nedir? sorusuna cevap veririz,Alan Adı teriminin tanımını yaparız, Hosting kelimesinin tanımını yaparız, Öğrendiğimiz dosya ve klasör işlemlerini uygularız.
Web tasarımının tanımını yaparız. Web tasarımı için gerekli programı kullanabiliriz.
2.Gün Neler Öğreneceğiz? "<html>" etiketi "<head>" etiketi "<meta>" etiketi "<title>" etiketi "<body>" etiketi Kazanımlar: Yeni bir web sayfa oluşturup kaydederiz. Web sayfasına temel html etiketlerini yazarız. Temel html etiketlerini ve işlevlerini açıklarız
2.Hafta 1.Gün Neler Öğreneceğiz?
"<ul>" etiketi "<li>" etiketi "<ol>" etiketi Kazanımlar Sıralı listeler oluştururuz. Sırasız listeler oluştururuz.
2.Gün Neler Öğreneceğiz? "<b>" etiketi "<i>" etiketi "<u>" etiketi "<font>" etiketi "<s>" etiketi "<hr>" etiketi "<br>" etiketi "<hx>" etiketi "<p>" etiketi Kazanımlar Vurgulamak istediğimiz metni "<b>" etiketiyle kalın yaparız. Vurgulamak istediğimiz metni "<i>" etiketiyle italik yaparız. Vurgulamak istediğimiz metni "<u>" etiketiyle altı çizili yaparız. İstediğimiz metnin rengini, boyutunu "<font>" etiketi kullanarak değiştiririz. Web sayfamıza başlıklar ekleriz. "<p>" etiketini kullanarak paragraflar oluştururuz.
3.Hafta 1.Gün Neler Öğreneceğiz? Sayfa İçi Bağlantılar Sayfa Dışı Bağlantılar Kazanımlar Web sayfamızda istediğimiz bir yere bağlantı ekleriz. Web sayfamıza başka bir sayfayı link vererek çağırırız. 2.Gün Neler Öğreneceğiz? "<table>" etiketi "<th>" etiketi "<tr>" etiketi "<td>" etiketi Kazanımlar Web sayfamıza "<table>" etiketini kullanarak tablo ekleriz. Tablomuza "<tr>" etiketiyle satır ekleriz. Tablomuza "<td>" etiketiyle sütun ekleriz. "<th>" etiketiyle sütunlara başlıklar ekleriz.
4.Hafta 1.Gün Neler Öğreneceğiz? "<img>" etiketi Kazanımlar Web sayfamıza "<img>" etiketi kullanarak resimler ekleriz. Tablo ve resim etiketilerini kullanarak galeri oluştururuz.
2.Gün Neler Öğreneceğiz? "<frameset cols>" etiketi "<frameset rows>" etiketi "<frame>" etiketi Kazanımlar Web sayfamızı "<frameset>" kullanarak bölümlere ayırırız. Her bölüme "<frame>" etiketi kullanarak başka web sayfaları çağırırız. "<frameset cols>" etiketiyle sayfamızı sütunlara böleriz. "<frameset rows>" etiketiyle sayfamızı satırlara böleriz.
5.Hafta 1.Gün Neler Öğreneceğiz? "<form>" "<input>" "textbox" "number" Kazanımlar "<form>" etiketini kullanarak web sayfamıza form ekleriz. "<input>" etiketiyle formumuza veri girişi yapılan nesneler ekleriz. "textbox" ile formumuza metin girişi yapılan nesneler ekleriz. "number" ile formumuza sadece sayı girişi yapılan nesneler ekleriz.
2.Gün Neler Öğreneceğiz? "password" "checkbox" "radio" "<select>" Kazanımlar "password" ile formumuza gizli giriş yapılan nesneler ekleriz. "checkbox" ile formumuza çoklu seçim yapılan nesneler ekleriz. "radio" ile formumuza tekli seçim yapılan nesneler ekleriz. "select" ile formumuza açılır menü nesnesi ekleriz.
6.Hafta 1.Gün Neler Öğreneceğiz? Css Temelleri Css'nin Yapısı Css'nin Kullanımı Kazanımlar Css nedir? sorusuna cevap veririz. Seçici türlerini açıklarız. Css kullanım yöntemlerini açıklarız. Yeni stil dosyası oluşturup kaydederiz.
2.Gün Neler Öğreneceğiz? Zemin Özellikleri “background-color” “background-image” “background-repeat” “background-position” “background-attachment” Kazanımlar “background-color” özelliğini kullanarak web sayfamızın arka plan rengini değiştiririz. “background-image” özelliğini kullanarak web sayfamızın arka planına resim ekleriz. “background-repeat” özelliğini kullanarak web sayfamızın arka planına eklediğimiz resmin tekrarlamasını kontrol ederiz. “background-position” özelliğini kullanarak web sayfamızın arka planına eklediğimiz resmin pozisyonunu belirleriz. “background-attachment” özelliğini kullanarak web sayfamızın arka planına eklediğimiz resmin hareketini kontrol ederiz.
7.Hafta 1.Gün Neler Öğreneceğiz? Font ve Metin Özellikleri "font-family" "font-size" "font-weight" "font-style" "color" "text-align" "text-decoration" "text-transform" "line-height" "letter-spacing" "word-spacing" Kazanımlar Web sayfamıza eklediğimiz metnin yazı fontunu değiştiririz. Web sayfamıza eklediğimiz metnin boyutunu, kalınlığını, rengini ve stilini değiştiririz. Web sayfamıza eklediğimiz metnin büyük ve küçük harf düzenlemelerini yaparız. Web sayfamızda eklediğimiz metnin satır arası boşluğunu, harfler arası boşluğunu ve kelimeler arası boşluğunu değiştiririz.
2.Gün Neler Öğreneceğiz? Tablo ve Kutu Özellikleri “margin” "padding" "width" "height" "border" "float" Kazanımlar "margin" özelliğini kullanarak eklediğimiz nesnenin diğer nesnelere olan uzaklığını belirleriz. "padding" özelliğini kullanarak eklediğimiz nesnenin içindeki nesnelere olan uzaklığını belirleriz. "width" özelliği ile nesnenin genişliğini, "height" özelliğiyle de nesnenin yüksekliğini belirleriz. "border" özelliği ile nesnenin kenarlık özelliklerini değiştiririz. "float" özelliğini kullanarak eklediğimiz nesnenin kendinden önceki nesneye göre konumlandırılmasını kontrol ederiz. 8.Hafta 1.Gün Neler Öğreneceğiz? "list-style-type" Dikey Menü Yapımı Kazanımlar "list-style-type" özelliğini kullanarak web sayfamıza eklediğimiz listenin başındaki işareti değiştiririz. Dikey menünün hem css hemde html kodlarını adım adım yazarız ve dikey menü yaparız.
2.Gün Neler Öğreneceğiz? Yatay Menü Yapımı Kazanımlar Yatay menünün hem css hemde html kodlarını adım adım yazarız ve yatay menü yaparız.
-
Bitirme Projesi Navbar-1
00:00:00 2021-10-01
-
Bitirme Projesi Navbar-2
00:00:00 2021-10-01
-
About Kısmı-1
00:00:00 2021-10-01
-
About Kısmı-2
00:00:00 2021-10-01
-
Kaynak Kodlar(HTML)
2021-10-01
-
Kaynak Kodlar(CSS)
2021-10-01
-
Bitirme Projesi-Alt Kısım 1
00:00:00 2021-10-01
-
Bitirme Projesi-Alt Kısım 2
00:00:00 2021-10-01
Üniversite eğitimimi İstanbul Üniversitesi-Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü'nde tamamladım. Genel olarak web tasarım, grafik tasarım ve programlama ile ilgileniyorum. 2018 yılından bu yana 5-18 yaş arası çocuklara eğitim vermekteyim. Trendyol Bilgi Güvenliği departmanında staj yaptım. İBB'de bir dönem Eğitim Teknoloğu olarak görev aldım.
Batman Bilsemplus’ta robotik eğitimi verdim. Pandemiden dolayı kurs yeri eğitime ara verdim. Genel olarak Scratch, 3D tasarım, mBot, eğitimleri verdim. Sisterslab ile liseli kız öğrencilerine Python eğitimi verdim. 2020 yılında İstanbul Üniversitesi Psikoloji Kulübüne Excel eğitimi verdim. Sisterslab ekibine dahil oldum ve mentor olarak eğitimlere katıldım. Coding İstanbul ile Bursa Science Expo’ya katıldım. Etkinlikte Scratch ve Small Basic eğitimi verdim. Maker216’da bir ay arduino ve temel elektronik eğitimleri verdim. Coding İstanbul projesinde gönüllü eğitim vermekteyim.
Eğitim Süresi 
Eğitmen 
Rengin Alkan
Dersler 
Kayıtlı Öğrenciler 
Kapasite 
Başlangıç - Bitiş