Kod görünümünde gezinme

Kod görünümünde, diğer proje dosyalarını görebilir, dokümanınızda farklı konumlara atlayabilir ve kodda arama yapabilirsiniz.

Dosyalara göz atma

Google Web Designer, Kod görünümündeyken soldaki Dosyalar paneli proje klasörünüzdeki dosyaların ve alt klasörlerin listesini görüntüler. Panel, listede yapılan değişiklikleri yansıtacak şekilde otomatik olarak güncellenir.

Dosya açma

Yeni bir sekmede açmak için panelde bir dosya seçin. Aşağıdaki dosya türlerini açabilirsiniz:

• Web Designer tarafından oluşturulan .html kaynak dosyaları
• diğer .html dosyaları*
• .css*
• .js*
• .json*
• .svg*
• .xml*

^{*Yalnızca kod görünümünde düzenleme yapmak için.}

Ayrıca, görüntüleme üzere resim dosyalarını da (.jpg/.jpeg, .png, .gif) açabilirsiniz. Resmin küçük resmini görmek için Dosyalar panelinde bir resmin dosya adının üzerine gelin.

Web Designer'ın açamadığı dosyalar devre dışı bırakılmıştır.

Başka klasörlerde veya diğer projeler için dosya açmak isterseniz, Dosya > Aç... menü komutunu kullanın.

Dosya listesini filtreleme

Yalnızca eşleşen dosyaları göstermek için Dosyaları filtrele alanına dosya adının bir kısmını girin.

Dosyalar panelini gizleme

Dosya listesini gizlemek için Dosyalar panelinin sağ üst köşesindeki Daralt'ı tıklayın. Paneli tekrar açmak için Genişlet'i tıklayın.

Dokümanınızda gezinme

Tasarım görünümünde bir öğe seçip Kod görünümüne geçerseniz, imleciniz seçilen öğenin ilgili kodunda konumlandırılır.

Bir satıra gitme

Yeni bir değer girmek için alt bilgi çubuğundaki satır veya sütun numarasını tıklayın, ardından Enter tuşuna basın.

Mini haritayı kullanma

Pencerenin sağ tarafındaki mini harita, dokümanınızın tamamının minyatür versiyonunu kod görünümünde görüntüler. Kodun editörde görünen kısmı, mini haritada vurgulanır.

Mini haritanın içini tıklayarak dokümanda karşılık gelen kısma atlayın ya da dokümanı kaydırmak için yukarı veya aşağı sürükleyin.

Mini haritayı tercihlerinizde kapatabilirsiniz.

Kodda arama yapma

Metin bulmak için:

1. Düzenle > Bul'a gidin ya da pencerenin alt kısmındaki arama çubuğunu açmak için Ctrl+F (Windows) veya ⌘+F (Mac) tuşlarına basın.
2. Arama teriminizi Bul... alanına girin.
3. İstediğiniz arama seçeneklerini açın/kapatın:
   • Normal ifadeler (*.
   • Büyük küçük harf duyarlı (Aa)
   • Tüm kelimeler ()
   • Seçimle kısıtla ()
4. Google Web Designer, toplam eşleşme sayısını görüntüler ve imleç konumunuzdan sonraki ilk eşleşmeyi vurgular.
   • Sonraki eşleşmeyi bulmak için: öğesini tıklayın veya Ctrl+G (Windows) veya ⌘+G (Mac) tuşlarına basın.
   • Önceki eşleşmeyi bulmak için: öğesini tıklayın ya da Üst Karakter+ Ctrl+G (Windows) veya Üst Karakter+⌘+G (Mac) tuşlarına basın.
   • Hepsini aynı anda düzenleyebilmek için Tümünü bul'u tıklayarak tüm eşleşmeleri seçin.

Arama çubuğunu kapatmak için Esc tuşuna basın veya X simgesini tıklayın.

Metin bulmak ve değiştirmek için:

1. Düzenle > Bul/Değiştir'e gidin ya da pencerenin alt kısmındaki ara ve bul çubuğunu açmak için Ctrl+Üst Karakter+F (Windows) veya ⌘+Üst Karakter+F (Mac) tuşlarına basın.
2. Arama teriminizi Bul... alanına ve yeni metninizi Değiştir... alanına girin.
3. Metin değiştirmeye ek olarak, metin bulurken kullandığınız seçeneklerin aynısını kullanabilirsiniz (yukarı bakın):
   • Geçerli eşleşmeyi değiştirmek ve bir sonraki eşleşmeyi bulmak için Değiştir'i tıklayın.
   • Tüm eşleşmeleri değiştirmek için Tümünü değiştir'i tıklayın.

Tasarım görünümüne geçme

Pencerenin sağ üst köşesindeki Tasarım görünümü düğmesini tıklayın.