Google Web Designer arayüzü

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.

1. Araç çubuğu  2. Araç seçenekleri çubuğu  3. Zaman çizelgesi  4. Paneller  5. Görünüm çubuğu

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. Bu özellik, AMPHTML reklamları için kullanılamaz.

3D nesne döndürme aracı
Nesneleri üç boyutlu olarak döndürür.

3D nesne çevirme 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 bezier eğrileri, bu şekiller arasındadır.

Metin aracı (T)
Metin eklemenizi veya düzenlemenizi sağlar.

Dikdörtgen, Oval ve Poligon maskeleri
Bir öğeye klip yolu maskesi ekler.

Dolgu, Çizgi ve Gradyan araçları
Öğelerin dolgusu, çizgi ve renk geçişi dolguları da dahil olmak üzere projenizdeki öğelerin rengini değiştirir.

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.

Görüntü alanını yeniden boyutlandırma aracı
Tasarımını yaptığınız görüntü alanının boyutunu değiştirir. Bu özellik, AMPHTML reklamları için kullanılamaz.

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çeneklerini görünür.

Zaman çizelgesi

Hızlı mod
Gelişmiş mod

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, MetinBileşenler, CSS, Duyarlı, 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üde tüm açık dokümanların bir listesini görebilirsiniz. Bir dokümanı seçerek dokümana geçiş yapın veya kapatmak için dosya adının üzerine gelin ve x simgesini tıklayın.

Bu size yardımcı oldu mu?
Bunu nasıl iyileştirebiliriz?