Dreamweaver: Web Sayfasını Kod ve Tasarımla Anlamak
Öğrenme İhtiyacınızı Konuşalım
Yüz yüze grup eğitimlerimizi tamamladık. Kişiye özel online ders, mentörlük veya proje desteği ihtiyacınızı paylaşabilirsiniz. Talepler uzmanlık alanı, kapsam ve uygunluk doğrultusunda değerlendirilir.
İhtiyacını Konuşalım →Dreamweaver, web sayfasının koduyla görsel düzenini birlikte incelemek için kullanılan araçlardan biridir. Bir aracı tanımak kadar, hazırladığınız sayfanın nasıl çalıştığını anlamak da önemlidir.
Dreamweaver ile Web Sitesi Yapımı
Ri Akademi’nin geçmiş Dreamweaver eğitimleri web sayfası hazırlama ve düzenleme konularını ele alıyordu. Bugün bu başlığa bakarken hazır bir sınıf paketi yerine HTML, CSS, dosya düzeni ve tarayıcıda kontrol alışkanlığı üzerinden düşünmek daha yararlıdır. Seçtiğiniz editör bu temel bilgilerin yerine geçmez.
Nereden Başlamalısınız?
Önce başlık, paragraf, görsel ve bağlantı içeren küçük bir HTML sayfası hazırlayın. Sonra CSS ile yazı boyutlarını, boşlukları ve mobil yerleşimi düzenleyin. Dosyaları bir klasör yapısında tutup görsel yollarını ve sayfalar arası bağlantıları kontrol edin.
Görsel editörde doğru görünen bir sayfayı gerçek tarayıcıda da açın. Telefon genişliğinde metnin okunup okunmadığını, menünün kullanılabildiğini ve bağlantıların doğru yere ulaştığını inceleyin.
Küçük Bir Uygulama
Hayali bir işletme için tanıtım, hizmetler ve iletişim bölümlerinden oluşan basit bir sayfa hazırlayın. Başlangıçta tek bir yazı tipi ve sınırlı renk kullanın. Her bölümün ne anlatacağını yazdıktan sonra görsel düzeni kurun. Sonunda dosyayı farklı ekran genişliklerinde kontrol edin.
Hangi Öğrenme Yolu Size Uygun?
Kodun temelini anlamak için HTML ve CSS rehberine; içerik yönetimi ihtiyacınız varsa WordPress rehberine de bakabilirsiniz. Kullanacağınız aracın güncel sürümünü, lisansını ve sistem gereksinimlerini üreticinin resmî kaynaklarından kontrol edin.