Kişisel GelişimWebmaster

Web Tasarım İş Görüşmesi Mülakat Sorusu

Google News

Sitedeki paylaşımlardan da anlaşılabileceği üzere yaklaşık olarak 6 aydır vatan borcumuz olan askerlik vazifemi gerçekleştirmek için Blog Artı’dan uzak kaldım. Hemen akabinde kısa bir dinlenmenin ardından kendimi yoğun iş temposu ve iş görüşmelerinin arasında buldum.

Web tasarım uzmanı mülakat sorusu

Girdiğim ‘Web Tasarım Uzmanı’ iş ilanı üzerine gittiğim şirketlerden birisinde kısa bir görüşmenin ardından teste tabi tutulacağımı ve özellikle CSS konusunda bilgi seviyemin öğrenileceği bilgisini aldım.

web tasarım iş görüşmesi mülakat sorusu

Yapmam gereken fotoğrafta gözüktüğü üzere bir şekil, bu şekil ilk başta karmaşık gözükse de aslında oldukça basit. Jpg resim formatında herhangi bir kodlama, tasarım ve internet bulunmayan bu çalışmayı görselden bakarak Not Defteri uygulamasında yapmanız gerektiğini de ayrıca belirtmek isterim. Öncelikle verilen bu şekilde CSS’in hangi özellik / uygulamalarından yararlanacağımızı özetleyelim. Bunlara CSS3 ile birlikte gelen özellikler de dahil edildiğinde ilk olarak css oval kenar etiketi olan radius, css ile gölge eklemek için kullandığımız etiket olan shadow ve diğer standart içeriklerden olan border, background color ve boyut etiketlerini girerek şekli tamamlayabiliriz. Gölge yani shadow etiketinde dikkat etmemiz gereken nokta, gölgenin dış değil iç gölge olması. Bunu da “inset” etiketi ile iç gölgeye kısaca dönüştürebiliriz.

Sırasıyla bu aşamalardan geçerek şekildeki görüntüyü oluşturmuş olduk. Bu uygulama ile de Web Tasarım, Frontend Developer, Arayüz Tasarımcısı vb. iş görüşmelerinizde bu tür uygulamalara hazır olmanız gerektiğini de paylaşmış olalım. Alışılmışın dışında iş görüşmesi tecrübeleri ve deneyimlerimizi sizlerle paylaşmaya devam edeceğiz.

Örnekteki istenen tasarımın nasıl hazırlandığını kodları ile paylaşacak olursak;

div {
width:160px;
height:220px;
background-color:#ddd;
border:solid 70px #FFCC00;
border-top:none;
border-left-color:#03F;
border-right-color:#0C3;
-webkit-border-radius: 200px;
box-shadow:inset 3px 2px 25px;

}

Unutmadan; iş görüşmemiz de gerek söz konusu css testi, gerekse şirket şartları olarak gayet olumlu geçti, gerisi nasip kısmet 🙂

İlgili Makaleler

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu