BASIC CODING IN ADOBE DREAMWEAVER CC EĞİTİMİ

Dreamweaver CC ile kod yazmayı öğrenin

Code, Design ve Live görünümleri, CSS Designer, Emmet ve FTP ile uçtan uca site geliştirme

Basic Coding in Adobe Dreamweaver CC Eğitimi, Adobe Dreamweaver CC kullanarak HTML ve CSS kodunu verimli biçimde yazmayı öğretir. Program çalışma alanı, Code, Design ve Live görünümleri ile yerel site tanımlamayla başlar; kod ipuçları, Emmet kısayolları ve CS…

3 gün Orta Seviye Online / Yüz Yüze / Hibrit Sertifikalı

Eğitim Hakkında

Site kurulumundan kod yazımına, CSS Designer ve Bootstrap'tan FTP ile yayına eksiksiz akış

Basic Coding in Adobe Dreamweaver CC Eğitimi, Adobe Dreamweaver CC kullanarak HTML ve CSS kodunu verimli biçimde yazmayı öğretir. Katılımcılar site tanımlama, Code, Design ve Live görünümleri, kod ipuçları ve Emmet kısayollarını öğrenir. CSS Designer paneliyle görsel stil düzenleme, Bootstrap ile responsive düzen, şablonlar ve kütüphane öğeleri işlenir. Program FTP ile dosya yükleme, canlı önizleme ve site yayın süreciyle tamamlanır.

Süre ve Format

3 Gün. Her gün dört modül; tek bir web sitesi Dreamweaver CC içinde tanımdan yayına kadar geliştirilir.

Seviye

Orta Seviye — Dreamweaver CC arayüzüyle kod yazma, CSS Designer, Bootstrap ve FTP ile site yayınlama

Öğrenme Metodu

Her modülde Dreamweaver CC içinde kod yazılır ve Live görünümde test edilir; teknikler gerçek bir site üzerinde uygulanır.

Neden Bu Eğitim?

🎯Görsel ve kod birlikte

Dreamweaver'ın Code, Design ve Live görünümleriyle kodu görsel düzenlemeyle kullanarak hızlı ve kontrollü çalışmayı öğrenirsiniz.

⚡Hızlı kod yazımı

Kod ipuçları, otomatik tamamlama ve Emmet kısayollarıyla HTML ve CSS kodunu çok daha hızlı ve daha az hatayla yazarsınız.

🚀Yayına kadar

Site tanımından FTP ile sunucuya yüklemeye kadar tüm süreci tek araçta yöneterek projeyi baştan sona Dreamweaver ile yayınlarsınız.

Anahtar Konular

dreamweaver eğitimiadobe dreamweaver cc kursudreamweaver kod yazmadreamweaver css designerweb tasarım eğitimidreamweaver bootstrapftp site yayınlamahtml css editörü eğitimiweb geliştirme eğitimidreamweaver şablon
“Dreamweaver, görsel kolaylıkla kod kontrolünü aynı masada buluşturur; bu eğitim o masada verimli çalışmayı öğretir.”

Ön Koşullar

Eğitimden verim almak için faydalı olacak bilgi ve ortam

1
Temel HTML ve CSS

Etiket ve stil mantığına temel düzeyde aşinalık faydalıdır; konular Dreamweaver bağlamında yeniden ele alınır.

2
Dreamweaver CC

Adobe Dreamweaver CC uygulamasının kurulu olması gerekir; deneme sürümü de eğitim için yeterlidir.

3
Bilgisayar kullanımı

Dosya ve klasör yönetimi gibi temel bilgisayar becerileri beklenir; site yapısı bu temele dayanır.

4
FTP erişimi

Yayın modülü için bir sunucu veya FTP hesabı faydalıdır; yerel ortamda da çalışmak mümkündür.

Eğitim İçeriği

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.

Günün hedefiKatılımcı Dreamweaver CC çalışma alanını tanır, Code, Design ve Live görünümleri arasında çalışır ve bir yerel siteyi doğru klasör yapısıyla tanımlar.
Modül 1
Çalışma Alanı ve Paneller
  • Çalışma alanı düzeni ve panel yerleşimi
  • Belge araç çubuğu ve durum çubuğu
  • Files paneli ile dosya yönetimi
  • Properties paneli ile özellik düzenleme
  • Insert paneli ile sayfaya öğe ekleme
  • Çalışma alanının ihtiyaca göre uyarlanması
Modül 2
Code, Design ve Live Görünüm
  • Code görünümünde doğrudan kod yazma
  • Design görünümünde görsel düzenleme
  • Live görünümde gerçek tarayıcı önizlemesi
  • Split görünümle kod ve tasarımı birlikte görme
  • Live Code ile çalışan kodu inceleme
  • Görünümler arasında hızlı geçiş
Modül 3
Site Tanımlama ve Yönetim
  • Yeni site tanımlama ve kök klasör seçimi
  • Yerel ve uzak klasör yapılandırması
  • Varlıklar için images klasörü düzeni
  • Dosya ve klasör oluşturma ve yeniden adlandırma
  • Site genelinde dosya arama ve değiştirme
  • Bağlantıların site içinde yönetimi
Modül 4
İlk Sayfa ve Belge Ayarları
  • Yeni bir HTML belgesinin oluşturulması
  • Belge başlığı ve meta ayarları
  • Doctype ve karakter kodlaması seçimi
  • Harici CSS dosyasının sayfaya bağlanması
  • Sayfa özellikleri ve temel düzen
  • Belgenin kaydedilmesi ve önizlenmesi
Günün hedefiKatılımcı kod ipuçları ve Emmet ile hızlı HTML yazar, CSS Designer paneliyle görsel olarak stil oluşturur ve kod ile görsel düzenlemeyi birlikte kullanır.
Modül 1
Kod İpuçları ve Otomatik Tamamlama
  • Etiket ve öznitelik kod ipuçlarının kullanımı
  • Otomatik tamamlama ve kapanış etiketleri
  • Kod renklendirme ve girinti düzeni
  • Kod daraltma ile uzun dosyaları yönetme
  • Satır numarası ve hızlı gezinme
  • Kod biçimlendirme ve temizleme
Modül 2
Emmet ile Hızlı HTML
  • Emmet kısaltmalarıyla hızlı yapı üretme
  • Alt ve kardeş öğe için operatörler
  • Sınıf ve id kısayollarıyla öğe üretme
  • Çarpma operatörü ile öğeyi çoğaltma
  • Yer tutucu metin ile hızlı doldurma
  • Emmet ile CSS özelliği kısaltmaları
Modül 3
CSS Designer Paneli
  • CSS kaynağı ve medya sorgusu ekleme
  • Seçici oluşturma ve özgüllük yönetimi
  • Düzen, metin ve kenarlık özellikleri
  • Arka plan ve renk ayarlarının yapılması
  • Görsel panelin ürettiği kodun incelenmesi
  • Panel ve kod yazımı arasında senkron
Modül 4
Görsel ve Bağlantı Ekleme
  • Insert paneliyle görsel ekleme ve alt metin
  • Bağlantı oluşturma ve hedef ayarı
  • Göreli ve site köküne göre bağlantılar
  • Tablo ve liste öğelerinin eklenmesi
  • Varlık panelinden yeniden kullanım
  • Eklenen öğenin kodda doğrulanması
Günün hedefiKatılımcı Bootstrap ile responsive düzen kurar, şablon ve kütüphane öğeleriyle tutarlı sayfalar üretir ve siteyi FTP ile sunucuya yükleyip yayınlar.
Modül 1
Bootstrap ile Responsive Düzen
  • Bootstrap belgesi oluşturma ve dahil etme
  • Izgara sistemiyle satır ve sütun kurma
  • Hazır bileşenlerin sayfaya eklenmesi
  • Kesme noktalarıyla responsive davranış
  • Live görünümde farklı ekran boyutu testi
  • Bootstrap sınıflarının kodda düzenlenmesi
Modül 2
Şablonlar ve Tekrar Kullanım
  • Dreamweaver dwt şablonu oluşturma
  • Düzenlenebilir ve kilitli bölge tanımı
  • Şablondan yeni bir sayfa türetme
  • Şablon değişikliğinin sayfalara yayılması
  • Ortak düzenin tek yerden yönetimi
  • Şablonla site genelinde tutarlılık
Modül 3
Kütüphane ve Varlık Yönetimi
  • Kütüphane öğesi oluşturma ve kullanımı
  • Tekrar eden içeriklerin merkezi yönetimi
  • Varlık panelinde görsel ve renk yönetimi
  • Favori varlıkların hızlı erişimi
  • Güncellemenin tüm sayfalara yansıması
  • Varlıkların site yapısında düzenlenmesi
Modül 4
FTP ile Yayın ve Test
  • Uzak sunucu ve FTP bilgilerinin tanımı
  • Dosyaların sunucuya yüklenmesi (put)
  • Sunucudan dosya alma ve eşitleme
  • Bağlantı ve bozuk link kontrolü
  • Yayın öncesi tarayıcı önizlemesi
  • Yayın sonrası canlı site testi

Eğitim Kazanımları

Program sonunda katılımcılar:

✅
Arayüz hakimiyeti

Dreamweaver CC çalışma alanını, panellerini ve Code, Design ile Live görünümlerini verimli biçimde kullanabilirsiniz.

✅
Site yönetimi

Yerel ve uzak klasör yapısıyla bir siteyi tanımlar, dosya ve bağlantıları site genelinde düzenli biçimde yönetirsiniz.

✅
Hızlı kod yazımı

Kod ipuçları, otomatik tamamlama ve Emmet kısayollarıyla HTML ve CSS kodunu hızlı ve daha az hatayla yazabilirsiniz.

✅
CSS Designer

CSS Designer paneliyle görsel olarak seçici ve stil oluşturur, ürettiği kodu inceleyip el ile düzenleyebilirsiniz.

✅
Responsive düzen

Bootstrap ızgara sistemi ve bileşenleriyle farklı ekran boyutlarına uyumlu responsive sayfalar oluşturabilirsiniz.

✅
Şablon kullanımı

Şablon ve kütüphane öğeleriyle ortak düzeni tek yerden yöneterek site genelinde tutarlı sayfalar üretebilirsiniz.

✅
FTP ile yayın

Uzak sunucu tanımlayıp dosyaları FTP ile yükleyerek siteyi yayınlar ve yayın sonrası testleri yapabilirsiniz.

✅
Uçtan uca akış

Site tanımından kod yazımına ve yayına kadar tüm web geliştirme sürecini tek araçta yönetebilecek yetkinliğe ulaşırsınız.

Kimler İçin Uygundur?

  • Dreamweaver ile kod yazmayı öğrenmek isteyen web tasarımcıları
  • görsel araç
  • kod yazımını birlikte kullanmak isteyen başlangıç seviyesi geliştiriciler ve Adobe ekosisteminde çalışan içerik ve tasarım ekipleri için uygundur

Sıkça Sorulan Sorular

Bu eğitim kimler için uygundur?
Dreamweaver ile kod yazmayı öğrenmek isteyen web tasarımcıları, görsel araç ve kod yazımını birlikte kullanmak isteyen başlangıç seviyesi geliştiriciler ve Adobe ekosisteminde çalışan içerik ile tasarım ekipleri için uygundur. Temel HTML ve CSS bilgisi faydalı olur.
Dreamweaver kodu kendisi mi yazıyor?
Dreamweaver hem görsel düzenlemeyle kod üretir hem de doğrudan kod yazmanıza olanak tanır. Bu eğitim görünümleri dengeli kullanmayı, üretilen kodu anlamayı ve el ile düzenlemeyi öğretir; böylece araç kolaylığıyla kod kontrolünü bir arada elde edersiniz.
Bootstrap bilmek gerekir mi?
Hayır. Eğitim Bootstrap'ın ızgara sistemini ve hazır bileşenlerini Dreamweaver içinde sıfırdan gösterir. Responsive düzenin nasıl kurulduğu, kesme noktalarının nasıl çalıştığı ve sınıfların kodda nasıl düzenlendiği uygulamalı anlatılır; ön Bootstrap bilgisi beklenmez.
Eğitimin süresi ve formatı nedir?
Eğitim üç gün sürer ve her gün dört modülden oluşur. Tek bir web sitesi Dreamweaver CC içinde tanımdan FTP ile yayına kadar geliştirilir. Yüz yüze veya online yapılabilir; içerik kurumun ihtiyaçlarına ve katılımcıların seviyesine göre uyarlanabilir.
Eğitim sonunda sertifika veriliyor mu?
Programı tamamlayan katılımcılar Digital Vizyon Akademi Katılım ve Başarı Sertifikası alır. Sertifika tamamlanan modülleri ve geliştirilen örnek siteyi belgeler; kurumsal gruplara özel uyarlama yapılabilir.

Sertifikalandırma

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.

Örnek Sertifika d Digital Vizyon AKADEMİ KATILIM SERTİFİKASI Bu sertifika [Katılımcı Adı Soyadı] adlı katılımcının aşağıdaki eğitim programını başarıyla tamamladığını belgeler. Basic Coding in Adobe Dreamweaver CC Eğitimi Sertifika Kodu DV-2026XX00 Tarih 15.10.2026 Yetkili İmza DV AKADEMİ

Eğitim Bilgileri

Süre3 gün
SeviyeOrta Seviye
FormatOnline / Yüz Yüze / Hibrit
Sertifika✓ Var
Hemen Bilgi Al
İlgili Eğitimler

Bu Eğitimle Birlikte Tercih Edilenler

HTML ve CSSHTML & Accessibility Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML & Accessibility Eğitimi

4 günOrtaOnline / Yüz Yüze / Hibrit

Semantik HTML, WCAG, klavye ve ekran okuyucu, ARIA ve test araçlarıyla erişilebilir ve kapsayıcı web arayüzleri kurmayı öğreten uygulamalı eğitim.

Detayları Gör →
HTML ve CSSHTML - Content Authoring Fundamentals Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML - Content Authoring Fundamentals Eğitimi

3 günTemelOnline / Yüz Yüze / Hibrit

HTML belge yapısı, anlamsal etiketler, bağlantı, görsel, tablo ve form ile sıfırdan web içeriği yazma eğitimi. Erişilebilir ve doğrulanmış HTML temeli.

Detayları Gör →
HTML ve CSSHTML - Content Authoring with New and Advanced Features Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML - Content Authoring with New and Advanced Features Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

HTML5'in gelişmiş formları, audio/video, Canvas, SVG, Web Storage, IndexedDB ve cihaz API'leriyle zengin içerik geliştirme eğitimi. İleri ve uygulamalı.

Detayları Gör →
HTML ve CSSHTML Controls, Bindings, & Collections Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML Controls, Bindings, & Collections Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

HTML form kontrolleri, tek ve iki yönlü veri bağlama ve koleksiyonları liste, tablo ve ızgaraya bağlama eğitimi. Tepkisel ve performanslı arayüzler.

Detayları Gör →
HTML ve CSSHTML Helpers for ASP.NET MVC Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML Helpers for ASP.NET MVC Eğitimi

3 günOrtaOnline / Yüz Yüze / Hibrit

ASP.NET MVC ve Core için Razor, strongly-typed HTML Helper'lar, EditorFor/DisplayFor şablonları ve Tag Helper'larla form üretimi eğitimi. Uygulamalı ve model od

Detayları Gör →
HTML ve CSSHTML with JavaScript & CSS: Advanced CSS Eğitimi
Web ve Ön Yüz Geliştirme Eğitimleri

HTML with JavaScript & CSS: Advanced CSS Eğitimi

5 günİleriOnline / Yüz Yüze / Hibrit

Flexbox, CSS Grid, transform, keyframe animasyon, custom properties ve duyarlı tasarımla ileri CSS eğitimi. Modern, performanslı ve ölçeklenebilir arayüzler.

Detayları Gör →
+90 (501) 369 40 14 WhatsApp [email protected] LinkedIn