En İyi 18 Web Tasarımcısı Röportaj Soruları ve Cevapları (2025)

En Popüler Web Tasarımı Mülakat Soruları

İşte yeni başlayanlar ve deneyimli web sitesi tasarımcısı adaylarının hayallerindeki işi bulmaları için Web Tasarımı röportaj soruları ve cevapları.

1) Web tasarımı için kullanılan ana dil veya platformun ne olduğundan bahsedin?

Web tasarımında kullanılan ana dil:

HTML: Temel şablon
CSS: şekillendirici
JavaScript: İşlevsellik
PHP: Sunucu tarafı komut dosyaları

Ücretsiz PDF İndir: Web Tasarımcısı Röportaj Soruları ve Cevapları

2) Bir resmi web sayfalarında arka plan olarak nasıl ayarlayabileceğinizi açıklayın?

Bir görüntüyü web sayfasında arka plan olarak ayarlamak için, gövde arka planını aşağıda gösterildiği gibi arka plan olarak ayarlamak istediğiniz görüntünüzün adının üzerine getirin.

etiket.

<body background= "picture.gif">

Ayrıca arka plan resmini de düzeltebilirsiniz, böylece tarayıcıdaki kaydırma çubuğunu kullanırken hareket etmez. Bunu yapmak için aşağıda gösterildiği gibi BGPROPERTIES etiketini ekleyin

<body background = "picture.gif"bgproperties="fixed">

3) Bir web sayfasında duyarlı tasarım ile neyi kastettiğinizi belirtin?

Duyarlı tasarım, en iyi görüntüleme ve etkileşim deneyimini sağlamak için şantiyelere yönelik bir yaklaşımdır. Tüm cihazlarda minimum kaydırma, kaydırma ve yeniden boyutlandırma ile sitede kolay gezinmeye odaklanır. Bootstrap en popüler CSS'dir, HTML ve duyarlı web tasarımı geliştirmek için kullanılan JS çerçevesi

4) Web tasarımının bazı kötü örneklerinden bahsedin?

Yanıp sönen, dönen veya yanıp sönen görüntüler
Beyaz, açık veya soluk metinli siyah arka plan
Koyu metinli siyah arka planlar
Herhangi bir renkli metin içeren meşgul döşemeli arka plan resimleri
Her Şey Merkezlenmiş
Çok fazla resim veya Çok büyük resimler
Bağlantıların listesi
Çok fazla başlık veya Yanıp sönen metin

5) Bilgi Mimarisi nedir açıklayınız?

Web sayfası bilgilerinde mimari genellikle bir sitenin tamamının yapısı ve gezinmesi olarak anılır.

6) Resmi biri diğerinden daha yüksek veya daha alçak olacak şekilde nasıl hizalayabileceğinizi açıklayın.

Resmi biri diğerinden daha yüksek veya daha düşük olacak şekilde hizalamak için IMG SRC etiketinizdeki align ifadesini kullanın.

< IMG SRC = "http://www.xyz.com/chguy.gif" align=top >

Ayrıca align=top komutunu kullanabilir veya align=middle/bottom komutunu kullanabilirsiniz.

7) Dreamweaver Şablonunun ne olduğunu açıklayın?

Dreamweaver Şablonları, web yöneticilerinin bir web sayfasının "düzenlenemeyen" ve "düzenlenebilir" bölgelerini tanımlamasına olanak tanır; yalnızca Dreamweaver şablonunda "düzenlenemeyen" bölgeler düzenlenebilir. Dreamweaver Şablonuna uygulanan herhangi bir değişiklik, şablonu kullanan tüm HTML sayfalarını güncelleyecektir.

8) "Görünürlük: gizli" ve "görüntü: yok" arasındaki farkın ne olduğunu açıklayın?

Her ikisi de stil özellikleridir

görünürlük:gizli: Bu özellik öğeyi gizler ancak yine de düzende yer kaplar
görüntü yok: Öğeyi belgeden tamamen çıkarır. HTML'si hala kaynak kodunda olmasına rağmen herhangi bir yer kaplamaz.

9) CSS'de CSS float'ı ne zaman kullanacaksınız?

CSS'de, sayfanızdaki bir öğenin sağa veya sola itilmesini ve diğer öğelerin etrafına sarılmasını istediğinizde CSS kayan özelliğini kullanırsınız.

10) Birden fazla kelime içeren bir grafik neden JPG yerine GIF formatında kaydedilmelidir?

JPG'nin yazı tiplerini okunmaz hale getirebilecek dosya sıkıştırma özellikleri olduğundan, görüntünün belirli sözcüklerden oluşması durumunda görüntünün GIF formatında saklanması tercih edilir.

11) CSS dosyasını web sayfanıza nasıl entegre edebileceğinizi açıklayın?

CSS dosyasını herhangi bir sayıda HTML dosyasıyla entegre etmek için dosyayı, “Link” özelliğini kullanarak etiketleyin.

<head><Link REL=STYLESHEET HREF= "filename.css"Type="text/css"></head>

12) Web sayfası tasarımı için kullanılan JQuery işlevlerinden bazılarını listeler misiniz?

Bazı JQuery Web sayfası tasarımı için kullanılan işlevler şunları içerir:

Basit kaydırma paneli
Basit kaybolma efekti
Zincirlenebilir geçiş efekti
Akordeon#1 ve Akordeon#2
Animasyonlu vurgulu efekti
Tüm blok tıklanabilir
Katlanabilir paneller
Resim değiştirme galerisi
Farklı bağlantı türlerini şekillendirme

13) Bir web tasarımcısı olarak “sil” butonunu bildirirken renk seçiminiz ne olurdu?

Özellikle iki butonu yan yana göstermeniz gerektiğinde Kırmızı gibi bir renk kullanarak “Sil” butonunu daha belirgin hale getirin. Kırmızı dikkat işaretidir, dolayısıyla kullanıcının dikkatini çekmesine kesinlikle yardımcı olacaktır.

14) Bir geliştiricinin web tasarımını nasıl öğrenebileceğini açıklayın?

Geliştirici ipuçlarını takip ederek web tasarımı hakkında bilgi edinebilir

Web tasarımı hakkında daha iyi fikir edinmek için “Smashing Magazine” gibi web sitesini ziyaret edin
Başka bir web sitesi olan “En İyi Web Galerisi” de kaliteli tasarım ve düzenler hakkında fikir edinmenize yardımcı olabilir.
Adobe Illustrator gibi araçları deneyin
Kullanarak dinamik web sitesi oluşturun MySQL ve PHP
HTML, CSS, JavaScript, PHP veya jQuery gibi temel dilleri öğrenin

15) İnsanların hesap makinesi kullanırken neden ekranı birden çok kez temizlediğini açıklayın?

Hesap makinelerinin eski sürümlerinde birkaç “iptal” düğmesi bulunur (C, CE). CE düğmesi yalnızca son girişi siler ancak mevcut hesaplamayı kesmez. Örneğin, 2+1 girerseniz ve ardından CE tuşuna basarsanız 0 gösterilir ancak hesap makinesi, toplama için ikinci bir işlenen bekler. (2+ hala hafızada var). Bellekte hiçbir şey kalmadığından emin olmak ve yeni bir hesaplama başlatmak için insanların temizleme düğmesine birkaç kez bastığını sıklıkla görüyoruz. Bunun nedeni hesap makinesinin tasarımındaki bir kusur değildir.

16) Fare imlecinin neden düz değil de hafif eğik olduğunu açıklayın.

Fare teknolojisinin başlangıcında, o günlerde ekranların düşük çözünürlüğü göz önüne alındığında, düz bir çizgi ve 45 derecelik açıyla bir çizgi çizmenin düz imleçten daha kolay ve daha tanınabilir olduğu keşfedildi. Ayrıca eğik ok, imlecin bit haritasının orijininin sol üstte olması nedeniyle tıklama konumunun daha kolay hesaplanmasına yardımcı olabilir. Bu, fare izleme alt yordamının her tıklamada bir hesaplama yapmasını sağladı.

17) Grid sistemi nedir açıklayınız?

Izgara sistemi, kesişen ve içeriği düzenlemek için kullanılan bir dizi yatay ve dikey çizgiden oluşan bir yapıdır. Tasarımcıların yapısıyla çalışabileceği ve içeriği sunabileceği bir sistem sunmanın bir yoludur. Web tasarımına yeni başlayanlar için, kullanımı nispeten kolay olduğundan her zaman web tasarımı için önceden hazırlanmış çerçeveyi kullanmaları önerilir.

18) Hata mesajı yazarken nelere dikkat etmelisiniz?

Aşağıdaki hususları dikkate almanız gerekir

Negatif kelimeler kullanmayın
Kullanıcının neyi düzeltmesi gerektiğini bilmesi için hatayı açıkça belirtin
Kullanıcıya hatayı çözmesi için bir ipucu veya bağlantı verin
Suçu kullanıcıya değil kendinize atın

Bu mülakat soruları aynı zamanda yaşamınızda da yardımcı olacaktır.

Beğenebilirsin:

28 Yorumlar

Merhaba efendim, ben Vasanthan, web tasarımı için röportaj yapacağım bu qst benim için çok faydalı, daha fazla güncelleme yapmak istiyorsunuz, teşekkür ederim