WTK204U Web Yayinciliği Araçlari Ünite -5

Giriş

Lisanslı masaüstü web yayıncılık araçları, profesyonel anlamda web sayfaları tasarlamak isteyen kullanıcıların başvurduğu, geniş özellik setine sahip yazılımlar içerir. Bu araçlar genellikle resmi destek, düzenli güncellemeler ve kapsamlı dokümantasyon sunar. Adobe Dreamweaver CC ve Microsoft Expression Web, lisanslı masaüstü web yayıncılık yazılımlarının öne çıkan iki örneğidir.

Adobe Dreamweaver CC

Dreamweaver, Adobe ekosisteminin bir parçası olarak hem tasarımcıların hem de geliştiricilerin çok yönlü bir web tasarım ortamı edinmesini sağlar. Görsel arayüz ve kod düzenleyici arasında hızlı geçiş olanağı, yerleşik Bootstrap entegrasyonu, CSS düzenlemeleri için geliştirilmiş paneller ve Adobe Creative Cloud ile entegre yapı, Dreamweaver’ı güçlü kılan özellikler arasındadır. Responsive tasarımlara destek vermesi ve canlı önizleme olanağı, modern web standartlarına uyum sağlamada avantaj yaratır.

Microsoft Expression Web

Microsoft’un geliştirdiği Expression Web, 2012 sonrasında resmi olarak Visual Studio çatısı altında desteklenmeye devam etmiştir. Başlangıçta FrontPage’e halef olarak ortaya çıkan bu yazılım, daha gelişmiş CSS ve HTML5 desteğiyle web projelerinin tasarım aşamasını kolaylaştırır. Kullanıcılar, tablo tabanlı tasarımlardan modern CSS düzenlerine geçiş yaparken Expression Web’in sezgisel arayüzünden ve kod bölmelerinden yararlanabilir. Ayrıca Microsoft teknolojilerine yönelik ek fonksiyonlarla (örneğin ASP.NET projelerinin bir kısmında) uyumlu çalışma olanağı sunar.

Dreamweaver vs. Expression Web

Dreamweaver, Adobe ekosistemine aşina kullanıcılar için kolay entegre edilebilen bir seçenek olup zengin kütüphane desteği ve Creative Cloud ile senkronizasyon sunar. Expression Web ise Microsoft teknolojilerine ağırlık veren ve Visual Studio ekosistemine yakın olmak isteyenlere hitap eder. Her iki yazılım da kod tamamlama, sözdizimi renklendirme, WYSIWYG (What You See Is What You Get) editör modu gibi geliştirme deneyimini kolaylaştıran araçlar barındırır. Aralarındaki seçim çoğu zaman kullanıcının ekosistem tercihine ve proje ihtiyaçlarına bağlıdır.

Site Yönetimi ve Dosya Aktarımı

Hem Dreamweaver hem de Expression Web, site yönetimi sürecini yerel klasörler ve uzak sunucular (FTP, SFTP vb.) üzerinden yönetmeye imkân tanır. Dosya senkronizasyonu, sunucuya hızlı yayınlama ve güncellemeleri izleme gibi özellikler, büyük web projelerinde iş akışını iyileştirir. Dreamweaver’ın “Sites” paneli, projenin yapılandırılmasını ve uzaktaki dosyalarla yerel dizinlerin eşleştirilmesini kolaylaştırırken, Expression Web kullanıcıları da “Site Settings” aracılığıyla benzer yönetim işlemlerini gerçekleştirebilir.

Modern Web Standartları

Günümüzde web standartlarına uygunluk kritik önem taşır. Responsive tasarım, HTML5 ve CSS3 gibi teknolojilerle uyumluluk, SEO (arama motoru optimizasyonu) açısından avantaj sağlar. Dreamweaver’daki Bootstrap entegrasyonu ve Expression Web’in HTML5/CSS3 özelliklerini desteklemesi, web tasarımcılarının zamana uygun, esnek ve uyarlanabilir siteler çıkartmasına yardımcı olur.

Sonuç

Lisanslı masaüstü web yayıncılık araçları, profesyonel web tasarım projelerinde kapsamlı destek, düzenli güncellemeler ve güvenilir dokümantasyon sunar. Adobe Dreamweaver CC ve Microsoft Expression Web, tasarım ve kodlama arasındaki dengeyi sağlayarak, kullanıcı dostu arayüzleriyle web geliştirme sürecini hızlandırır. İster Adobe ekosisteminde yer almak isteyin, ister Microsoft araçlarıyla uyumlu bir yol izleyin, bu tip masaüstü yayıncılık yazılımları, modern ve etkileşimli web sayfaları oluşturmanızda sağlam bir temel sunar.

1) Adobe Dreamweaver CC’de, ekran çözünürlüğü ve sayfa yönlendirmesinden bağımsız olarak herhangi bir tarayıcıya uyarlanabilir tepkisel (responsive) web siteleri tasarlanmasını sağlayan çerçeve (framework) aşağıdakilerden hangisidir?

A. Uzak Klasör
B. Bootstrap
C. HTML
D. Çalışma Alanı
E. Panel

Cevap : B) Bootstrap

Açıklama : Adobe Dreamweaver CC, yerleşik olarak Bootstrap entegrasyonuyla responsive web siteleri tasarlamayı kolaylaştırır. Uzak klasör, Çalışma Alanı (Workspace) veya Panel gibi kavramlar, çerçeve (framework) değildir. HTML bir dil olup, direkt olarak “responsive çerçeve” olarak nitelendirilmez.

Yanıtınız yanlış ise “Adobe Dreamweaver CC” konusunu yeniden gözden geçiriniz.

2) Adobe Dreamweaver CC ile tasarlanan bir web sayfasına eklenen başlık stilini düzenlemek için aşağıdaki menülerden hangisi seçilmelidir?

A. Değiştir Menüsü
B. Ekle Menüsü
C. Görünüm Menüsü
D. Komutlar Menüsü
E. Site Menüsü

Cevap : A) Değiştir Menüsü

Açıklama : Dreamweaver’da eklenmiş bir başlığın (örneğin <h1> ya da <h2>) stilini düzenlemek için çoğunlukla “Properties/Özellikler” paneli kullanılsa da, menü üzerinde ilgili değişikliklere erişmek için “Değiştir (Modify)” menüsü devreye girer. “Ekle (Insert)” yeni eleman ekler, “Görünüm (View)” sadece görüntü ayarlarını sunar, “Komutlar (Commands)” özel komutları çalıştırır, “Site” ise site yönetimine yöneliktir.

Yanıtınız yanlış ise “Microsoft Expression Web ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

3) Adobe Dreamweaver CC ile tasarlanan bir web sayfasına eklenen tablonun bir hücresinin içine paragraf eklemek için aşağıdakilerden hangisi kullanılmalıdır?

A. Önce
B. Sonra
C. Sarma
D. Yuvala
E. Yerleştir

Cevap : D) Yuvala

Açıklama : “Yuvala (Nest)” komutu veya özelliği, mevcut bir tablo hücresine yeni bir paragraf veya farklı bir HTML öğesi eklemek istediğinizde, iç içe (nested) şekilde yapı oluşturmanıza imkân tanır. “Önce / Sonra” gibi kavramlar Dreamweaver’da “Wrap Tag” veya “Insert” fonksiyonunu tam olarak karşılamaz.

Yanıtınız yanlış ise “Microsoft Expression Web ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

4) Dreamweaver CC ile tasarlanan bir web sayfasındaki metinlerin tipi, boyutu, vb. özellikleri aşağıdaki menülerden hangisi ile değiştirilemez?

A. Format
B. Değiştir
C. Özellikler
D. Düzen
E. Dosya

Cevap : E) Dosya

Açıklama : “Dosya (File)” menüsü, kaydetme, açma gibi işlemleri içerir. Metinlerin tipi, boyutu, rengi vb. özellikler “Format” menüsünden veya alt panellerden (Properties gibi) düzenlenebilir, “Değiştir (Modify)” menüsü de çeşitli düzeltmeler yapılmasına olanak tanır. “Özellikler” paneli, metin formatlama araçlarını gösterir. “Düzen (Layout)” menüsünde yerleşimle ilgili düzenlemeler bulunabilir.

Yanıtınız yanlış ise “Adobe Dreamweaver CC ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

5) Yerel ve Uzak klasörler ile ilgili aşağıdaki ifadelerden hangisi yanlıştır?

A. Yerel Klasör, çalışma dizinidir ve genellikle sabit sürücüdeki bir klasördür.
B. Uzak Klasör; Dosyaların, web sunucusunu çalıştıran bilgisayarda depolandığı yerdir.
C. Dreamweaver sitesini tanımlamak için mutlaka bir yerel klasör ve bir uzak klasör oluşturulmalıdır.
D. Uzak klasörün ve yerel kök klasörün dizin yapısı her zaman aynı olmalıdır.
E. Bir web sayfasına görsel eklemeden önce eklenmek istenen resimlerin yerel klasörde yer alması gerekmektedir.

Cevap : C) Dreamweaver sitesini tanımlamak için mutlaka bir yerel klasör ve bir uzak klasör oluşturulmalıdır.

Açıklama : Burada yanlışı yakalamak önemli. Aslında Dreamweaver ile site oluştururken bir yerel klasör elbette tanımlanır, ancak uzak klasörün her zaman tanımlanması zorunlu değildir; çevrimdışı (lokal) olarak da site geliştirilebilir. Bu nedenle “mutlaka bir yerel klasör ve bir uzak klasör oluşturulmalı” ifadesi tam doğru değildir. Diğer şıklar, web dosya yönetimindeki ortak mantıkları yansıtır.

Yanıtınız yanlış ise “Microsoft Expression Web ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

6) Microsoft Expression Web 2012 yılından sonra hangi platformun bir parçası olarak desteklenmeye devam etmiştir?

A. Microsoft Visual Studio
B. Adobe Dreamweaver
C. Microsoft Office
D. Android Studio
E. Apple Developer Kit

Cevap : A) Microsoft Visual Studio

Açıklama : Microsoft, Expression Web ürününü sonradan Visual Studio çatısı altında entegre şekilde desteklemeye devam etmiştir. Dreamweaver Adobe şirketine aittir (B), Microsoft Office bir ofis paketi (C), Android Studio Google ekosistemine ait (D), Apple Developer Kit ise Apple’ın geliştirme araçlarını (E) ifade eder.

Yanıtınız yanlış ise “Adobe Dreamweaver CC ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

7) Microsoft Expression Web 4 aşağıdaki dosya türlerinden hangisini desteklemez?

A. PHP
B. JavaScript
C. HTML
D. C#
E. XML

Cevap : D) C#

Açıklama : Expression Web, web teknolojilerine yönelik dosyaları (HTML, CSS, JavaScript, PHP, XML vb.) düzenler. C# ise doğrudan .NET uygulamalarına gömülü (ör. ASP.NET) şekilde desteklenebilir, fakat Expression Web 4’ün kendi başına saf C# dosyalarını tam anlamıyla düzenleme/destekleme işlevi yoktur. Diğer şıklar, web sayfasında kullanılan yaygın formatlardır.

Yanıtınız yanlış ise “Adobe Dreamweaver CC’nin Arayüzü” konusunu yeniden gözden geçiriniz.

8) Microsoft Expression Web 4’te sayfaya eklenecek tablonun kenarlıklarına ilişkin düzenleme yapmak için tablo ekleme formunda aşağıdaki öğelerden hangisi kullanılır?

A. Size
B. Layout
C. Borders
D. Background
E. Set

Cevap : C) Borders

Açıklama : Expression Web’de tablo ekleme penceresinde kenarlık kalınlığı, stili vb. ayarlamak için “Borders” seçeneğinden yararlanılır. “Size” tablo boyutunu gösterir, “Layout” genel düzeni, “Background” arka planı, “Set” ise burada geçerli bir parametre değildir.

Yanıtınız yanlış ise “Adobe Dreamweaver CC ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

9) Microsoft Expression Web 4’teki bir tablonun sütun genişliklerinin eşitliğinin sağlanması için aşağıdaki komutlardan hangisi kullanılmalıdır?

A. Merge Cells
B. Split Cells
C. Table AutoFormat
D. AutoFit Contents
E. Distribute Columns Evenly

Cevap : E) Distribute Columns Evenly

Açıklama : “Distribute Columns Evenly” komutu, tüm sütunların genişliğini otomatik olarak eşitler. “Merge Cells” hücre birleştirme, “Split Cells” ise tek bir hücreyi bölme işlemi yapar. “Table AutoFormat” tabloya hazır stil uygular, “AutoFit Contents” hücre içeriğine göre otomatik boyutlandırır.

Yanıtınız yanlış ise “Microsoft Expression Web ile Web Tasarımı” konusunu yeniden gözden geçiriniz.

10) Microsoft Expression Web 4’te web sayfasına resim eklemek için aşağıdaki menülerden hangisi kullanılır?

A. Edit
B. Insert
C. Format
D. Tools
E. Site

Cevap : B) Insert

Açıklama : Çoğu web tasarım aracında olduğu gibi Microsoft Expression Web’de de öğe eklemek için “Insert” menüsü kullanılır. Buradan tablo, resim, form öğesi gibi eklenebilir öğelere erişirsiniz.

Yanıtınız yanlış ise “Microsoft Expression Web ile Web Tasarımı” konusunu yeniden gözden geçiriniz.