Dreamweaver ile HTML yaz ve önizle
Browsers and HTML in Adobe Dreamweaver CC Eğitimi, Dreamweaver CC ile HTML belgeleri yazmayı ve farklı tarayıcılarda önizlemeyi öğretir.
Code ve Live view'dan Emmet'e, CSS Designer'dan tarayıcı önizlemesine
Browsers and HTML in Adobe Dreamweaver CC Eğitimi, Adobe Dreamweaver CC kullanarak HTML belgelerini yazmayı ve farklı tarayıcılarda önizlemeyi öğretir. Katılımcılar Code, Split ve Live view'ı kullanır; kod ipuçları ve Emmet ile hızlı yazım yapar. Program, semantik HTML yapısı, CSS Designer paneli, Live Preview ile gerçek zamanlı tarayıcı önizlemesi, cihaz önizlemesi ve tarayıcı uyumluluğuyla tamamlanarak çalışan bir sayfa ortaya çıkarır.
3 Gün. Her gün dört modül; kısa anlatımın ardından aynı sayfa Dreamweaver'da kurulup gerçek tarayıcılarda önizlenerek sonuçlar karşılaştırılır.
Orta Seviye — Adobe Dreamweaver CC ile HTML yazımını ve tarayıcı önizlemesini öğreten uygulamalı program
Tek bir web sayfası Dreamweaver'da Code ve Live view ile kurulur; her adım gerçek tarayıcı ve cihaz önizlemesiyle test edilir.
Kod ipuçları ve Emmet kısayollarıyla HTML belgelerini Dreamweaver'da çok daha hızlı ve hatasız yazmayı öğrenirsiniz.
Live view ve Live Preview ile yaptığınız değişiklikleri kaydetmeden gerçek tarayıcıda anında görmeyi kavrarsınız.
Sayfanızı farklı tarayıcı ve cihazlarda önizleyerek görünüm farklarını erken fark edip düzeltmeyi uygularsınız.
Eğitime başlamadan önce faydalı olacak bilgi ve araçlar
Etiket ve nitelik kavramına dair temel HTML bilgisi Dreamweaver'daki kod görünümünü kolaylaştırır.
Seçici ve stil kavramına aşinalık CSS Designer panelini anlamayı hızlandırır.
Adobe Dreamweaver CC kurulu ve bir deneme veya abonelikle açılabilir durumda olmalıdır.
Chrome ve Firefox gibi birden çok tarayıcının kurulu olması önizleme karşılaştırması için faydalıdır.
Programın gün gün akışı aşağıdadır. Bir güne tıklayarak o günün modüllerini ve içeriklerini görebilirsiniz.
Program sonunda katılımcılar:
Dreamweaver CC workspace'ini, site tanımını ve Code, Split ile Live view geçişlerini rahatça kullanabilirsiniz.
Kod ipuçları ve Emmet kısaltmalarıyla HTML belgelerini çok daha hızlı ve daha az hatayla yazabilirsiniz.
header, nav, main ve article gibi semantik etiketlerle anlamlı ve erişilebilir sayfa iskeletleri oluşturabilirsiniz.
CSS Designer paneliyle seçici ve stil tanımlayıp harici stil dosyalarını görsel olarak yönetebilirsiniz.
Visual Media Queries ile breakpoint ekleyip sayfanın farklı ekranlara uyumlu davranmasını sağlayabilirsiniz.
Live Preview ile değişiklikleri birden çok gerçek tarayıcıda kaydetmeden anında görüp denetleyebilirsiniz.
Farklı tarayıcı ve cihazlardaki render farklarını erken fark edip kaynak kodda düzeltmeyi uygulayabilirsiniz.
HTML kodunu doğrular, hataları giderir ve FTP ile siteyi sunucuya yükleyip canlıda test edebilirsiniz.
Bu eğitim Digital Vizyon Akademi Başarı Sertifikası ile tamamlanır.
Eğitim başında “Ön Test”, bitiminde “Son Test” uygulanarak gelişim ölçümlenir. Değerlendirme formunu dolduran katılımcılar sertifikalarını alır. Sertifikanızın geçerliliğini Sertifika Sorgulama sayfasından doğrulayabilirsiniz.
Katı mod, basit girdi kontrolü, temel hata yakalama ve güvenli DOM alışkanlıklarıyla savunmacı programlamaya giriş yapan temel seviye eğitim.
Detayları Gör →
try/catch, özel hatalar, Promise ve async/await hata yönetimi, global yakalama ve izleme ile dayanıklı JavaScript yazmayı öğreten eğitim.
Detayları Gör →
Less değişkenleri, mixin, iç içe yazım, guard, fonksiyon ve derleme hattıyla ölçeklenebilir ve sürdürülebilir CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
Sass değişkeni, mixin, @extend, @if ve @each kontrol yapıları, map ve @use modül sistemiyle modüler CSS yazmayı öğreten uygulamalı eğitim.
Detayları Gör →
DOM, olaylar, form doğrulama, fetch ve modüllerle çerçeve kullanmadan etkileşimli web uygulamaları kurmayı öğreten uygulamalı JavaScript eğitimi.
Detayları Gör →
Cascade layers, :has, container query, subgrid, oklch ve scroll-driven animasyonlarla güncel CSS özelliklerini öğreten ileri seviye front-end eğitimi.
Detayları Gör →