Web Tasarım

Javascript Örnek Soru ve Cevapları

1.   Yandaki resimdeki gibi formu tasarlayıp, Aç düğmesine tıklandığında lambayı yakan, Kapat düğmesine tıklandığında lambayı sündüren javascript kodlarını yazınız. (Not: Elimizde lamba_acik.jpg ve lamba_kapali.jpg isminde 2 adet resmimiz var) <!DOCTYPE html> <html> <head> <title></title> <script type=”text/javascript”> function degistir(){ document.getElementById(‘resim’).src=”img/lamba_acik.png”; } function degistir2(){ document.getElementById(‘resim’).src=”img/lamba_kapali.png”; } </script> </head> <body> <img src=”img/lamba_kapali.png” width=”300px” id=”resim”> <br> <button onclick=”degistir()”>AÇ</button> <button onclick=”degistir2()”>Kapa</button> </body> </html> 2. Yandaki ...

Devamını Oku »

Responsive Tasarım Nasıl Yapılır?

Responsive Web Sitesi Nasıl Yapılır? Sürekli gelişen ve değişen internet dünyasından dolayı web tasarımı kavramı değişti. Web tasarım işi yapan kişiler şu an piyasada kullanılan farklı cihazlar için tüm ekran çözünürlükleri ve boyutları için sorunsuz çalışan tasarımlar yapıyor. Peki bu farklı cihazlara göre tam uyumlu çalışan web site tasarımları nasıl yapıyorlar? Responsive tasarımında en büyük yardımcımız Css bize hızır gibi ...

Devamını Oku »