Google Web Designer, projelerinizi oluşturmak ve kodu düzenlemek için kullanabileceğiniz geniş bir orta alana sahiptir. Orta alanın çevresinde öğeleri değiştirme, bileşenleri ve etkinlikleri ekleme gibi çeşitli işlemleri yapmanızı sağlayan bir araç çubuğu, araç seçenekleri çubuğu, zaman çizelgesi ve paneller grubu bulunur.
Doküman
Web Designer arayüzünün ortasında geçerli dokümanı görürsünüz.
İki farklı doküman görünümü vardır:
- Tasarım görünümü, resimlerinizi, metninizi ve dokümanınızdaki diğer öğeleri görsel olarak, tam da bir tarayıcıda görüntülenecekleri şekilde gösterir. Beyaz sahne, reklamın veya web sayfasının görünür alanını temsil eder.
- Kod görünümü, doküman kodunu uygun renk kodlaması ve biçimlendirmeyle gösterir.
Tasarım görünümü ve Kod görünümünü tercihlerinizi ayarlayarak özelleştirebilirsiniz.
Görünüm çubuğu
Görünüm çubuğu, Tasarım görünümü ve Kod görünümü arasında seçim yapmanızı, dokümanınızı bir tarayıcıda önizlemenizi ve reklamınızı yayınlamanızı sağlar.
Araçlar
Araç çubuğu, sahnede öğeler oluşturmak ve bunları çalıştırmak için araçlar içerir. Bunlar arasında, metin ve basit sayfa öğeleri oluşturmak için kullanılan araçlar, renk seçimi araçları ve 3D araçları bulunur.
Araç | Açıklama |
---|---|
Seçim aracı |
Sahnedeki nesneleri seçer ve taşır. |
Hareket yolu aracı |
Animasyonlu öğeler için eğri hareket yolları çizer. AMPHTML veya resim reklamlar için kullanılamaz. |
3D nesne döndürme aracı |
Nesneleri üç boyutlu olarak döndürür. |
3D nesne hareket ettirme aracı |
Nesneleri üç boyutlu olarak taşır. |
Öğe aracı |
Sahnede tıklayıp sürükleyerek istediğiniz türde HTML etiketleri oluşturmanızı sağlar. |
Kalem, Oval, Dikdörtgen ve Çizgi araçları |
SVG çizimleri oluşturur. Şekil araçlarıyla oluşturulan temel şekiller ve Kalem aracıyla oluşturulan bezier eğrileri, bu çizimler arasındadır. |
Metin aracı |
Metin eklemenizi veya düzenlemenizi sağlar. |
Dikdörtgen, Oval ve Poligon maskeleri |
Bir öğeye klip yolu maskesi ekler. |
Dikdörtgen, Oval ve Poligon arka plan araçları |
Arka plan filtresi içeren bir div öğesi ekler. Yalnızca resim ve video dokümanları için kullanılabilir. |
Dolgu, Fırça ve Renk Geçişi araçları |
Öğelerin dolgusu, fırça ve renk geçişi dolguları da dahil olmak üzere projenizdeki öğelerin rengini değiştirir. |
Damlalık aracı |
Sahnedeki öğeden renk seçer. |
3D sahne döndürme aracı |
Projenize ilişkin 3D görünümünüzü değiştirir. |
El aracı |
Sahnenizin görünümünü değiştirir. |
Yakınlaştırma aracı |
Reklam öğenizi yakınlaştırır ve uzaklaştırır. |
Dolgu rengi ve fırça rengi |
Etkin dolgu ve fırça (kenarlık) rengini değiştirir. |
Araç seçenekleri
Üstteki araç seçenekleri çubuğunda, seçili araca ilişkin seçenekler gösterilir. Örneğin, Metin aracı seçildiğinde araç seçenekleri çubuğunda yazı tipi ve metin düzeni seçenekleri görünür.
Zaman çizelgesi
Zaman çizelgesi, animasyon kareleri kullanarak animasyonlar oluşturmanızı sağlar. Hızlı modda animasyon sahne sahne oluşturulur; Gelişmiş modda ise her öğeyi ayrı olarak canlandırabilirsiniz.
Paneller
Paneller; Renk, Özellikler, Metin, Bileşenler, CSS, CSS Efektleri, Uyumlu, Etkinlikler, Dinamik, Kitaplık, Reklam Doğrulayıcı ve Anahat panellerini içerir. Paneller yeniden boyutlandırılabilir, yerleri değiştirilebilir, birleştirilebilir ve kapatılabilir. Panelleri düzenleme hakkında daha fazla bilgi edinin.
Doküman sekmeleri
Birden çok doküman açık olduğunda, bunların dosya adları ayrı sekmelerde görüntülenir. Bir sekmeyi tıklayarak dokümanlar arasında geçiş yapabilir veya sonraki dokümana atlamak için Ctrl+Sekme ya da önceki dokümana atlamak için Üst Karakter+Ctrl+Sekme tuşlarına basabilirsiniz.
Doküman sekmelerinin tamamı pencereye sığmazsa sekmelerin sağındaki Diğer simgesini tıklayarak bir pop-up menüsünde açık olan tüm dokümanların bir listesini görebilirsiniz. Bir dokümana geçiş yapmak için o dokümanı seçin veya kapatmak üzere fareyle dosya adının üzerine gelip x simgesini tıklayın.