HTML EĞİTİMİ

Kurs Süresi : 50 Saat

Kurs Dili      : Türkçe

22.06.2023 - 801

Html Kurs içeriklerimiz altta verilmiştir : 

1. HTML GİRİŞ
2. HTML ALGORİTMA YAPISI VE OLUŞTURMA
3. HTML WEB KAVRAMI
4. HTML WEB DEVELOP GELİŞİMİ VE TARİHİ
5. HTML WEB ÇALIŞMA YAPISI VE PRENSİBİ
6. HTML TARİHÇESİ
7. HTML GELİŞTİRİCİLERİ VE DOSYA YAPISI
8. HTML DAMGA VE METİN ETİKETLERİ
9. HTML SEO VE SEMANTİK YAPI
10. HTML METİN BİÇİMLEME VE RESİM İŞLEMLERİ
11. HTML LINK İŞLEMLERİ
12. HTML TABLO İŞLEMLERİ
13. HTML ÇERÇEVELER VE FORMLAR
14. HTML VIDEO VE SES ETİKETLERİ
15. HTML EVRENSEL ÖZNİTELİKLER
16. HTML RENK TANIMLAMALARI
17. HTML BASİT WEB SİTE HAZIRLAMA VE YAYINLAMA
18. HTML ALIŞTIRMA VE ÖRNEKLER

Kurs Açıklaması

HTML (HyperText Markup Language), web sayfalarının yapısını ve içeriğini tanımlamak ve tamamlamak için kullanılan bir metin işaretleme dilidir. İnternet tarayıcıları tarafından anlaşılabilen bir dil olan HTML, metin, resim, bağlantılar, tablolar, form alanları ve diğer öğeleri bir araya getirerek web sayfalarının oluşturulmasını sağlar.

HTML, etiketlerden oluşan bir yapıya sahiptir. Her etiket, açılış etiketi  ve kapanış etiketi  olarak iki parçadan oluşur. Açılış etiketi, bir öğenin başladığını belirtirken, kapanış etiketi ise öğenin sona erdiğini gösterir. Örneğin, etiketi bir başlık etiketidir ve başlığın başladığını belirtirken, etiketi başlığın sona erdiğini gösterir.

HTML etiketleri, içeriklerin nasıl görüneceğini belirtmek için kullanılan özelliklerle birlikte kullanılabilir. Örneğin, etiketiyle tanımlanan bir başlık, genellikle büyük ve kalın bir yazı tipiyle gösterilir. CSS (Cascading Style Sheets) kullanılarak HTML etiketlerine stil ve görünüm uygulanabilir.

HTML'de bazı temel etiketler bulunmaktadır. İşte bazı yaygın kullanılan HTML etiketleri:

- html: HTML belgesinin başlangıcını ve sonunu belirtir.
- head: HTML belgesinin başlık bölümünü tanımlar ve meta bilgileri, stil tanımları gibi içeriği içerir.
- body: HTML belgesinin gövde bölümünü tanımlar ve sayfa içeriğini içerir.
ve
- h1: Başlık etiketleridir, metni başlık olarak biçimlendirir.
- p : Paragraf etiketidir, metni paragraf olarak biçimlendirir.
- a : Bağlantı etiketidir, metne tıklanabilir bir bağlantı ekler.
- img : Resim etiketidir, bir resmi sayfaya ekler.
- ul: Sırasız liste etiketidir, madde işaretli bir liste oluşturur.
- ol : Sıralı liste etiketidir, numaralı bir liste oluşturur.
- table : Tablo etiketidir, verileri tablo şeklinde düzenler.
- form : Form etiketidir, kullanıcı girişi için bir form oluşturur.

Bu sadece temel bir HTML açıklamasıdır ve HTML'nin daha kapsamlı bir dil olduğunu unutmayın. Eğitimimiz süresince sizlere HTML eğitiminin tüm inceliklerini anlatcağız. HTML, web sayfalarının yapısal ve içeriksel olarak doğru bir şekilde oluşturulmasını sağlar ve CSS ile birlikte kullanılarak web tasarımının temelini oluşturur. Web sistemine ilk girişi tanımlar. Front End Web sisteminin ilk adımı ve ilk aşamasıdır. 

Kursda Gereksinimleri

HTML öğrenmek için özel bir gereklilik yoktur. Ancak, HTML'yi etkili bir şekilde öğrenmek ve kullanmak için aşağıdaki gereksinimlere dikkat etmek faydalı olabilir:

1. Metin Düzenleyici: HTML kodlarını yazmak için bir metin düzenleyiciye ihtiyacınız olacak. Bu metin düzenleyici, temel hata ayıklama özelliklerine sahip olabilir ve HTML kodunuzu vurgulayarak okunabilirlik sağlayabilir. Birçok seçenek mevcuttur, bazı popüler metin düzenleyiciler arasında Visual Studio Code, Sublime Text, Atom, Notepad++ ve Brackets bulunur.

2. Web Tarayıcısı: HTML kodunu doğru bir şekilde çalıştırmak ve sonucunu görüntülemek için bir web tarayıcısı kullanmanız gerekmektedir. Günümüzde en yaygın olarak kullanılan tarayıcılar arasında Google Chrome, Mozilla Firefox, Safari ve Microsoft Edge bulunmaktadır. Çalışmalarınızı farklı tarayıcılarda test etmek de önemlidir, çünkü bazı tarayıcılar arasında farklılıklar olabilir ve web siteleri farklı şekillerde görüntülenebilir.

3. İnternet Bağlantısı: HTML öğrenmek için internet bağlantısına ihtiyacınız olmayabilir, ancak kaynaklara ve öğreticilere çevrimiçi olarak erişmek, örnekler ve pratikler yapmak için internete erişiminiz olması faydalı olacaktır. Ayrıca, web tasarımı ve geliştirme sürecinde çevrimiçi kaynaklardan destek almanız da mümkündür.

4. Temel Bilgisayar Yetenekleri: HTML öğrenmek için temel bilgisayar becerilerine sahip olmanız faydalıdır. Dosyaları yönetme, klasörler oluşturma, dosya adlandırma ve dosya organizasyonu gibi temel becerilere sahip olmanız gerekmektedir. Ayrıca, web sayfalarını görüntülemek, kaydetmek ve tarayıcıda gezinmek gibi temel web becerilerine de ihtiyacınız olacaktır.

Bu gereksinimler, HTML öğrenmek ve kullanmak için size yardımcı olacaktır. Ayrıca, çevrimiçi öğreticilerimiz, eğitim kaynaklarımızla ve pratik yaparak HTML becerilerinizi geliştirmek de önemlidir. Mavera Danışmanlık olarak HTML konusunda hiçbir eksikliğiniz kalmayacaktır.

Kursda Öğrenecekleriniz

HTML (HyperText Markup Language), web sayfalarının yapısını tanımlamak için kullanılan bir işaretleme dilidir. HTML öğrenmek için aşağıdaki konulara hakim olmanız önemlidir:

1. Temel Etiketler: HTML'de kullanılan temel etiketleri bilmelisiniz. Örneğin, html, head, body, title, h1 - h6, p, a, img, ul, li, div, span gibi etiketlerin ne işe yaradığını ve nasıl kullanılacağını bilmelisiniz.

2. Yapısal Etiketler: HTML, sayfanın yapısını tanımlamak için bazı yapısal etiketlere sahiptir. Bu etiketler, sayfanın bölümlerini belirtmek için kullanılır. Örneğin, header, nav, main, section, article, aside, footer gibi yapısal etiketleri bilmek önemlidir.

3. Form Etiketleri: HTML form etiketleri, kullanıcıların veri girişi yapabileceği interaktif alanlar oluşturmanıza olanak tanır. form, input, textarea, select, button, label, fieldset, legend gibi form etiketlerini bilmek önemlidir.

4. Bağlantılar: HTML ile bağlantılar oluşturabilirsiniz. Bu, diğer web sayfalarına veya aynı sayfadaki belirli bölümlere yönlendirmeler yapmanızı sağlar. a etiketiyle bağlantılar oluşturabilir ve `href` özelliğiyle hedefleri belirtebilirsiniz.

5. Resimler: HTML ile resimleri sayfaya ekleyebilirsiniz. img etiketiyle resimleri yerleştirebilir ve `src` özelliğiyle resim dosyasının yolunu belirtebilirsiniz.

6. Listeler: HTML'de sıralı ve sırasız listeler oluşturabilirsiniz. Sıralı listeler için ol etiketi kullanılırken, sırasız listeler için ul etiketi kullanılır. Liste öğeleri li etiketiyle belirtilir.

7. Tablolar: HTML tabloları, verileri düzenlemek ve göstermek için kullanılır. Tabloları oluşturmak için table, tr, td, th gibi etiketleri kullanabilirsiniz.

8. Stil ve Biçimlendirme: HTML, sayfaları biçimlendirmek için CSS ile birlikte kullanılır. Temel düzeyde stil ve biçimlendirme yapabilmeniz için style etiketiyle iç içe CSS kuralları kullanabilirsiniz.

Bu konuları öğrendikten sonra HTML becerilerinizi geliştirmek için pratik yapmak önemlidir. Farklı projelerde HTML kullanarak deneyler yapmak ve uygulamalar geliştirmek size daha fazla tecrübe kazandıracaktır. Ayrıca, HTML hakkında daha fazla bilgi edinmek için çevrimiçi kaynaklarımız, eğitim videolarımız ve öğretici dokümantasyonlarımızdan faydalanabilirsiniz.