
Dünya Çapında Ağ (W3), internet üzerinden bilgi paylaşmak ve erişmek için kullanılan bir bilgi alanıdır.
1989’da Tim Berners-Lee tarafından geliştirilmiştir.
Metin, grafik, ses ve video gibi farklı medya türlerini hiperlinkler aracılığıyla birbirine bağlar.
HTTP (HyperText Transfer Protocol) ve HTML (HyperText Markup Language) gibi standart teknolojileri içerir.
Kullanıcılar, web tarayıcıları aracılığıyla web sayfalarını görüntüleyebilir ve internetteki çeşitli kaynaklara erişebilir.
Özet: WWW, günümüzde internetin temel bileşenlerinden biridir ve dünya çapında bilgi paylaşımı ve iletişimi kolaylaştırır.
HTML, web sayfaları oluşturmak için kullanılan standart bir işaretleme dilidir.
Metin, bağlantılar, resimler ve diğer medya türlerini içeren belgelerin yapısını tanımlar.
İçeriği etiketler (tags) aracılığıyla organize eder ve tarayıcılara sayfanın nasıl görüntüleneceğini bildirir.
Web geliştirme sürecinin temelini oluşturur ve genellikle CSS ve JavaScript ile birlikte kullanılır.
Özet: HTML, web sayfalarının iskeletini oluşturur ve geliştiricilerin içerikleri organize edip özelleştirmesine olanak tanır.
Tarayıcı, internet üzerinde web sayfalarını görüntülemek ve kullanıcıların internetle etkileşimde bulunmasını sağlamak için kullanılan yazılım uygulamasıdır.
HTML, CSS, JavaScript ve diğer web standartlarına göre oluşturulmuş web sayfalarını yorumlar.
Temel işlevleri: web sayfalarını açmak, URL ziyaret etmek, bağlantılara tıklamak, form verilerini göndermek.
Ek özellikler: yer imleri, geçmiş, çerezler ve diğer tarayıcı verilerini yönetmek.
Popüler tarayıcılar: Google Chrome, Mozilla Firefox, Microsoft Edge, Safari, Opera.
Özet: Tarayıcılar, interneti kullanmak için vazgeçilmez araçlardır ve modern bilgi çağında web erişiminin temelini oluşturur.
Visual Studio Code (VS Code), Microsoft tarafından geliştirilen açık kaynaklı bir kod editörü ve IDE’dir.
Hafif tasarım, güçlü özellikler ve eklenti desteği ile öne çıkar.
Web geliştirme, yazılım mühendisliği ve diğer programlama alanlarında üretkenliği artırır.
Temel özellikler: otomatik tamamlama, hata denetleme, hata ayıklama, çoklu dil ve platform desteği, özelleştirilebilir arayüz, Git entegrasyonu, eklenti desteği.
Özet: VS Code, farklı platformlarda geliştiricilere esnek ve hızlı bir çalışma ortamı sunar.
VS Code Eklentileri, editörün işlevselliğini genişletmek ve özelleştirmek için kullanılan yazılım bileşenleridir.
Programlama dili veya teknolojiye özel geliştirme ortamlarını destekler.
Kod otomatik tamamlama, hata ayıklama, özel temalar veya diğer geliştirici araçları entegrasyonu sağlar.
Eklentiler genellikle Visual Studio Code Marketplace üzerinden yüklenir ve kullanıcıların iş akışını kişiselleştirmesine yardımcı olur.
Özet: VS Code eklentileri, editörü kullanıcı ihtiyaçlarına göre özelleştirir ve geliştirme sürecini daha verimli hale getirir.
HTML5’te başlık etiketleri, bir sayfadaki metnin hiyerarşik yapısını belirlemek ve sayfa düzenini organize etmek için kullanılır.
Etiketler: <h1> – <h6>
<h1>: Sayfanın ana başlığı
<h2>: Alt başlık
<h3> – <h6>: Daha düşük seviyeli başlıklar
Başlıklar, sayfa içeriğinde önemli bölümleri vurgular ve tarayıcılar genellikle bunları büyük ve kalın gösterir.
Doğru kullanım, sayfanın yapısını ve erişilebilirliğini artırır.
<p> etiketi, metni paragraflara ayırmak için kullanılır.
Metni düzenler ve okunabilirliği artırır.
Her paragraf, içerikte ayrı bir fikir veya açıklama bloğunu temsil eder.
Tarayıcılar paragrafları satır aralığı ve boşluklarla ayırır.
<a> etiketi, kullanıcıları farklı sayfalara, dosyalara veya kaynaklara yönlendirmek için kullanılır.
href özniteliği, bağlantının hedefini belirtir.
Bağlantılar metin, resim veya diğer medya öğelerinde kullanılabilir.
Ek özellikler: yeni sekmede açma, indirme, belge içi bağlantılar.
<img> etiketi sayfalara resim ekler.
src ile resim kaynağı belirlenir.
alt ile alternatif metin eklenir (resim yüklenemezse veya açıklama sağlamak için).
<audio> etiketi sayfalara ses eklemek için kullanılır.
Tarayıcı destekli formatlarda ses oynatmayı sağlar.
<video> etiketi sayfalara video eklemek için kullanılır.
Tarayıcı destekli formatlarda video oynatmayı sağlar.
Web'e Anında Hakim Ol! Sadece 2 Saatte Profesyonele Dönüş
Hızlı bir şekilde web dünyasına adım atmak ve sadece 2 saatte bir uzman gibi becerilerinizi geliştirmek ister misiniz? O zaman doğru yerdesiniz! Bu olağanüstü kurs, baştan ileri seviyeye kadar her şeyi kapsayarak size web geliştirme konusunda derin bir anlayış kazandırır. Sıkıcı ve uzun eğitimlere elveda deyin—bu kurs, sizi profesyonel yapacak hızlı öğrenme ve etkili stratejilerle dolu. Hayalinizdeki web projelerini hayata geçirmeye ve sektörde önemli bir oyuncu olmaya hazır mısınız? O zaman bu 2 saatlik yolculuğa katılın ve web dünyasında anında ustalık kazanın!
Neden Bu Kurs?
Bu kurs, katılımcıları kısa sürede temel bilgilerden uzman seviyeye taşımayı hedefliyor ve web geliştirmeye yönelik pratik ve etkili yaklaşımları tanıtıyor.
WWW Yapısının Anlamı ve Önemi!
Dünya Çapında Ağ (WWW) yapısının temelini anlayın, web ekosisteminin nasıl çalıştığını kavrayın ve sektördeki kendi rolünüzü tanımlayın.
HTML ve CSS Teknolojilerini Öğrenmek!
Web sayfalarının yapısını oluşturmak için HyperText Markup Language (HTML) temellerini öğrenin.
Web sayfalarına profesyonel bir görünüm kazandırmak için Cascading Style Sheets (CSS) gücünü keşfedin.
HTML5 ve CSS3’ün İleri Düzey Kullanımı!
Başlıklar, paragraflar, köprüler, görseller, ses, video ve diğer öğeleri kullanmak için HTML5’te ileri düzey beceriler kazanın.
Öğeleri, satır içi, dahili ve harici yöntemlerle stilize etmek için CSS3’ü kullanarak web sayfalarını etkili bir şekilde özelleştirin.
Web Tarayıcılarını İleri Düzey Anlamak!
Web tarayıcılarının nasıl çalıştığını ve temel prensiplerini ileri düzeyde öğrenin.
Visual Studio Code ve Eklentilerini Kullanmak!
Dünyanın en popüler Entegre Geliştirme Ortamlarından (IDE) biri olan Visual Studio Code’u tanıyın ve etkin bir şekilde nasıl kullanılacağını öğrenin.
Visual Studio Code’a eklentileri nasıl kurup kullanacağınızı anlayın.
HTML5 ve CSS3 ile Web Programlama Uygulamaları!
HTML5 ve CSS3 ile başlıklar, paragraflar, köprüler, görseller, ses ve video gibi ileri düzey özellikleri kullanmayı öğrenin.
Form Yapıları ve Kontrolleri Kullanmak!
Girdi alanları, metin kutuları, etiketler, şifre alanları, e-posta alanları, radyo düğmeleri, onay kutuları ve gönderme butonları gibi kontrol öğeleri kullanarak etkileşimli web formları oluşturun.
DIV ve SPAN Etiketleri ile İleri Düzey Çalışma!
HTML5 ve CSS3 ile DIV ve SPAN etiketlerini kullanarak web sayfalarını daha etkili bir şekilde yapılandırın.
Web Sayfası Tasarımı ve Planlaması!
Kurs boyunca öğrenilen tüm kavramları birleştirerek Tek Sayfa Kişisel Web Sitesi Final Projesi ile kendi web sayfanızı tasarlayın ve planlayın.
Kurs İçeriği:
Dünya Çapında Ağ (WWW)
Dünya Çapında Ağ (W3)
HyperText Markup Language (HTML)
HyperText Markup Language
Web Tarayıcısı
Web Tarayıcıları
Visual Studio Code (IDE) ve Eklentileri
VS Code Kurulumu
Eklenti Kurulumu
HTML5: Başlıklar
Başlıklar
HTML5: Paragraflar
Paragraflar
HTML5: Hyperlinks
Hyperlinks
HTML5: Görseller
Görseller
HTML5: Sesler
Sesler
HTML5: Videolar
Videolar
HTML5: Yatay Çizgi
<hr> Etiketi
HTML5: Satır Sonu
<br> Etiketi
HTML5: Büyük Metin
Metin Biçimlendirme: <b> Etiketi
HTML5: Güçlü Metin
Metin Biçimlendirme: <strong> Etiketi
HTML5: İtalik Metin
Metin Biçimlendirme: <i> Etiketi
HTML5: Vurgulu Metin
Metin Biçimlendirme: <em> Etiketi
HTML5: Küçük Metin
Metin Biçimlendirme: <small> Etiketi
HTML5: İşaretli Metin
Metin Biçimlendirme: <mark> Etiketi
HTML5: Silinmiş Metin
Metin Biçimlendirme: <del> Etiketi
HTML5: Eklenen Metin
Metin Biçimlendirme: <ins> Etiketi
HTML5: Üst Simge
Metin Biçimlendirme: <sup> Etiketi
HTML5: Alt Simge
Metin Biçimlendirme: <sub> Etiketi
CSS3: Satır İçi (Inline)
Cascading Style Sheets (CSS) Satır İçi
CSS3: Dahili (Internal)
Cascading Style Sheets (CSS) Dahili
CSS3: Harici (External)
Cascading Style Sheets (CSS) Harici
HTML5 + CSS3: Arka Plan Rengi
Arka Plan Rengi
HTML5 + CSS3: Metin Rengi
Metin Rengi
HTML5 + CSS3: Yazı Tipi Ailesi
Yazı Tipi Ailesi
HTML5 + CSS3: Yazı Boyutu
Yazı Boyutu
HTML5 + CSS3: Metin Hizalama
Metin Hizalama
HTML5 + CSS3: Yorumlar
Yorumlar
HTML5 + CSS3: Sırasız Liste
Sırasız Liste
HTML5 + CSS3: Sıralı Liste
Sıralı Liste
HTML5 + CSS3: Girdi Alanı
Formlar: <input> Etiketi
HTML5 + CSS3: Metin Alanı
Formlar: <textarea> Etiketi
HTML5 + CSS3: Etiket
Formlar: <label> Etiketi
HTML5 + CSS3: Şifre Alanı Kontrolü
Formlar: Şifre Alanı Kontrolü
HTML5 + CSS3: E-posta Alanı Kontrolü
Formlar: E-posta Alanı Kontrolü
HTML5 + CSS3: Radyo Düğmesi Kontrolü
Formlar: Radyo Düğmesi Kontrolü
HTML5 + CSS3: Onay Kutusu Kontrolü
Formlar: Onay Kutusu Kontrolü
HTML5 + CSS3: Gönder Butonu Kontrolü
Formlar: Gönder Butonu Kontrolü
HTML5 + CSS3: Alan Kümesi (Fieldset)
Formlar: <fieldset> Etiketi
HTML5 + CSS3 - İleri Düzey: Bölüm (DIV)
İleri Düzey HTML: <div> Etiketi
HTML5 + CSS3 - İleri Düzey: Span
İleri Düzey HTML: <span> Etiketi
Final Projesi: MP3 İndirme Platformu
HTML5 ile Harikalar Yaratın | Sıfırdan Uzmanlığa Adım Adım
Hazır mısın?
Hayalindeki web becerilerini kazan! Sadece 2 saatte profesyonel bir web geliştiricisine dönüş ve geleceğini şekillendir. Bu fırsatı kaçırma—şimdi kaydol ve web dünyasında büyük bir adım at!