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. 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

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, 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.

Bu size yardımcı oldu mu?
Bunu nasıl iyileştirebiliriz?
Arama
Aramayı temizle
Aramayı kapat
Google uygulamaları
Ana menü
Yardım Merkezinde Arayın
true
true
true
true
5050422
false
false