Giriş Kayıt Ol
Kurs fiyatı;?>
Ders Tarihi Başlangıç: 01.10.2021 Bitiş: 20.11.2021
Çocuklar İçin Html Css Kodlama Kursu
8 Hafta 32 Ders
Online Eğitim
13 kişi bu sayfayı inceliyor

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.

İnternet Ortamı ve Web Tasarımı
Temel HTML Etiketleri
Metin ve Görünüm Düzenleme Etiketleri
Bağlantı ve Köprü Oluşturma
Tablolar
Çoklu Ortam Araçları
Çerçeveler
Formlar
CSS Temeleri
CSS Özellikleri
CSS Menü İşlemleri
Site Yönetimi ve Yayını
Bu derste öğrencilere her bölüm sonunda uygulama ödevleri verilecektir. Böylece her öğrencinin haftalık gelişimi takip edilebilir hale gelecektir.
Rengin Alkan

Ü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.

Öğrenci
İnceleme
nan
0 oylamada nan ortalama puan verildi.
₺2000 ₺999
Eğitim Süresi
8 Hafta
Eğitmen
Rengin Alkan
Dersler
32 Ders
Kayıtlı Öğrenciler
10
Kapasite
12
Başlangıç - Bitiş
01.10.2021 - 20.11.2021
Şimdi satın al