
Hoşgeldiniz.
HTML nedir ve ne işe yarar? HTML yazarken hangi programlar gerekir?
İlk kodumuzu yazarak Merhaba diyeceğiz.
Başlık etiketlerini ve yatay çizgi etiketini öğreniyoruz.
Paragraf etiketini, satır başı etiketini öğrenecek ve şiir yazacağız.
Yorum satırı nedir? Nasıl eklenir? Ve alıntı yapmanın etiketlerini öğreniyoruz.
Yazılara basit şekiller vermek için kullanabileceğimiz bütün etiketleri öğreniyoruz.
CSS konusuna genel olarak giriş yaparak, bazı css kodlarını öğreniyoruz.
Sayfamızdan başka sayfalara, sitelere bağlantılar verelim.
Sayfamıza resimler ekleyelim.
Tablolar ekleyerek içeriğe düzen verelim.
Numaralı yada numarasız listeler oluşturalım.
Sayfamızda başka sayfaları gösterelim.
HTML yapısındaki head etiketi içerisine neler eklendiğini öğreniyoruz.
Javascript konusuna basit bir giriş yapıyoruz.
Resim haritası (image map) ile bir resme tıklanabilir alanlar eklemeyi öğreniyoruz.
Form ne işe yarar, nasıl oluşturulur?
Formlardaki elemanları öğreneceğiz.
Form elemanlarından input ve seçeneklerini öğreneceğiz.
CSS yazım şekli nasıldır? Kısa anlatıyorum.
Etikete stil verme, class ve id kavramları nedir? Basit olarak CSS yazıyoruz.
Renk Adı, RGB, RGBA, HEX renk tanımlamaları nedir?
HTML5 Video ve ses formatları nelerdir?
Bir web sayfasına video dosyası nasıl eklenir?
Bir web sayfasına ses dosyası nasıl eklenir?
Video dosyasına alt yazı nasıl eklenir? object ve embed etiketleri nasıl kullanılır?
HTML 5 gelince neler değişti? HTML5 ile yeni gelen etiketler nelerdir?
Eski HTML sayfasını HTML5 haline nasıl getirebiliriz?
HTML 5 ile gelen özelliklerden biri olan Canvas ve JavaScript kullanarak çizimler yapabiliriz.
SVG ile şekiller nasıl çizilir? Örneklerle işleyelim.
Farklı cihazlar veya ekran boyutları için farklı resimler göstermeyi nasıl yapıyoruz?
Bu web sayfası konumunuza erişmek istiyor nasıl yapılır?
HTML5 ile gelen sürükle ve bırak (drag&drop) konusunu örneklerle açıklıyorum.
HTML ile yapabileceklerimiz aslında çok geniş. Bu dersimizde resim kullanmadan bazı sembolleri nasıl ekleriz onları öğreneceğiz. Şaşırmaya hazır olun.
Web siteleri genellikle birden çok katmandan oluşur. Yapı Etiketleri = Anlamı olan etiketler.
Her çözünürlükte ve cihazda çalışan sayfalar nasıl yapılır?
Bir sayfanın içeriğinin, vermiş olduğunu hizmetin herkes tarafından eksiksiz ulaşılabilir, algılanabilir, değerlendirilebilir ve kullanılabilir olması, duruma, ihtiyaçlara ve tercihlere yanıt verebilecek esneklikte olması gereklidir. Bunu erişilebilirlik ile sağlayabilirsiniz.
HTML de yer alan, önceki derslerde anlatılmayan diğer etiketleri hep beraber tanıyalım ve kullanalım.
Başlık etiketleri, paragraf etiketi, yatay çizgi ve satır başı etiketlerini içeren örnek uygulama.
Domain (Alan Adı) ve Hosting (Site Barındırma) nedir? Ne işe yarar?
Sitemizi hazırladık. Artık yayınlamaya hazırız. Dosyaları yüklemek için hazırlamak ve FTP ile hostinge gönderme adımı nasıl yapılır? Dikkat etmemiz gereken neler var?
Başka kurslarda görüşmek üzere.
Web sitesi yapmayı merak ediyorsunuz ve nereden başlayacağınızı bilmiyorsanız en temelden yani HTML konusundan başlamalısınız. İnternet sitelerinin arkaplanda ne kullandığına bakmazsanız, tarayıcıda görünen kısmının arkaplanında HTML vardır. Sizlere bu eğitimde sıfırdan HTML yapısını ve etiketlerini öğreterek, HTML5 ile değişen özelliklerden bahsediyor ve örneklerle etiketleri açıklıyorum. Ayrıca CSS konusuna da kısa giriş yaparak örneklerle konuları pekiştiriyoruz.
Basit olarak kursumuzu özetlersek aşağıdaki başlıkları içermektedir.
HTML Yapısı nasıldır?
Sayfadaki yazıları nasıl biçimlendiririz?
Tablo nasıl oluşturulur?
Resim nasıl eklenir?
Başka sayfa yada sitelere nasıl bağlantı verilir?
image map nasıl tanımlanır?
Sayfamıza nasıl CSS kodları ekleriz?
CSS yapısı, etiket, class ve id css nasıl yazılır?
Form nasıl oluşturulur? HTML5 ile gelen yeni form özellikleri neler?
HTML5 ile neler değişti?
HTML4 sayfasını nasıl HTML5 yaparız?
Sayfamıza ses ve video dosyası nasıl eklenir?
canvas, svg ve picture etiketleri nedir?
Geolocation APIsini kullanarak konum bilgisini nasıl gösteririz?
Sürükle & Bırak (Drag & Drop) nasıl yapılır?
Responsive web sayfası nasıl yapılır?
Özel sembolleri ve karakterleri sayfamıza nasıl ekleriz?
Domain ve Hosting nedir?
Hazırladığımız dosyaları nasıl sitemize yükleriz?